用PhotoShop和ImageReady做GIF动画图文教程

2007年03月21日 星期三 下午 05:07

昨天有朋友要我做个GIF图片 

相对PS而言，ImageReady是比较简单的东西 

我的习惯还是在PS中开始：选一张图片 

抠图：很简单哦 

设想一下需要的动作，平均分做几个步骤，最好在纸上简单勾勒下 

复制图层，用转变工具、画笔和涂抹等工具变形作出每一个动作步骤： 

继续 。。 

可以随时通过开闭图层来观察动作是否合理 

把男同志抠出来，不过他不需要动的 

拖入一个背景层，调整色彩和亮度 

复制3个背景层，以2象素为单位对每层递进进行高斯模糊 

逐次检查各个图层的状态 

点击工具栏最下方的图标 

打开ImageReady 

先处理背景层 

这样比较容易控制节奏和频率 

注意： 

每新建一个帧，与之无关的图层一定要关闭 

从第一帧开始，打开人物层 

根据动作，依次打开和关闭相应的图层 

继续 。。 

注意： 

由于GIF图片是动态循环的，所以第一祯与最后一祯绝对不能用同一层，否则会出现明显的停顿。 

一般采用：1>>2>>3>>4>>3>>2>> 的图层布局 

在动画预览窗口，选择播放，测试效果 

根据背景变化，对人物进行处理，这里是以0.5象素差，对人物进行模糊处理的 

按SHIFT，选择动画预览窗口中的所有帧 

鼠标移动到播放时间记号位置 

点击右键，在时间列表中选择合适的时间规定 

一般1/12秒一祯（近似0.1）比较流畅，由于文件用途的不同，我选择0.2秒/祯 

点击，播放看一下效果 

保存： 

选择文件菜单中的“将优化结果储存为。。”