学制作GIF动画- 聚缘仙阁的日志- 网易博客

学制作GIF动画

2010-04-03 16:51:24 阅读12 评论0 字号:

  的

   GIF动画是在网上最早兴起的,由于它的使用有极大灵活性,现在还有一定的生命力。

  制作GIF的软件很多,我不打算让大家再装新软件。如果你安装的Photoshop是6.0 以上版本,里面带的一个ImageReady 软件就可以做 GIF动画。如果是5.5以前的版本中没有这个附件。使用ImageReady的好处是不用安装新软件,再者大家对Photoshop的操作都很熟悉,比学习新软件更容易学。

  在打开电脑菜单时,“Adobe” 下的“Photoshop”项有两个下级菜单,一个是“AdobePhotoshop”,还有一个是“AdobeImageReady”,选择该项就可打开动画编辑版面。

  启动 photoshop后,在“文件(Fiel)”菜单下选择“跳转——ImageReady”即进入动画编辑版面。

  启动“Adobe ImageReady”后,屏幕界面如下图:
   下面制作一个最简单的女孩眨眼的动画来试一下“ImageReady”。选择菜单命令“文件(Fiel)——新建(New)”,在弹出对话框中输入“宽度(Width)200 ,高度(Height)160”(这是我这个画的尺寸),背景色选择“透明(Transparent)”,建立一个空文件。

  打开小女孩的图片,选择菜单命令“图像(Image)——图像大小(ImageSize...)”,在弹出对话框中输入“宽度(Width) 200 ,高度(Height)160”。

  用左上角的方框选择工具选中小女孩,按键盘上的“Ctrl+C”复制,关闭小女孩图片,在空文件上按“Ctrl+V”键粘贴,连按两次,把粘贴的两个层图像xx对齐。在“图层(Layers)”面板中选中“图层2(Layer2)”,在工具栏选择“画笔(Paintbrush)”工具,画笔“硬度”选择最小,用与面部相同的颜色将眼涂改。

  好了,现要我们看到该文件有两个层,{dy}层是睁着眼的,第二层是闭眼的。

  点击一下“复制帧”按钮,可看到下面动画栏中有了第2帧。

  选择第1帧,在右边“图层”面板中点击第2层(Layer2)的“可视性”标记,那个“眼”形图标消失,第2层变成不可见。

  再在动画栏选择第2帧,在右边“图层”面板中点击第1层的“可视性”标记,那个“眼”形图标消失,第1层变成不可见。

  在动画栏点击第1帧下面的“时间”选择三角形,拉出框中选择“1秒(1sec)”,拉开第2帧“时间”选择框,选择“0.1秒”。

  选择菜单命令“文件(Fiel)——存储优化结果(SaveOptimized)”,在弹出的对话框中选择好保存目录,输入文件名字,点击“保存”就可看到你制作的动画了。
   上面这个动画是两幅图像交替显示的,如果你用更多的图像交替,就粘贴上更多的“层”,复制出更多的“帧”,每个“帧”中设置好要显示的“层”和不显示的“层”,那就看你的创意了。


  下面再试一个渐隐过渡的动画。

  建立一个新文件,粘贴上两个层两个图像,然后“复制”一帧。选择第1帧,点击下面的“帧过渡”按钮,在弹出的参数设置对话框中,最下行设置好过渡帧数,如下图中我设置为“3”,确定后总帧数就变成了5帧。
   前面试了用“ImageReady”制作动画,下面我们看如何使用“ImageReady”修改“GIF”格式动画。

  在网上我们发现GIF格式动画很多,有些我们拿来修改一下自己用也很有趣。有些动画我们可以改一下文字适合自己的需要,有些有背景的我们需要去掉背景,还有些我们可能只需要用动画中的一部分,还有些我们可以改动作的快慢,这些都可以由“ImageReady”来完成。下面我们看这一个动画:
   这时我们要确定文字层为当前被选中层时,选择菜单“图层——向下合并图层”注意一定不要勿略“向下”二字,如果你选择了“合并图层”可就坏了。这时可以看到文字层和最下{dy}层合并一起了。

  然后再在右边图层面板中选择第二层(上层),同时点击{dy}层的“可视性”标记,使那个“眼”形图标消失,在下面动画区选中第二帧,再打上第二帧的文字,再把文字层和第二层合并。

  {zh1}设置在{dy}帧时,让图层二不可视,在第二帧时,让图层一不可视。再在“文件”菜单中选择“将优化结果存储为(SaveOptimizedAs..)”命令,输入文件名字存储成一个新的动画。注意和上次不一样,上次试验是建立一个新文件,选择“存储优化结果”,这次是打开的动画文件,必需另存才行,选择“将优化结果存储为”命令,看动画文件就改好了。
   以上为了便于叙述,是以两帧动画为例子,如果动画有很多帧,注意在层面板中也有很多层,每层如何设置,你慢慢研究吧。


文字动画

  以上讲的图像动画都是以每帧显示某一相对的层中内容方式制作的,如果制作文字动作,还可以不增加层,只让文字在一层中动作。看下面例子。
  
  打开一个背景图像。如果背景图像不是GIF格式,请先在“信息”面板中选择“优化”标签,“设置”项中选择“GIF128仿色”。在工具栏选择文字工具输入文字,然后再在“文件”菜单中选择“存储为”另外输入名字保存成一个文件。
  
  在动画区设置时间为“0.2秒”,击三次复制按钮,动画区为四帧,如下图所示:
<#--{zx1}日志--> <#--推荐日志--> <#--引用记录--> <#--相关日志--> <#--推荐日志--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构-->
郑重声明:资讯 【学制作GIF动画- 聚缘仙阁的日志- 网易博客】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——