教你简单制作动画图片的小方法
来源:百度文库 编辑:神马文学网 时间:2024/07/04 22:12:26
文章出处:多特软件站 更新时间:2009-01-08 人气:16059 次 ![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_1.gif)
有朋友问我,如何做作有个性化的动画图?做动画的方法有很多种,我们就从简单学起,介绍如何用Photoshop和Imageready制作动画。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_2.gif)
效果图
1)新建文件
点击“文件”—“新建”—“FUPING111”,设定宽度、高度、名称,“背景内容”选透明”,新建一个300(宽)×150(高)象素即可,具体尺寸可以按自己需要设定。
2)制作所需的图片或素材
在photoshop里打开所需的图片,这里只需要一张背景图,再输入您所要显示的文字如图1。鼠标左键点击 背景图片,按“ Ctrl+A”,图四周出现流动的虚线框,再 Ctrl+C拷贝该图片。鼠标左键点击刚才新建的“FUPING111”文件,按“Ctrl+V”,就将图片粘贴进“FUPING111”中了。(如果图片不是300×150象素,那么还需要把图片制作成300×150象素)
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_3.gif)
图1
3)进入动画软件
点击photoshop的工具条最下方的图标。进入Imageready软件,如图2。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_4.gif)
图2
如果这个步骤无法完成,表示您安装的是 photoshop迷你版本,请重新下载完整版的 photoshop。正常情况下, Imageready在左下角有个“动画窗口”,右下角有“图层窗口”。如果找不到这 2个窗口,请在软件菜单“窗口”菜单中勾选显示出来。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_5.gif)
图3
4)动画制作
进入 Imagereadym,在“动画”对话框内默认为一帧。我们初步的设计为文字从左侧进入图片中央,停顿5秒,再从右侧滚出。所以先将第一桢的文字使用移动工具,将文字拖到左侧图框外。点“复制桢”按钮,复制第二桢,在第二桢把文字拖到图框中央,见图4
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_6.gif)
图4
按住“SHIFT”键,选取1、2桢,点“过渡”按钮,出现“过渡”对话框,在“要添加的桢”狂内,填入“10”,增加10桢的过渡。添加的过渡桢数越多,动画过渡的越自然,但动画文件越大。见图5
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_7.gif)
图5
图6就是添加后,在动画对话框的情况
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_8.gif)
图6
选取第12桢(最后一帧),点新建一帧,复制二桢,点第13桢,将此桢的显示时间设置为5秒。这样做是让文字在图框内停顿5秒。见图7
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_9.gif)
图7
再选14桢,复制一帧,选取15桢,在编辑框内,用移动工具将文字拖到图框的右侧外。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_10.gif)
图8
按住SHIFT键,选取14、15桢,点“过渡”按钮,方法同前
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_11.gif)
图9
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_12.gif)
图10
制作完成后可以使用“播放”键,预览一下,感觉满意,点选菜单“文件”—“将优化结果存储为...”,保持动画文件。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_13.gif)
图11
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_14.gif)
图12
到这里,整个制作过程告一段落,在退出程序前,最好先保持一个*.PSD文件,便于今后的调整和修改,不到之处敬请见谅。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_1.gif)
有朋友问我,如何做作有个性化的动画图?做动画的方法有很多种,我们就从简单学起,介绍如何用Photoshop和Imageready制作动画。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_2.gif)
效果图
1)新建文件
点击“文件”—“新建”—“FUPING111”,设定宽度、高度、名称,“背景内容”选透明”,新建一个300(宽)×150(高)象素即可,具体尺寸可以按自己需要设定。
2)制作所需的图片或素材
在photoshop里打开所需的图片,这里只需要一张背景图,再输入您所要显示的文字如图1。鼠标左键点击 背景图片,按“ Ctrl+A”,图四周出现流动的虚线框,再 Ctrl+C拷贝该图片。鼠标左键点击刚才新建的“FUPING111”文件,按“Ctrl+V”,就将图片粘贴进“FUPING111”中了。(如果图片不是300×150象素,那么还需要把图片制作成300×150象素)
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_3.gif)
图1
3)进入动画软件
点击photoshop的工具条最下方的图标。进入Imageready软件,如图2。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_4.gif)
图2
如果这个步骤无法完成,表示您安装的是 photoshop迷你版本,请重新下载完整版的 photoshop。正常情况下, Imageready在左下角有个“动画窗口”,右下角有“图层窗口”。如果找不到这 2个窗口,请在软件菜单“窗口”菜单中勾选显示出来。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_5.gif)
图3
4)动画制作
进入 Imagereadym,在“动画”对话框内默认为一帧。我们初步的设计为文字从左侧进入图片中央,停顿5秒,再从右侧滚出。所以先将第一桢的文字使用移动工具,将文字拖到左侧图框外。点“复制桢”按钮,复制第二桢,在第二桢把文字拖到图框中央,见图4
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_6.gif)
图4
按住“SHIFT”键,选取1、2桢,点“过渡”按钮,出现“过渡”对话框,在“要添加的桢”狂内,填入“10”,增加10桢的过渡。添加的过渡桢数越多,动画过渡的越自然,但动画文件越大。见图5
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_7.gif)
图5
图6就是添加后,在动画对话框的情况
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_8.gif)
图6
选取第12桢(最后一帧),点新建一帧,复制二桢,点第13桢,将此桢的显示时间设置为5秒。这样做是让文字在图框内停顿5秒。见图7
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_9.gif)
图7
再选14桢,复制一帧,选取15桢,在编辑框内,用移动工具将文字拖到图框的右侧外。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_10.gif)
图8
按住SHIFT键,选取14、15桢,点“过渡”按钮,方法同前
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_11.gif)
图9
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_12.gif)
图10
制作完成后可以使用“播放”键,预览一下,感觉满意,点选菜单“文件”—“将优化结果存储为...”,保持动画文件。
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_13.gif)
图11
![](http://image9.360doc.cn/DownloadImg/2010/05/1415/3199289_14.gif)
图12
到这里,整个制作过程告一段落,在退出程序前,最好先保持一个*.PSD文件,便于今后的调整和修改,不到之处敬请见谅。
教你简单制作动画图片的小方法
教你制作水波动画图片
教你制作水波动画图片
教你制作水波动画图片
用Ulead GIF Animator 5 软件制作简单动画图片的方法
教你制作水波动画图片[图]
教你制作水波动画图片[图]
教你制作水波动画图片[图]
教你制作水波动画图片[专用]
手把手教你用PS制作动画图片
【flash学堂】教你制作水波动画图片
[图文]教你制作水波动画图片
【楠蓉书香】教你制作水波动画图片[图]
[图·文]教你制作水波动画图片
可用于PPT幻灯片和网页制作的精美小动画图片
教你制作水波动画图片[图] Qzone精彩由你而来
教你制作水波动画图片[图] Qzone精彩由你而来
教你制作水波动画图片[图] Qzone精彩由你而来
教你制作水波动画图片 Qzone精彩由你而来
教你制作水波动画图片[图] Qzone精彩由你而来
教你制作水波动画图片[图] Qzone精彩由你而来
(精)教你制作水波动画图片 Qzone精彩由你而来
教你制作水波动画图片[图] 0 Qzone精彩由你而来
教你制作水波动画图片[图]---动漫 Qzone精彩由你而来