PS动画初学者教程.doc

PS动画初学者教程：逐帧动画制作基础(2)本系列教程适用于photoshopCS2及以前的版本。本课我们用photoshop和它附带的 ImageReady （简称PS和IR）制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程，旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥，充分开动脑筋，做出更加丰富多彩的动画效果。先看看效果图：效果图下面用移动图层法制作下雪的动画效果：1、首先打开一幅图，复制一个副本（别说不会啊）图1图22、对副本层执行滤镜：像素化点状化，如图设置参数（这是为制作雪花效果）图3图43、再调整副本的阈值，观察图像，注意点状分布均匀，满意即可图5图6图74、设置副本层混合模式为：滤色图85、对副本执行滤镜：模糊动感模糊，设置参数如图示（注意，角度决定雪花下落的方向，距离决定雪花的大小。如果距离很大，就成了下雨效果了）图9图106、将图像最大化，按ctrlt调出变换框，将副本放大一些如图图11图127、转到IR界面继续编辑，首先点击“复制当前桢”钮；然后，确认副本层为当前图层，用移动工具将其拖到右上角与背景层右上角对齐，可以借助方向键精确调整。图138、点击过渡钮，设置过渡桢数目（桢数多，动画过渡平滑，反则反之）图14图159、设置每桢显示时间，试播放满意后保存。图16图17下一课我们学习另一种动画效果：蒙版位移动画相关链接：Photoshop入门教程：逐帧动画制作基础（1）观音变如来Photoshop入门教程：逐帧动画制作基础（3）变色文字1、启动photoshop，打开两幅图像图1图22、将一幅图像用鼠标按住拖入另一幅图像中如图示得到图层1图33、让两幅图像严格对齐（如果不对齐就会出现图片跳动现象），然后点击“软件转换图标”，转到IR中进行编辑图44、点击窗口动画，显示动画调板图55、关闭图层1眼睛，点击复制当前桢钮图6图76、关闭先前的图层眼睛，显示另一个图层的眼睛图87、按住ctrl键选中两个动画桢，点击小黑三角，设置显示时间（两桢显示时间相同）图98、现在可以试试播放效果了，如果觉得太快或是太慢，可以重新设置显示时间。图109、最后保存文件，按图示：以后我们就可以在浏览器或是其它播放器里播放这个动画了。（你可以用这个方法制作“走马灯”等效果）图11图12图13下一课我们学习另一种动画效果：移动图层法制作动画相关链接：Photoshop入门教程：逐帧动画制作基础（2）下雪动画效果Photoshop入门教程：逐帧动画制作基础（3）变色文字本课我们用photoshop和它附带的 ImageReady （简称PS和IR）制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程，旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥，充分开动脑筋，做出更加丰富多彩的动画效果。先看看效果图：效果图下面我们用蒙版位移来作动画变色字有了上面的制作经验，这次我们叙述得扼要一些1、新建文件，参数随自己需要设置；这里我设置300120像素，其余见图，按altdelete键填充黑色图1图22、新建图层1如图图33、文字蒙版设置合适大小输入自己喜欢的字图44、按ctrlenter确定显示文字选区，对选区填充喜欢的颜色 图5图65、点击图层样式钮，选择“斜面与浮雕”，默认设置退出图7图86、按住ctrl键点击图层1载入选区，再新建一层，制作一层金色字（做法请参考：PS初学者实例教程烫金字的制作）当然你也可以做成其它颜色：）然后复制一层，得到图层2副本，将其眼睛关闭。图9图107、点击图层2，使其蓝色显示成为可编辑状态,用矩形选框工具设置羽化5像素，在图层2中拖出选区如图示图118、点击添加图层蒙版钮，如图图129、点击软件转换钮，转到IR中继续编辑图1310、在IR界面点击窗口动画，显示动画调板，然后点击复制当前桢钮图1411、再点击图层与蒙版的链接，解除链接图1512、点击蒙版如图示状态图1613、选取移动工具，然后按右方向键，将蒙版移动到图示位置，接下来点击过渡钮设置过渡桢数目图17图1814、再次点击复制当前桢，设置显示时间为1秒，关闭图层2眼睛，显示图层2副本眼睛图1915、再次复制当前桢，关闭图层2副本眼睛，设置显示时间0.5秒，如图图2016、好了，现在可以试试看播放效果了，满意后保存即可。（保存方法见上例）图21告诉大家一个方法，你看见某个动画很好看，想要知道它是怎么作的，只要下载后用IR打开，然后转到photoshop，即可看到所有图层结构，从而分析出制作方法。附加作业：1，运用你掌握的知识，用下图制作一个眨眼娃娃（这是综合练习，复制、修补、动画.。但最后必需完成的是眨眼动画）。图22我先做个示范：图23相关链接：Photoshop入门教程：逐帧动画制作基础（1）观音变如来Photoshop入门教程：逐帧动画制作基础（2）下雪动画效果天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图，先看下效果吧：制作步骤：1、打开一张荷花图片做背景。2、打开一张蝴蝶图片，用魔棒工具在白色区域点一下选中背景，Ctrl Shift I反选，就选出了蝴蝶。3、用移动工具将蝴蝶拖入荷花图片中，Ctrl T调整大小和角度到如下位置。4、按shift ctrl M导入Imageready做动态。在动画窗口中选择第一帧，将蝴蝶拖到右下角，显示时间设为0.1秒。点红圈内复制按钮复制出另外3帧。5、选择第2帧，将蝴蝶拖到花心上。6、选择第3帧，将蝴蝶拖到左上角。7、选择第4帧，将蝴蝶隐藏，方法为在图层面板关掉蝴蝶图层前的眼睛图标。8、选择第2帧，复制出一帧，在图层面板选择蝴蝶图层，Ctrl J复制一层，命名为蝴蝶2。Ctrl T自由变换蝴蝶2，按住Shif Alt键将它等比例缩小一点，然后隐藏蝴蝶图层。9、复制第2帧，拖到第3帧之后成为第4帧，此时的2、3、4帧用来模拟蝴蝶振翅的效果。10、我想让它振翅2次，所以按住shift键同时选中2、3、4帧，点复制按钮再复制出三帧。11、同时选中前2帧，点红圈内过渡按钮设置如下过渡，这样能使蝴蝶飞得更平稳。12、同时选中7、8帧，设置同样过渡。13、设第7帧显示时间为1秒，让蝴蝶振翅之后在花上停留一会儿，设最后一帧显示时间设为2秒，执行菜单/文件/将优化结果存储为，保存，完工!最终效果：先看下效果吧制作步骤：1、打开一张美女图片，Ctrl J复制一层备用。因为要做脸红的效果，所以特地选了这张略带羞涩感觉的图。要让美女眨眼睛，我们需要2张图，一张睁眼的，一张闭眼的。如何让美女的眼睛闭起来呢？我们只需做一层假的眼皮把美女的眼睛遮盖起来就行了。2、做眼皮。用钢笔工具勾出美女的左眼，Ctrl Enter转为选区。3、用吸管工具在美女的皮肤颜色较亮处点一下，按“X”键交换前景色和背景色后，在肤色较暗处再点一下，设置好前景色和背景色。4、选择渐变工具，方式为线性，颜色为从前景色到背景色。新建一个图层，命名为眼皮，在选区内“从下至上”拉出一个渐变，因为眼皮的颜色是上浅下深。5、Ctrl D取消选择，选择涂抹工具，把眼皮的边缘都涂抹一遍，使它看起来更柔和自然。6、在图层面板双击眼皮图层调出图层样式，在内阴影一项前打勾，具体设置如下， 使效果更真实，完成眼皮。7、做眼线。隐藏眼皮图层，选择美女图层，用钢笔工具勾出上眼线，Ctrl Enter转为选区后Ctrl J复制出一层眼线。8、执行菜单/编辑/变换/垂直翻转，再Ctrl T自由变换到如下大小和位置，放在眼皮下缘形成眼线。9、做睫毛。Ctrl J复制一层眼线，用涂抹工具沿着眼线边缘向下涂抹出睫毛，睫毛应是中间长两边短，涂成这个样子就行了。10、将眼皮、眼线、睫毛和美女副本图层合并，命名为闭眼。用涂抹工具将眉毛下方与假眼皮相接处的那块皮肤涂抹平滑，因为闭眼时眼皮光滑，没有睁开时的褶皱。11、做脸红。新建一层，命名为脸红，用画笔工具在脸上画两道红色，执行菜单/滤镜/模糊/高斯模糊，半径为11个像素，形成红晕。12、按shift ctrl M导入Imageready做动态。在动画窗口中选择第一帧，显示时间设为0.1秒，在图层面板关掉闭眼和脸红前面的眼睛图标隐藏它们，只显示美女。13、点红