更多精彩平面及网站设计图文教程、视频教程,尽在PConline创意设计栏目。
本文由中国教程网 webkxq2007 原创,转载请保留此信息!
本系列教程适用于photoshopCS2及以前的版本。
本课我们用photoshop和它附带的 ImageReady (简称PS和IR)制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程,旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥,充分开动脑筋,做出更加丰富多彩的动画效果。
先看看效果图:
效果图
下面我们用蒙版位移来作动画——变色字
有了上面的制作经验,这次我们叙述得扼要一些
1、新建文件,参数随自己需要设置;这里我设置300×120像素,其余见图,按alt+delete键填充黑色
图1
图2
2、新建图层1如图
图3
3、文字蒙版设置合适大小输入自己喜欢的字
图4
4、按ctrl+enter确定显示文字选区,对选区填充喜欢的颜色
图5
图6
5、点击图层样式钮,选择“斜面与浮雕”,默认设置退出
图7
图8
6、按住ctrl键点击图层1载入选区,再新建一层,制作一层金色字(做法请参考:PS初学者实例教程——烫金字的制作)当然你也可以做成其它颜色:)然后复制一层,得到图层2副本,将其眼睛关闭。
图9
图10
7、点击图层2,使其蓝色显示成为可编辑状态,用矩形选框工具设置羽化5像素,在图层2中拖出选区如图示
图11
8、点击添加图层蒙版钮,如图
图12
9、点击软件转换钮,转到IR中继续编辑
图13
10、在IR界面点击窗口-动画,显示动画调板,然后点击复制当前桢钮
图14
11、再点击图层与蒙版的链接,解除链接
图15
12、点击蒙版如图示状态
图16
13、选取移动工具,然后按右方向键,将蒙版移动到图示位置,接下来点击过渡钮设置过渡桢数目
图17
图18
14、再次点击复制当前桢,设置显示时间为1秒,关闭图层2眼睛,显示图层2副本眼睛
图19
15、再次复制当前桢,关闭图层2副本眼睛,设置显示时间0.5秒,如图
图20
16、好了,现在可以试试看播放效果了,满意后保存即可。(保存方法见上例)
图21
告诉大家一个方法,你看见某个动画很好看,想要知道它是怎么作的,只要下载后用IR打开,然后转到photoshop,即可看到所有图层结构,从而分析出制作方法。
附加作业:
1,运用你掌握的知识,用下图制作一个眨眼娃娃(这是综合练习,复制、修补、动画........。但最后必需完成的是眨眼动画)。
图22
我先做个示范:
图23
相关链接:Photoshop入门教程:逐帧动画制作基础(1)—观音变如来