用Photoshop CS3制作GIF动画  

from:http://www.psuc.cn/blog/html/32/t-3332.html

刚安装PS CS3的时候，发现已经没有跳转ImageReady这个选项了，以前都是用ImageReady做GIF动画，所以忽然觉得缺了点了什么，于是就开始寻找看怎么样才能用PS做GIF，后来我终于找到了。原来在“窗口”菜单里，有“动画”这个选项，只要点一下，就可以出来和ImageReady一样的界面，而且CS3新增加了时间轴模式，外观像flash里的时间轴，功能上还有和After Effects相像的一些设置，不过我现在还没有用过时间轴模式来做GIF，我还是把它转为帧模式才做的，所以今天教程里的也是用帧做的，和以前版本的ImageReady用法是通用的，不过在后面会介绍如何将两个模式进行转换。

一。制作GIF

好了，现在开始吧，以一个基础的例子来演示，就是下面这张图

001.gif

这张图片只有两个状态，因此只需要两帧。

1、首先，新建一个170x65的文件，模式为RGB；

新建图层，拉出蓝色渐变；分别建立两个文字图层，一个写“Photoshop CS3“，一个写“轻松做动画“

好了，现在来看看图层当前的状态

002.jpg

2、选择”窗口“菜单，点选”动画“，将动画面板调出

003.jpg

当前动画面板是只有一帧的

000.jpg

简单介绍下动画面板的构成

005.jpg

3、现在开始编辑动画

在动画面板中单击添加帧（这是对上一帧的纯复制）

现在就有两帧了，单击第一帧，然文字”photoshop CS3"图层显示，“轻松做动画”图层隐藏

选择第二帧，将“photoshop CS3"图层隐藏，“轻松做动画”图层显示

006.jpg

第一帧的图层面板

[attach]14680[/attach]

第二帧的图层面板

现在动画已经可以了，再将延迟时间和循环方式设置一下

007.jpg

帧下面的秒是用来设置帧延迟的，我这里设置的是1.7秒

008.jpg

设置循环模式为“永远” 否则动画不能一直播放。

004.jpg

4、动画制作好了，现在可以保存了。选择文件菜单--存储为web格式，快捷键是Ctrl+Shift+Alt+S,

在弹出窗口中选择文件格式为 gif，确定存储。

009.jpg

一个简单的GIF动画就制作完成了。

动画模式的转换

现在来说一下如何转换两个动画模式

010.jpg

需要注意的是，直接用PS打开GIF，是无法编辑的，动画已经丢失，只剩下一帧。

解决的方法是，选择文件菜单--“打开为”，对在弹出的窗口中选择“QuickTime"格式，

这样打开的就是动画文件了，但是默认是时间轴模式，如果要用帧编辑，还需要

再进行转换。

011.jpg

“从图层建立帧”可以把图层分布到帧上。

对于过渡帧，大家就自己试一下，很简单的。能实现的位置、不透明度、及效果的过渡，过渡的细腻度是根据中间步数决定的。

一般网页的链接还有一些广告可以用到GIF动画，基本上掌握了方法，自己观察就可以设计出很好看的效果。

对于喜欢聊天的人，可以自己制作QQ表情，只可以将现有的表情进行改革，放大或者缩小，复制等等。

012.gif

013.gif

这是原版的，还有改小的。（原来是flash动画，然后将它转为GIF，就可以做Q表情用了）

014.gif

这是电影的截图。

015.gif

可以制作的有很多，我最喜欢的还是通过截图把相片做成动画，但是这个不能贴上来，哈哈  ^o^