Gif格式的文字小动画制作教程.doc

Gif格式的小动画，Gif（Graphic Interchange Format）是网上通用的图像格式，它具有支持透明背景、动态效果、制作简单、体积小等特点。制作Gif动画软件比较多，常用的一般有ImageReady、Fireworks、Flash、Gif Animator等，以前我们在专题设计自己的个性QQ动态表情中介绍了制作QQ表情动画的主要方法和表现技巧，文中还提供了部分实例的动作分解psd源文件。现在我们来介绍QQ表情中那些可爱的动态文字的动画制作，今天介绍一款炫彩效果的字体动画制作。完成效果如下： 一、 在photoshop中新建2*2.5厘米、分辨率为72dpi、背景为透明色的画布。二、 用工具栏上的打字工具编辑所需要的文字，在文字属性栏中可以调整字体、大小等。（图一）三、 用工具栏上的魔棒工具，在字体外部空白处单击，点击菜单栏上的“选择反选”得到字体选区，新建图层，填充R：0、G：100、B：250（图二）四、 保持选区不动，点击菜单栏上的“选择修改收缩”，在弹出的对话框中将数值设置为“1”像素。点击菜单栏上的“选择羽化”，在弹出的对话框中将数值设置为“2”像素，选择菜单栏上的“图像调整曲线”，在弹出的对话框中将曲线调亮。（图三）五、 保持选区不动，点击菜单栏上的“选择修改收缩”，在弹出的对话框中将数值设置为“4”像素，将前景色设置为白色，选择菜单栏上的“编辑填充”，可视情况多填充几次（图四）图一 图二 图三 图四六、 点击菜单栏上的“窗口动作”，弹出动作面板，在右上方单击小三角形弹出下拦菜单，点击“纹理”栏，在面板上找到“纹理”文件夹，打开后点击“彩色丝带”，在动作面板的最下排点击三角形的“播放”按钮。单击三次，得到三个不动的“彩色丝带”图层。（图五、图六、图七）图五 图六 图七七、 在图层面板上将三个“彩色丝带”图层的混合模式都设置为“叠加”（图八、图九、图十）图八、 图九、 图十八、 按住crtl键同时点击文字图层，得到文字选区，在图层面板上分别将三个“彩色丝带”图层选中，点击图层面板最下一排的“矢量蒙板”。（图十一、图十二、图十三）图十一、 图十二、 图十三九、 点击菜单栏上的“文件跳转到imageready”，点击动画面板上的第一帧，同时保持字母图层与第一个“彩色丝带”图层可见，其余图层隐藏，在动画面板上最底排单击新建按钮增加一帧，同时保持字母图层与第二个“彩色丝带”图层可见，其余图层隐藏，再增加一帧，同时保持字母图层与第三个“彩色丝带”图层可见，其余图层隐藏。（图十四、图十五、图十六）图十四图十五图十六十、 在“动画”面板上点击帧下端的时间，弹出选择框，选译“0.2秒”，再点击“动画”面板左下角的“循环计数设置框”，弹出选择框，选译“一直有效”。（图十七）图十七十一、 文件制作好后，在文件上端，点击双联，出现默认原稿与优化对比图像，保持原稿图像不动，选中优画图像，在工具栏上选择“窗口优化”，调出“优化”面板，选择“gif”。这个窗口可以设置不同的优化值而改变优化结果，比如文件的大小、颜色，大家可以调动数值看看效果，而且，可以在文件上端点击四联，就可以同时预览到不同存储格式的最终效果。（图十八）图十八十二、 如果播放后达到了预期的效果，保存时选择“将优化结果储存为”，再选择保存路径，这样，保存下来的就是在网上可以传输的gif格式了，只有gif可以存储动画，其它的格式只能保存当前帧。当然，我们也应该储存一下源文件，这样便于下次修改起来方便。十三、 打开QQ，挑选一好友打开对话框，点击表情图标弹出表情菜单，再点击左下方的“添加自定义表情”弹出“表情管理”对话框，点击右上方“添加”按钮弹出“添加自定议图释”对话框。点击“查找图片”找到做好的gif动画（最好不要超过1