2010-04-14 15:25:22 阅读9 评论0 字号:大中小
引用
的
如何用PS CS3制作GIF动画
编辑:山间溪流
使用的软件为: PS CS3
辅助使用软件: Ulead GIF Animator5.5
适合的读者为: 初级入门
操作的难易度: 简单稍有烦琐导读:通过本教程的学习,使初学PS的朋友快速的掌握使用PSCS3的动画
制作基本功能,及在CS3中如何使用时间轴功能编辑GIF动画的基本技巧,
以及的智能和视频的使用等等.
素材如下:
效果图:
教程开始讲解如何用PS CS3制作GIF动画的方法:
1. 获取PSD文档
启动Ulead GIF Animator5.5,打开我们要编辑的图片 RJ.gif,因为我们不需要用UL来编辑该GIF,所以,我们直接选择"另存为"-->"PSD文件"即可,我把该文件
命名为"浣熊RJ.psd".接着直接双击刚刚保存的"浣熊RJ.psd",系统自动以{zx1}版
本的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. 将图层转换为智能对象
在面板上选择所有,
〖快捷方法:选择最上层(或{zd2}层),按住Shift键,用鼠标左键相应地点击{zd2}层(或最上层)的〗然后在面板上用鼠标右键点击,在弹出的对话框里选
择“转换为智能对象”得到接着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)
①在动画面板上点击左边的黑色小三角以打开动画控制按钮,接着点击“不透
明度”选项前的“秒钟”按钮,建立一个关键帧。
7. 让文字动起来
①保持“时间显示器”处于第二帧位置,参照设置渐变效果的方法,点击位置旁的“秒钟”创建{dy}个“位置关键帧”,
②接着把“时间显示器”移动到第三帧位置;再次设置关键帧;
③并选择“移动”,把“资源哪里找?”随意移动位置;
④依照上述方法继续添加关键帧并相应的随意移动文字层的位置,具体要建立
多少个关键帧就看你自己喜欢了,
这里我一共设置了8个关键帧,第八帧位于时间轴的(0:00:01:05)位置;
⑤在设置了第八位置关键帧后,我们同时设置一个“不透明度”的关键帧,
这时候,该文字的不透明度应该还是{bfb};
⑥接着移动“时间显示器”至(0:00:01:06)位置,建立一个新的“不透明度”
关键帧,并把不透明度设置为0%);
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.com顶呱呱”,PS会自动保存为新的;这里我给
该文字层适当设置些投影的以增加效果,大家可以随意设置自己喜欢的的;
②接着建立一个“不透明度”的关键帧,并把的不透明度的改为3%;(当然,
设置为0%亦是无妨啦)
③执行同样的操作,在(0:00:01:08)位置建立“不透明度”关键帧,并把的不
透明度改回{bfb};
还是在同一个时间轴位置,我们建立一个“文字变形”的关键帧,对这个关
键帧什么都不用操作; ④接着在(0:00:02:00)位置建立一个“文字变形”的
关键帧,保持当前使用的为“文字”,在栏上文字属性后面选择“创建文字变
形”按钮,在弹出的对话框中选择为“旗帜”并把“水平扭曲”数值改为
“50%”;
⑤在(0:00:02:03)位置再建立一个“文字变形”的关键帧,这次把“旗帜”中的“水平扭曲”数值改为“-50%”;
10. 保存动画
①依照上面的方法,我们继续设置“86ps.com顶呱呱”文字的动画效果直到(0:00:02:07)位置关键帧时,就把文字变形取消(也就是“文字变形”的为
“无”),并在{zh1}一帧也设置一个关键帧,依然为“无”。
好了,我们的小浣熊RJ终于可以开心的走起来了,也让我们一起来分享更多的
精彩PS教程和PS资源吧!(来源:雨枫技术教程网)
山间溪流日志《专版导航》