86ps.com-黄叶飞扬 原创教程，欢迎转贴，转贴本教程时需注明作者和来源！

使用的软件为:  Photoshop CS3
辅助使用软件:  Ulead GIF Animator5.5
适合的读者为:  初级入门
操作的难易度:  简单稍有烦琐

  导读：通过本教程的学习，
使初学PS的朋友快速的掌握使用PSCS3的动画制作基本功能，
及在CS3中如何使用时间轴功能编辑GIF动画的基本技巧,
以及Photoshop的智能图层和视频图层的使用等等：

因为CS3中已经取消了IR，而PS是无法完整同时打开一幅动态GIF图片的所有帧图层的，
如果你的电脑里安装了QuickTime 7.1 版或更高版本，那么可以通过PS的
“文件”--->"导入"-->"视频帧到图层"命令来导入GIF图画图片的所有帧信息的,
不过,相信一般的朋友的电脑里基本上是没有安装QuickTime 7.1的啦,
这样一来,我们就唯有借助别的软件来完成这个任务了,
在这里我推荐大家使用Ulead GIF Animator5.5来进行GIF图片的转换为PSD的工作.
( 当然用Ulead GIF Animator来处理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资源哪里找？"
⑷好了，现在开始制作动画了：
保持当前操作图层为文字层“Photoshop资源哪里找？”，并且“当前时间指示器”位于时间轴的起始位置（0:00:00:00）
①在动画面板上点击左边的黑色小三角以打开动画控制按钮，接着点击“不透明度”选项前的“秒钟”按钮，建立一个关键帧。
紧接着把图层面板上“Photoshop资源哪里找？”层的“不透明度”改为“0%”，这样我们在动画打开的第一帧里就看不到文字了。
②跟住把“时间显示器”移动到第二帧的位置，并建立第二个不透明度的关键帧，且把图层的不透明度改回“100%”，
现在“Photoshop资源哪里找？”又出现啦 ：）
〖注：再次建立关键帧的时候不是点击那个“秒钟”哦，应该是点击“秒钟”前面的两个反方向三角形中间位置哟！〗

这里有个小技巧：如果你想要文字的显示有个渐变的过程，那么可以把第二个关键帧设置到第五帧甚至第十帧或是更远，
帧数间隔的越多则渐变的效果越好；且你可以设置第三个关键帧，并把第三个关键帧的不透明度改为0%，就可以产生渐显示至渐隐的效果了。具体的大家可以自己试验一下看看效果如何了。

7. 让文字动起来
①保持“时间显示器”处于第二帧位置，参照设置渐变效果的方法，点击位置旁的“秒钟”创建第一个“位置关键帧”，
②接着把“时间显示器”移动到第三帧位置；再次设置关键帧；
③并选择“移动工具”，把“Photoshop资源哪里找？”图层随意移动位置；
④依照上述方法继续添加关键帧并相应的随意移动文字层的位置，具体要建立多少个关键帧就看你自己喜欢了，
    这里我一共设置了8个关键帧，第八帧位于时间轴的（0:00:01:05）位置；
⑤在设置了第八位置关键帧后，我们同时设置一个“不透明度”的关键帧，
　这时候，该文字图层的不透明度应该还是100%；
⑥接着移动“时间显示器”至（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.com顶呱呱”，PS会自动保存为新的图层；
这里我给该文字层适当设置些投影的样式以增加效果,大家可以随意设置自己喜欢的样式的；
②接着建立一个“不透明度”的关键帧，并把图层的不透明度的改为3%；（当然，设置为0%亦是无妨啦）
③执行同样的操作，在（0:00:01:08）位置建立“不透明度”关键帧，并把图层的不透明度改回100%；
  还是在同一个时间轴位置，我们建立一个“文字变形”的关键帧，对这个关键帧什么都不用操作；  ④接着在（0:00:02:00）位置建立一个“文字变形”的关键帧，保持当前使用的工具为“文字工具”，在菜单栏上文字属性后面选择“创建文字变形”按钮，在弹出的对话框中选择样式为“旗帜”并把“水平扭曲”数值改为“50%”；
⑤在（0:00:02:03）位置再建立一个“文字变形”的关键帧，这次把“旗帜”样式中的“水平扭曲”数值改为“-50%”；

10. 保存动画
①依照上面的方法，我们继续设置“86ps.com顶呱呱”文字的动画效果直到（0:00:02:07）位置关键帧时，
就把文字变形样式取消（也就是“文字变形”的样式为“无”），并在最后一帧也设置一个关键帧，样式依然为“无”。

②现在可以保存动画了，选择“文件”-->“存储为Web和设备所用格式” 即可。
〖注：在存储的对话框中，各种相应的存储设置的具体的数值大家自己把握就好，
  重要的是：一定要选择循环选项为“永远”！〗

好了，我们的小浣熊RJ终于可以开心的走起来了，也让我们一起来86ps.com分享更多的精彩PS教程和PS资源吧！