落岸天使论坛

 找回密码
 注册
搜索
论坛,不要冷落了陌生人新人注册后在此报道,奖励20羽毛:)严肃处理违规灌水行为及处罚办法
参与论坛宣传活动,获得积分勋章奖励知羽艺匠及其他模板资源下载珍惜你的ID 珍惜你的名誉
查看: 1276|回复: 1

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

[复制链接]

216

主题

753

回帖

1712

积分

云天使

Rank: 4

积分
1712

优秀会员奖

发表于 2007-11-4 12:14:35 | 显示全部楼层 |阅读模式
  每个人在辛辛苦苦制作完自己的网页后,总是希望越多的人来访问越好。那用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格式的动画文件。好了,享受一下你的“大作”吧!

155

主题

531

回帖

1517

积分

精灵天使

Rank: 6Rank: 6

积分
1517

优秀版主奖

发表于 2007-11-4 20:35:57 | 显示全部楼层
谢谢分享

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|手机版|Archiver|落岸天使论坛

GMT+8, 2024-9-25 21:28 , Processed in 0.122913 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表