| 妖木的懒散 |
2008-04-22 14:04 |
|
写这一节时本人使用的是CS3版本,文中实例使用photoshop cs及以上版本都可以制作,不受版本影响.
如果你从没使用photoshop做过动画,请参考:谈IR的基本使用
如果你对各种动作有疑问,这里有比较详细的步骤:精讲Gif Logo文字淡入淡出杂谈byPhotoshop,相信你看过之后,对GIF动画会有进一步的了解.
好了,本文开始.仍旧是由浅入深
1.刷光
a.常规刷光:
应用实例:
实例拆解:这个例子并不复杂,一个半透明的平行四边形从左边移到右边而已.那下面开始制作.
制作流程:
a-1.新建一个88*31px的RGB图像(a),将 拖到图像里,得到图层1(b),如图
[/attachment=317859]
a-2.新建图层2(a),绘制一个矩形,填充为白色(b),如图:
[/attachment=317860]
a-3. 将图层2的不透明度改成40%(a),按ctrl+t键对图层2进行自由变换(b),如图
[/attachment=317861]
a-4. cs3以下版本按ctrl+shift+M切换到/imageready中编辑,cs3版本直接点击菜单下”窗口”-”动画”调出动画面板.
a-5. 将图层2中的平行四边形移动到画布左侧外面(a),并点击新建帧按钮(b),得到帧2(c),如图
[/attachment=317862]
a-6.同理,在帧2中将平行四边形移动到画布右侧外面(a),按ctrl选择全部帧,点击过渡按钮(b),在弹出的对话框中设置过渡帧数为6(c),如图
[/attachment=317863]
a-7.过渡后得到6帧加上原来两帧一共8帧,嗯,很简单.就像1+1=2那么简单.
a-8. 将第一帧的延迟改为2秒(如图),然后按CTRL+SHIFT+ALT+S将优化结果存储为gif文件就可以在网页中使用了
[/attachment=317864]
注:文中使用的平行四边形大小,不透明度,过渡的帧,帧的延迟,大家都可以修改,以不同的形状,速度来诠释你自己对动画的理解.
刷光在logo中的运用:
这两个例子里刷光的形状,不透明度,以及速度都有变化,在AU那张logo里刷光的应用极多.
希望大家能够扩展思路, 教程只是引导,千万不要限制了思维.
下一节讲解刷光与蒙版.
版主交待:教程请勿灌水，欢迎大家看了教程交上作业
|
|
仿照上图做一个，效果都是不太好，掌握过渡时有问题。。.gif)
作业
交作业……