面板散记(附录1)—-关于图标

面板散记(附录1)—-关于图标

图标动画的制作

动画 是在一段时间内显示的一系列图像或帧。 每一帧较前一帧有轻微的变化,当连续、快速地显示这些帧时会产生运动的错觉。制作动画的软件有很多,这里介绍两个我们身边常见的两软件。

(一)、   Ulead Gif Animator 5(UGA5)

这是一个非常容易上手的动画工具,内置了很多的动画模板,供制作动画之用。而且还可以通过增加插件来增加新的动画效果。它有个可以将视频转为Gif动画的功能,我们可用来将一些电影片断转成动画。

网上的教程也很多,我就不多说了,大家可以去这里看看。

Ulead GIF Animator 5.0 全新接触:http://v3.5d.cn/image/soft/20011019/00001329.htm

友立网站上的中文教程:http://www.ulead.com.cn/learning/ga.htm

(二)、 Image Ready(IR)9.0

这是Photoshop自带的,装了完全版的PS之后就会有了,9.0是 PS CS2中附带的。IR的教程在网上好像也不太多,其实IR的帮助文档就是一个好教程。有空不妨看看。

其实动画用哪个软件做,原理都差不多的。不过IR有强大的PS在后面支持着,相互之间跳转来编辑更方便。所以我还是喜欢在IR里制作图标动画。现在 Photoshop CS2中也能制作动画了,跟IR中制作是一样的。下面通过一些在IR中的实例来说说动画的基本制作方法。


创建动画的基本步骤

1. 将帧添加到动画调板中。
添加帧是创建动画的第一步。 如果打开了一个图像,则“动画”调板将该图像显示为新动画的第一个帧。 您添加的每个 帧开始时都是上一个帧的副本。 然后可使用“图层”调板对帧进行更改。

2. 选择一个帧,并编辑该帧的图层。
可执行下列任何操作:
l 打开和关闭各种图层的可视性
l 更改图层位置以移动图层内容
l 更改不透明度以渐显或渐隐内容
l 更改图层的混合模式
l 在图层中添加样式
对于某些类型的动画(如更改对象颜色或完全更改帧中的内容),您需要包含新内容的额外图层。

Photoshop 和 ImageReady 还提供了在帧之间保持相同图层特性的工具。

3. 根据需要,编辑额外帧的图层。
可以创建的帧的数量仅受 Photoshop 或 ImageReady 的可用系统内存数量的限制。
借助于“过渡”命令,可以使用调板中两个现有帧之间的中间更改生成新的帧。 这是一种在屏幕上快速移动对象或渐隐对象的方法。

4.  设置帧延迟和循环选项。
可以为每个帧指定延迟时间并指定循环,以使动画连续运行。

5.  预览动画。
在创建动画时,请使用动画调板中的控件播放动画。 然后,在 Web 浏览器中预览动画。 在 Photoshop 中,使用“存储为 Web 所用格式”在 Web 浏览器中进行预览。

6.优化动画以便快速进行下载。

7. 存储动画。
您可以将动画存储为动画 GIF。 在 Photoshop 中,请使用“存储为 Web 所用格式”。 在 ImageReady中,为“存储优化结果”。也可以将其存储为 SWF 格式, 也可以将动画存储为 Photoshop 格式,以便以后对动画进行修改


分页: 1 2 3 4

发表评论

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: