如何用PS CS3制作GIF动画
音画学习园地 2009-12-09 16:17:51 阅读1983 评论0 字号：大中小 订阅
引用
一个人 的 如何用PS CS3制作GIF动画
如何用PS CS3制作GIF动画
编辑：山间溪流
使用的软件为: PS CS3
辅助使用软件: Ulead GIF Animator5.5
适合的读者为: 初级入门
操作的难易度: 简单稍有烦琐
导读：通过本教程的学习，使初学PS的朋友快速的掌握使用PSCS3的动画
制作基本功能，及在CS3中如何使用时间轴功能编辑GIF动画的基本技巧,
以及的智能和视频的使用等等.
因为CS3中已经取消了IR，而PS是无法完整同时打开一幅动态GIF图片的所
有帧的，如果你的电脑里安装了QuickTime 7.1 版或更高版本，那么可以通过
PS的“文件”--->"导入"-->"视频帧到"命令来导入GIF图画图片的所有帧信息
的,不过,相信一般的朋友的电脑里基本上是没有安装QuickTime 7.1的啦,这样
一来,我们就唯有借助别的软件来完成这个任务了,在这里我推荐大家使用
Ulead GIF Animator5.5来进行GIF图片的转换为PSD的工作.( 当然用Ulead GIF
Animator来处理GIF动画也是个很好的选择哦 )
素材如下：
效果图：
教程开始讲解如何用PS CS3制作GIF动画的方法：
1. 获取PSD文档
启动Ulead GIF Animator5.5,打开我们要编辑的图片 RJ.gif,因为我们不需要用
UL来编辑该GIF，所以,我们直接选择"另存为"-->"PSD文件"即可,我把该文件
命名为"浣熊RJ.psd".接着直接双击刚刚保存的"浣熊RJ.psd",系统自动以最新版
本的PS打开,如果你使用的不是PS-CS3,那基本上本教程可以不看了, 因为本教
程中将要使用CS3动画面板里的时间轴功能来处理的,而CS3版本以下的PS中是
没有该功能的。
2. 改变文档尺寸大小
通过"图像"-->"图像大小"( Alt+Ctrl+I或用鼠标右键点击当前文档的顶部边框
选择"图像大小" )检查发现此时的文档尺寸大小为66×80 px,我需要把该文件的
尺寸改为250×60 px。所以，我们需要把图像大小修改为高60PX，这里大家要
记住需要勾选下面的“缩放、约束比例、重定图像像素”。否则该文档在执行
了图像大小的操作后,会产生变形的! 在调整了图像大小后,此时的图像大小已
经是50×60 PX了,高度是符合要求力量,不过宽度还不符合我们的要求,所以我们
要继续更改的大小.方法和改变"图像大小"一样,我们把宽度改为250,定位选择向
右即可。现在该文档尺寸终于符合我们的要求了。
3. 将图层转化为动画帧
①在面板上把所有的全部设置为可见
（快捷的方法：按住鼠标左键不放，在面板上的小眼睛处由上向下拖动鼠标即
可）接着在栏的“窗口”中选择“动画”以打开“动画”操作面板。（PS默认
的动画操作方式为“时间轴”方式的，不要更改为“帧动画”方式哦）
②③现在用鼠标左键点击动画面板右上角的“黑小三角按钮”，打开动画面
的卷帘。在该卷帘面板中选择“文档设置”，把“持续时间”修改为“00:03:00”(
也就是3秒);把“帧速率”修改为“10”fps（10帧）。
④接着同样是在该卷帘中选择“从建立帧”，好，现在点击动画面板上的播放
按钮。 （看到了吧，我们的小浣熊RJ开心的走起来了 ：）
不过现在的动画却是2秒一个循环，不符合我们的要求哟，没关系等一阵子
再解决这个问题就是了。
4. 将图层转换为智能对象
在面板上选择所有，
〖快捷方法：选择最上层（或最底层），按住Shift键，用鼠标左键相应地点击
最底层（或最上层）的〗然后在面板上用鼠标右键点击，在弹出的对话框里选
择“转换为智能对象”得到接着Ctrl+J快速“通过拷贝新的智能对象”得到复
制，现在面板上共有两个了。为了便于操作我们把这两个分别重命名为“原图1，
原图2”，接着点击”原图1“以保持该为单前可操作，按住Ctrl键，点击面板下部
的“创建新”按钮，以新建一个空白并填充为白，然后重命名为“”
〖注：这里按住Ctrl键来创建新，可以快速让新建的位于当前可操作的下一层〗
5. 让整个画面的动画流畅
关键的时候到了，大家可别分心了：
①在”原图2“的时间轴上，先把“当前时间指示器”移动到2秒处（0:00:02:00）；
②-—③接着在时间轴上的起始位置，按住鼠标左键不放一直向右拖动，直到2
秒处（0:00:02:00）。现在点击播放按钮，看看效果是不是不一样了呢？
〖注： 小图④的操作方法是错误的！具体的效果大家可以自己尝试一下！〗
6. 创建自己的动画
⑴ 关键帧的基本操作：
①把“当前时间指示器”拖会到时间轴的起始位置，保持当前可操作的为
“原图2”，点击面板左边的黑小三角，
②展开隐藏的动画可控制里的“秒钟按钮”，然后依次点击各个“秒钟按钮”，
这样我们就建立了相应的“关键帧”了。〖注：图中的红圆圈处；③以后如
果要删除关键帧，只要点击该关键帧标志即可〗
⑵ 为了操作的方便而且我们不用修改原图动画的效果,所以，我们又可以把
“原图1”和“原图2”选中后“转换为智能对象”记住：我们刚才新建的不要一
起选中。
⑶选择文字，选择好自己喜欢的字体和字号，在文档中输入文字：
"PHOTOSHOP资源哪里？"
⑷好了，现在开始制作动画了：
保持当前操作为文字层“资源哪里？”，并且“当前时间指示器”位于时间
轴的起始位置（0:00:00:00）
①在动画面板上点击左边的黑小三角以打开动画控制按钮，接着点击“不透
明度”选项前的“秒钟”按钮，建立一个关键帧。
紧接着把面板上“资源哪里？”层的“不透明度”改为“0%”，这样我们在
动画打开的第一帧里就看不到文字了。
②跟住把“时间显示器”移动到第二帧的位置，并建立第二个不透明度的关键
帧，且把的不透明度改回“100%”，现在“资源哪里？”又出现啦 ：）
〖注：再次建立关键帧的时候不是点击那个“秒钟”哦，应该是点击“秒钟”
前面的两个反方向三角形中间位置哟！〗
这里有个小技巧：如果你想要文字的显示有个渐变的过程，那么可以把第二
个关键帧设置到第五帧甚至第十帧或是更远，帧数间隔的越多则渐变的效果越
好；且你可以设置第三个关键帧，并把第三个关键帧的不透明度改为0%，就可
以产生渐显示至渐隐的效果了。具体的大家可以自己试验一下看看效果如何了。
7. 让文字动起来
①保持“时间显示器”处于第二帧位置，参照设置渐变效果的方法，点击位置
旁的“秒钟”创建第一个“位置关键帧”，
②接着把“时间显示器”移动到第三帧位置；再次设置关键帧；
③并选择“移动”，把“资源哪里？”随意移动位置；
④依照上述方法继续添加关键帧并相应的随意移动文字层的位置，具体要建立
多少个关键帧就看你自己喜欢了，
这里我一共设置了8个关键帧，第八帧位于时间轴的（0:00:01:05）位置；
⑤在设置了第八位置关键帧后，我们同时设置一个“不透明度”的关键帧，
这时候，该文字的不透明度应该还是100%；
⑥接着移动“时间显示器”至（如何用ps处理文字0:00:01:06）位置，建立一个新的“不透明度”
关键帧，并把不透明度设置为0%）；
好了，现在播放一下吧，怎么样？文字在动了吧？而且是到了（0:00:01:06）
位置后就不显示了哟 ：）
8. 建立新的视频
使用视频的好处就在于，我们可以随意的在每一个可视视频帧里随意进行添加
绘画类的操作，而不必烦琐的去添加关键帧，每移动一个帧就自然是一个关键
帧了。
①建立视频，选择“” --> "视频" --> "新建空白视频",得到视频"1";
②选择,并选取自己喜欢的,我选择了五角星,并把的属性调整一下;
如果你没有该,可以自己做一个或是使用其他,免费下载吧 ^_^
选择了后,在栏的左边"工作区"前有的属性控制调板,点击打开后,如图示设置,
具体数值随意就好。
③接着选择“钢笔”，把钢笔的属性设置为“”，并在文档上绘制出；
④保持当前可操作为视频“1”，并且保持“时间显示器”处于时间轴的
（0:00:01:06）位置， 在刚刚绘制的上点击鼠标右键，在弹出的里选择
“描边”， 在弹出的对话框中选择“”并勾选“模拟压力”确定即可；
⑤接着移动“时间显示器”至下一帧，并重复刚才描边的操作，直到自己认为
合适的时间位置为止； 我共设置了1秒时间，也就是说在视频里，作的范
围是（0:00:01:06）直到（0:00:02:08）位置，好了，视频里的操作到此就结
束了，快播放一下看看吧
如果大家想效果更好，一样可以设置各个帧的不透明度的啦。
9. 创建新的文字动画
①把“时间显示器”拖回到（0:00:01:05）位置，把删除或是隐藏起来
（快捷的方法：Delete或Ctrl+Enter接着Ctrl+D）然后选择“文字”选择好合适
的字体，在文档上输入“86ps顶呱呱”，PS会自动保存为新的；这里我给
该文字层适当设置些投影的以增加效果,大家可以随意设置自己喜欢的的；
②接着建立一个“不透明度”的关键帧，并把的不透明度的改为3%；（当然，
设置为0%亦是无妨啦）
③执行同样的操作，在（0:00:01:08）位置建立“不透明度”关键帧，并把的不
透明度改回100%；
还是在同一个时间轴位置，我们建立一个“文字变形”的关键帧，对这个关
键帧什么都不用操作； ④接着在（0:00:02:00）位置建立一个“文字变形”的
关键帧，保持当前使用的为“文字”，在栏上文字属性后面选择“创建文字变
形”按钮，在弹出的对话框中选择为“旗帜”并把“水平扭曲”数值改为
“50%”；
⑤在（0:00:02:03）位置再建立一个“文字变形”的关键帧，这次把“旗帜”
中的“水平扭曲”数值改为“-50%”；
10. 保存动画
①依照上面的方法，我们继续设置“86ps顶呱呱”文字的动画效果直到
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论