gyqg 发表于 2007-11-4 12:14:35

【IR教程】用ImageReady3.0制作动画Logo

  每个人在辛辛苦苦制作完自己的网页后,总是希望越多的人来访问越好。那用ImageReady3.0来做个精美的动画logo的确是帮你完成心愿的好主意,下面就跟着我来做吧。
  用ImageReady3.0来制作动画,主要是运用图象的层来实现的。对于熟悉PhotoShop软件的人来说,图象处理时的层是最常见,也是最重要的因素。开始,你不必关心动画的各页设置。你只须象用Photoshop一样,将动画的静态部分放到同一层上,也可在几层上,不过你得弄清哪些层同时显示时可以组成一个动画静态部分的页面。为了说明问题,下面的动画中将使用一个基本静态页面。
http://arch.pconline.com.cn/pcedu/sj/pm/photoshop/10112/pic/20011210_imageready_1.jpg
  因为PhotoShop和ImageReady都可以保存成PSD格式的图片,切换起来也很方便,所以为了达到更好的效果,我们可以在PhotoShop中制作特技效果的层。打开上面做好的背景图,在适当的地方输入一端文字,对文字层进行加边处理,使文字突出显示。复制这个层,选择该层为当前层并转换图层,打开Photoshop中Filter菜单,选择Blur选项,执行Motion blur命令,取默认值,按确定按钮使滤镜生效。使刚才编辑的两层都不可见,再输入第二行文本,执行与上面相同的操作,这时,在Photoshop的层面板中可以看到五个层,两个正常的文字层,两个使用了滤镜效果的文字层,一个背景层。
http://arch.pconline.com.cn/pcedu/sj/pm/photoshop/10112/pic/20011210_imageready_2.jpg
  保存图像,点击PhotoShop工具面板最下方跳转按钮直接转换到ImageReady的编辑环境。
  这里主要使用到的是Animation面板,开始时,该面板上默认只有一帧,点击面板下方
http://arch.pconline.com.cn/pcedu/sj/pm/photoshop/10112/pic/20011210_imageready_5.jpg
按钮可以新增加一帧。该新加入的帧其实复制前一帧的内容,只要通过层面板改变显示和隐藏的层,就产生了局部发生了变化的帧,当完成所有帧的设置,再依次播放这些帧时,动画就产生了。
http://arch.pconline.com.cn/pcedu/sj/pm/photoshop/10112/pic/20011210_imageready_3.jpg
  在每一个帧的下方,都显示着一个数字标记,这是表示在动画完成之后,本帧所代表的画面将迟延几秒。当然,数字越大,表示该画面停留的时间就越长,一般将重要的信息设置比较大的数值,便于引起别人的注意,一些效果过渡的画面可以取较小的值,增加动感效果。在设置完成以后,可以点击该面板下的播放按纽来对动画进行预览。
  作为在网页上使用的动画,在文件输出前对其进行优化处理是必不可少的,ImageReady在这方面也提供了比较出色的支持。Optimize面板可以让你对你的作品进行压缩优化设置设置,可以将动画输出格式设置为GIF格式,并且,颜色控制在比较小的值,像本例中使用的颜色数相当少,所以只要取16色就可以了。这样输入的图像将比较的小。
http://arch.pconline.com.cn/pcedu/sj/pm/photoshop/10112/pic/20011210_imageready_4.jpg
  在完成所有设置后,记得保存好PSD格式的文件,便于以后必要的时候进行改动。在打开File菜单,选择Save Optimized将文件保存成GIF格式的动画文件。好了,享受一下你的“大作”吧!

xicaixiao 发表于 2007-11-4 20:35:57

谢谢分享:)
页: [1]
查看完整版本: 【IR教程】用ImageReady3.0制作动画Logo