如何用PSCS3制作GIF动画概述Word文档下载推荐.docx
《如何用PSCS3制作GIF动画概述Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《如何用PSCS3制作GIF动画概述Word文档下载推荐.docx（22页珍藏版）》请在冰豆网上搜索。
有帧的，如果你的电脑里安装了QuickTime7.1版或更高版本，那么可以通过
PS的“文件”--->
"
导入"
-->
视频帧到"
命令来导入GIF图画图片的所有帧信息
的,不过,相信一般的朋友的电脑里基本上是没有安装QuickTime7.1的啦,这样
一来,我们就唯有借助别的软件来完成这个任务了,在这里我推荐大家使用
UleadGIFAnimator5.5来进行GIF图片的转换为PSD的工作.（当然用UleadGIF
Animator来处理GIF动画也是个很好的选择哦）
素材如下：
效果图：
教程开始讲解如何用PSCS3制作GIF动画的方法：
1.获取PSD文档
启动UleadGIFAnimator5.5,打开我们要编辑的图片RJ.gif,因为我们不需要用
UL来编辑该GIF，所以,我们直接选择"
另存为"
PSD文件"
即可,我把该文件
命名为"
浣熊RJ.psd"
.接着直接双击刚刚保存的"
系统自动以最新版
本的PS打开,如果你使用的不是PS-CS3,那基本上本教程可以不看了,因为本教
程中将要使用CS3动画面板里的时间轴功能来处理的,而CS3版本以下的PS中是
没有该功能的。
2.改变文档尺寸大小
通过"
图像"
图像大小"
（Alt+Ctrl+I或用鼠标右键点击当前文档的顶部边框
选择"
）检查发现此时的文档尺寸大小为66×
80px,我需要把该文件的
尺寸改为250×
60px。
所以，我们需要把图像大小修改为高60PX，这里大家要
记住需要勾选下面的“缩放、约束比例、重定图像像素”。
否则该文档在执行
了图像大小的操作后,会产生变形的!
在调整了图像大小后,此时的图像大小已
经是50×
60PX了,高度是符合要求力量,不过宽度还不符合我们的要求,所以我们
要继续更改的大小.方法和改变"
一样,我们把宽度改为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）。
现在点击播放按钮，看看效果是不是不一样了呢？
小图④的操作方法是错误的！
具体的效果大家可以自己尝试一下！
〗
6.创建自己的动画
⑴关键帧的基本操作：
①把“当前时间指示器”拖会到时间轴的起始位置，保持当前可操作的为
“原图2”，点击面板左边的黑色小三角，
②展开隐藏的动画可控制里的“秒钟按钮”，然后依次点击各个“秒钟按钮”，
这样我们就建立了相应的“关键帧”了。
图中的红色圆圈处；
③以后如
果要删除关键帧，只要点击该关键帧标志即可〗
⑵为了操作的方便而且我们不用修改原图动画的效果,所以，我们又可以把
“原图1”和“原图2”选中后“转换为智能对象”记住：
我们刚才新建的不要一
起选中。
⑶选择文字，选择好自己喜欢的字体和字号，在文档中输入文字：
"
PHOTOSHOP资源哪里找？
⑷好了，现在开始制作动画了：
保持当前操作为文字层“资源哪里找？
”，并且“当前时间指示器”位于时间
轴的起始位置（0:
00）
①在动画面板上点击左边的黑色小三角以打开动画控制按钮，接着点击“不透
明度”选项前的“秒钟”按钮，建立一个关键帧。
紧接着把面板上“资源哪里找？
”层的“不透明度”改为“0%”，这样我们在
动画打开的第一帧里就看不到文字了。
②跟住把“时间显示器”移动到第二帧的位置，并建立第二个不透明度的关键
帧，且把的不透明度改回“100%”，现在“资源哪里找？
”又出现啦：
再次建立关键帧的时候不是点击那个“秒钟”哦，应该是点击“秒钟”
前面的两个反方向三角形中间位置哟！
这里有个小技巧：
如果你想要文字的显示有个渐变的过程，那么可以把第二
个关键帧设置到第五帧甚至第十帧或是更远，帧数间隔的越多则渐变的效果越
好；
且你可以设置第三个关键帧，并把第三个关键帧的不透明度改为0%，就可
以产生渐显示至渐隐的效果了。
具体的大家可以自己试验一下看看效果如何了。
7.让文字动起来
①保持“时间显示器”处于第二帧位置，参照设置渐变效果的方法，点击位置
旁的“秒钟”创建第一个“位置关键帧”，
②接着把“时间显示器”移动到第三帧位置；
再次设置关键帧；
③并选择“移动”，把“资源哪里找？
”随意移动位置；
④依照上述方法继续添加关键帧并相应的随意移动文字层的位置，具体要建立
多少个关键帧就看你自己喜欢了，
这里我一共设置了8个关键帧，第八帧位于时间轴的（0:
01:
05）位置；
⑤在设置了第八位置关键帧后，我们同时设置一个“不透明度”的关键帧，
这时候，该文字的不透明度应该还是100%；
⑥接着移动“时间显示器”至（0:
06）位置，建立一个新的“不透明度”
关键帧，并把不透明度设置为0%）；
好了，现在播放一下吧，怎么样？
文字在动了吧？
而且是到了（0:
06）
位置后就不显示了哟：
8.建立新的视频
使用视频的好处就在于，我们可以随意的在每一个可视视频帧里随意进行添加
绘画类的操作，而不必烦琐的去添加关键帧，每移动一个帧就自然是一个关键
帧了。
①建立视频，选择“”-->
"
视频"
-->
新建空白视频"
得到视频"
1"
;
②选择,并选取自己喜欢的,我选择了五角星,并把的属性调整一下;
如果你没有该,可以自己做一个或是使用其他,免费下载吧^_^
选择了后,在栏的左边"
工作区"
前有的属性控制调板,点击打开后,如图示设置,
具体数值随意就好。
③接着选择“钢笔”，把钢笔的属性设置为“”，并在文档上绘制出；
④保持当前可操作为视频“1”，并且保持“时间显示器”处于时间轴的
（0:
06）位置，
在刚刚绘制的上点击鼠标右键，在弹出的里选择
“描边”，
在弹出的对话框中选择“”并勾选“模拟压力”确定即可；
⑤接着移动“时间显示器”至下一帧，并重复刚才描边的操作，直到自己认为
合适的时间位置为止；
我共设置了1秒时间，也就是说在视频里，我操作的范
围是（0:
06）直到（0:
08）位置，好了，视频里的操作到此就结
束了，快播放一下看看吧
如果大家想效果更好，一样可以设置各个帧的不透明度的啦。
9.创建新的文字动画
①把“时间显示器”拖回到（0:
05）位置，把删除或是隐藏起来
Delete或Ctrl+Enter接着Ctrl+D）然后选择“文字”选择好合适
的字体，在文档上输入“顶呱呱”，PS会自动保存为新的；
这里我给
该文字层适当设置些投影的以增加效果,大家可以随意设置自己喜欢的的；
②接着建立一个“不透明度”的关键帧，并把的不透明度的改为3%；
（当然，
设置为0%亦是无妨啦）
③执行同样的操作，在（0:
08）位置建立“不透明度”关键帧，并把的不
透明度改回100%；
还是在同一个时间轴位置，我们建立一个“文字变形”的关键帧，对这个关
键帧什么都不用操作；
④接着在（0:
00）位置建立一个“文字变形”的
关键帧，保持当前使用的为“文字”，在栏上文字属性后面选择“创建文字变
形”按钮，在弹出的对话框中选择为“旗帜”并把“水平扭曲”数值改为
“50%”；
⑤在（0:
03）位置再建立一个“文字变形”的关键帧，这次把“旗帜”
中的“水平扭曲”数值改为“-50%”；
10.保存动画
①依照上面的方法，我们继续设置“顶呱呱”文字的动画效果直到
07）位置关键帧时，就把文字变形取消（也就是“文字变形”的为
“无”），并在最后一帧也设置一个关键帧，依然为“无”。
②现在可以保存动画了，选择“文件”-->
“存储为Web和设备所用格式”
即可。
在存储的对话框中，各种相应的存储设置的具体的数值大家自己
把握就好，
重要的是：
一定要选择循环选项为“永远”！
〗
好了，我们的小浣熊RJ终于可以开心的走起来了，也让我们一起来分享更多的
精彩PS教程和PS资源吧！
（来源：
雨枫技术教程网）
山间溪流日志《专版导航》
如何用PhotoshopCS3+打开和编辑GIF动画
2009年02月18日⁄Photoshop⁄共833字⁄暂无评论⁄被围观1,514+
PhotoshopCS3相比其它版本在功能上有了很多改进，这需要在使用过程中慢慢熟悉。
也许在安装时你就已经发现，cs3版本已经没有了以往的ImageReady附件，在面板的左下方也找不到那个由photoshop到动画的切换图标了。
下面介绍在cs3中打开动画面板的方法。
1、你要确认你的电脑上已经安装了QuickTime7.1以上的版本）。
2、打开PhotoshopCS3，在窗口菜单里将“动画”勾选。
3、点击击打开“文件”，点击“文件＞导入＞视频帧到图层”。
若你电脑上已经有QuickTime7.1以上的版本，将会弹开新的窗口，若没有安装或者版本在7.1以下，会有提示您没有安装QuickTime。
QuickTime最新版本下载地址在步骤1上面。
4、弹出的浏览窗口默认情况下没有GIF，只能开启视频格式MOV、AVI、MPG、MPEG，没关系，只要在“文件类型”选择“QuickTime影片”，并且在“文件名”处键入“*.*”，再点击“载入（L）”按钮，然后选择要打开的GIF格式动画图片就行了。
5、这时看到的是不是有熟悉的感觉了？
如果你看到的不是如图所示，那就要点击红色标识处了。
Cs3在视频处理和编辑上又下了些功夫，原来的动画处理整合了视频处理功能。
原来的小动画由“动画（帧）”分管，视频则由“时间轴动画”实现管理。
6、如果想切换到photoshop，就点击“窗口”，将勾选的“动画”取消，在photoshop中进行图层的修饰。
7、制作或者修改完之后保存为“web使用格式”就可以发布了！
AA25注：
这各方法虽然可以便捷地用PSCS3打开gif，但有一个缺陷是gif图片背景如果是透明的，导入后会变成白色的。
另外再提供一种借助第三方软件UleadGIFAnimatorv5.05将其导出为psd，然后再在ps里编辑，但也有一点导入后只能导入图层，不能导入帧，怎么使用就看你自己的。
再或者可以安装个以前版本的imageready，前提是你不嫌麻烦而且追求完美的话
升级会员 