本教程适用于photoshopCS2及以前的版本。
本课我们用photoshop和它附带的 ImageReady (简称PS和IR)制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程,旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥,充分开动脑筋,做出更加丰富多彩的动画效果。
一,逐帧动画基础练习(按桢轮流显示,所以叫逐帧动画。本例只有两桢图像):《观音变如来》:)
1,启动photoshop,打开两幅图像,
2,将一幅图像用鼠标按住拖入另一幅图像中如图示得到图层1,
3,让两幅图像严格对齐(如果不对齐就会出现图片跳动现象),然后点击“软件转换图标”,转到IR中进行编辑
4,点击窗口-动画,显示动画调板
5,关闭图层1眼睛,点击复制当前桢钮
6,关闭先前的图层眼睛,显示另一个图层的眼睛
7,按住ctrl键选中两个动画桢,点击小黑三角,设置显示时间(两桢显示时间相同)
8,现在可以试试播放效果了,如果觉得太快或是太慢,可以重新设置显示时间。
9,最后保存文件,按图示:以后我们就可以在浏览器或是其它播放器里播放这个动画了。(你可以用这个方法制作“走马灯”等效果)
接下来我每学习另一种动画效果:
二,用移动图层法制作动画,这次我们做一个下雪的效果
1,首先打开一幅图,复制一个副本(别说不会啊)
2,对副本层执行滤镜:像素化-点状化,如图设置参数(这是为制作雪花效果)
3,再调整副本的阈值,观察图像,注意点状分布均匀,满意即可
4,设置副本层混合模式为:滤色
5,对副本执行滤镜:模糊-动感模糊,设置参数如图示(注意,角度决定雪花下落的方向,距离决定雪花的大小。如果距离很大,就成了下雨效果了)
6,将图像最大化,按ctrl+t调出变换框,将副本放大一些如图
7,转到IR界面继续编辑,首先点击“复制当前桢”钮;然后,确认副本层为当前图层,用移动工具将其拖到右上角与背景层右上角对齐,可以借助方向键精确调整
8,点击过渡钮,设置过渡桢数目(桢数多,动画过渡平滑,反则反之)
9,设置每桢显示时间,试播放满意后保存。
三,蒙版位移动画
有了上面的制作经验,这次我们叙述得扼要一些
1,新建文件,参数随自己需要设置;这里我设置300×120像素,其余见图,按alt+delete键填充黑色
2,新建图层1如图
3,文字蒙版设置合适大小输入自己喜欢的字
4,按ctrl+enter确定显示文字选区,对选区填充喜欢的颜色
5,点击图层样式钮,选择“斜面与浮雕”,默认设置退出
6,按住ctrl键点击图层1载入选区,再新建一层,制作一层金色字(做法请参考
http://bbs.jcwcn.com/thread-93036-1-4.html)当然你也可以做成其它颜色:)然后复制一层,得到图层2副本,将其眼睛关闭。
7,点击图层2,使其蓝色显示成为可编辑状态,用矩形选框工具设置羽化5像素,在图层2中拖出选区如图示
8,点击添加图层蒙版钮,如图
9,点击软件转换钮,转到IR中继续编辑
10,在IR界面点击窗口-动画,显示动画调板,然后点击复制当前桢钮
11,再点击图层与蒙版的链接,解除链接
12,点击蒙版如图示状态,
13,选取移动工具,然后按右方向键,将蒙版移动到图示位置,接下来点击过渡钮设置过渡桢数目
14,再次点击复制当前桢,设置显示时间为1秒,关闭图层2眼睛,显示图层2副本眼睛
15,再次复制当前桢,关闭图层2副本眼睛,设置显示时间0.5秒,如图
16,好了,现在可以试试看播放效果了,满意后保存即可。(保存方法见上例)
告诉大家一个方法,你看见某个动画很好看,想要知道它是怎么作的,只要下载后用IR打开,然后转到photoshop,即可看到所有图层结构,从而分析出制作方法。
附加作业:
1,运用你掌握的知识,用下图制作一个眨眼娃娃(这是综合练习,复制、修补、动画........。但最后必需完成的是眨眼动画)看谁做得最好
我先做个示范:
CS3的动画在窗口/动画里面.动画做好后执行文件/WEB所用格式/GIF文件/即可保存.另外CS3中打开动画图像与CS2有所不同,具体请看:http://bbs.jcwcn.com/viewthread.php?tid=149767&highlight=%2Bninuo99[ 本帖最后由 edndzd 于 2008-10-6 22:27 编辑 ]