收藏艺雅 设为首页
艺展设计,雅聚人心.
   首页   业界动态   视觉欣赏   素材资源   设计教程   SEO资讯   网站运营   设计服务   留言   交流社区
您现在的位置: 艺雅中国 >> 设计教程 >> 图形图像 >> Photoshop >> Web设计 >> 正文
用ImageReady3.0制作动画Logo
作者:佚名    文章来源:sevenstudio.com    点击数:    更新时间:2007-4-25

 每个人在辛辛苦苦制作完自己的网页后,总是希望越多的人来访问越好。那用ImageReady3.0来做个精美的动画logo的确是帮你完成心愿的好主意,下面就跟着我来做吧。
用ImageReady3.0来制作动画,主要是运用图象的层来实现的。对于熟悉PhotoShop软件的人来说,图象处理时的层是最常见,也是最重要的因素。开始,你不必关心动画的各页设置。你只须象用Photoshop一样,将动画的静态部分放到同一层上,也可在几层上,不过你得弄清哪些层同时显示时可以组成一个动画静态部分的页面。为了说明问题,下面的动画中将使用一个基本静态页面。



  因为PhotoShop和ImageReady都可以保存成PSD格式的图片,切换起来也很方便,所以为了达到更好的效果,我们可以在PhotoShop中制作特技效果的层。打开上面做好的背景图,在适当的地方输入一端文字,对文字层进行加边处理,使文字突出显示。复制这个层,选择该层为当前层并转换图层,打开Photoshop中Filter菜单,选择Blur选项,执行Motion blur命令,取默认值,按确定按钮使滤镜生效。使刚才编辑的两层都不可见,再输入第二行文本,执行与上面相同的操作,这时,在Photoshop的层面板中可以看到五个层,两个正常的文字层,两个使用了滤镜效果的文字层,一个背景层。



  保存图像,点击PhotoShop工具面板最下方跳转按钮直接转换到ImageReady的编辑环境。

  这里主要使用到的是Animation面板,开始时,该面板上默认只有一帧,点击面板下方按钮可以新增加一帧。该新加入的帧其实复制前一帧的内容,只要通过层面板改变显示和隐藏的层,就产生了局部发生了变化的帧,当完成所有帧的设置,再依次播放这些帧时,动画就产生了。



  在每一个帧的下方,都显示着一个数字标记,这是表示在动画完成之后,本帧所代表的画面将迟延几秒。当然,数字越大,表示该画面停留的时间就越长,一般将重要的信息设置比较大的数值,便于引起别人的注意,一些效果过渡的画面可以取较小的值,增加动感效果。在设置完成以后,可以点击该面板下的播放按纽来对动画进行预览。

  作为在网页上使用的动画,在文件输出前对其进行优化处理是必不可少的,ImageReady在这方面也提供了比较出色的支持。Optimize面板可以让你对你的作品进行压缩优化设置设置,可以将动画输出格式设置为GIF格式,并且,颜色控制在比较小的值,像本例中使用的颜色数相当少,所以只要取16色就可以了。这样输入的图像将比较的小。



  在完成所有设置后,记得保存好PSD格式的文件,便于以后必要的时候进行改动。在打开File菜单,选择Save Optimized将文件保存成GIF格式的动画文件。好了,享受一下你的“大作”吧!
 

  • 上一篇文章:

  • 下一篇文章:
  •  

    艺雅为您提供最专业的网页网站设计制作服务,我们愿与您在不远的将来共享成功!
    ◎2007 艺雅中国( YiYaCn.com ) -版权所有 | 2007 yiyacn.com. All Rights Reserved.

    联系电话:0791-8533073 EMAIL:yiyacn[at]163.com QQ客服在线:81306669 MSN客服在线:yiyacn[at]msn.com 赣ICP备07500255号