PS设计教程网欢迎你!

Photoshop Cs5制作Gif Banner广告条动画(4)

文章来源于 活力盒子,感谢作者 luycas翻译 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2010-07-18
9.现在我们所有的图层内容制作完成,下面就开始制作动画。首先,打开动画面板(窗口-动画)。我们将使用时间轴动画面板,并不是帧面板。注意:这仅作为Photoshop的扩展功能。现在,把所有图层的不透明度设为0%。 KeyF

9.现在我们所有的图层内容制作完成,下面就开始制作动画。首先,打开动画面板(窗口-动画)。我们将使用时间轴动画面板,并不是帧面板。注意:这仅作为Photoshop的扩展功能。现在,把所有图层的不透明度设为0%。

KeyFrame:关键帧

Click to the stopwatch to toggle the ability of this property to change during animation:

点击钟表图标来设置动画中要改变的属性。

Play/pause the animation:播放/暂停动画

Delete the keyframe or layer:删除关键帧或者图层

Photoshop Cs5制作Gif Banner广告条动画

10.参照下图的注释学习:如何插入关键帧和在哪里增加透明度。

Photoshop Cs5制作Gif Banner广告条动画

Photoshop Cs5制作Gif Banner广告条动画

Photoshop Cs5制作Gif Banner广告条动画

Photoshop Cs5制作Gif Banner广告条动画

Photoshop Cs5制作Gif Banner广告条动画

Photoshop Cs5制作Gif Banner广告条动画

Photoshop Cs5制作Gif Banner广告条动画

11.您的时间轴此时应该如下图所示:

Photoshop Cs5制作Gif Banner广告条动画

12.动画制作完成。我们按play预览效果,发现不连贯或者不满意的地方随时调整它非常重要。文件-存为“WEB文档格式”。然后参照下图所示进行设置并保存。

Photoshop Cs5制作Gif Banner广告条动画

最终效果

Photoshop Cs5制作Gif Banner广告条动画

后记:使用时间轴面板比使用帧面板制作的动画,变化更加柔和、控制更加细腻到位。

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=468972

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa