引用如何用PS CS3制作GIF动画

引用 如何用PS CS3制作GIF动画

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资源吧!(来源:雨枫技术教程网)

山间溪流日志《专版导航》  

 

<#--{zx1}日志--> <#--推荐日志--> <#--引用记录--> <#--相关日志--> <#--推荐日志--> <#--推荐阅读--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构-->
郑重声明:资讯 【引用如何用PS CS3制作GIF动画】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——