photoshop CS3动画教程:蜻蜓落荷花动画
教程作者：Sweetwitchstrong>作者： Sweetwitch来源：PConline
本教程是关于photoshop CS3制作蜻蜓落荷花的动画，主要是介绍选取工具和变 形工具的应用，还有简单的动画制作，操作步骤比较简单易学，希望网友喜欢！
这个photoshop CS3实例通过选区工具和变形工具的 综合运用，制作了一个蜻蜓振翅飞过荷花的动画，操作简洁实用，效果还不错，适合练习photoshop动态图的制作。先看下效果吧：
http://pic1.16xx8.com/allimg/080701/1014130.gif
图1
开始制作步骤：
1、打开一张蜻 蜓图片。
http://pic1.16xx8.com/allimg/080701/1014131.jpg
图2
2、用多边形套索工具选 出蜻蜓的大概范围。
http://pic1.16xx8.com/allimg/080701/1014132.jpg
图3
3、选择魔棒 工具在，按住Alt键在选区内蓝色的背景上点一下就能减掉多余的选区。
http://pic1.16xx8.com/allimg/080701/1014133.jpg
图4
4、最后用磁性套索工具 对选区进行修改，按Shift键时为增加，Alt键为减去，得到一个完整的蜻蜓选区。
http://pic1.16xx8.com/allimg/080701/1014134.jpg
图5
5、打开一张荷花背景图片。
http://pic1.16xx8.com/allimg/080701/1014135.jpg
图6
6、用移动工具将蜻蜓拖入荷花图片中，并在图层面板中命名为 蜻蜓。
http://pic1.16xx8.com/allimg/080701/1014136.jpg
图7
7、Ctrl+J复制出一个蜻蜓 副本，以用于下面切下蜻蜓翅膀做动态效果。
http://pic1.16xx8.com/allimg/080701/1014137.jpg
图8
8、选择蜻蜓副本层，用多边形套索工具选出蜻蜓左边的翅膀。
http://pic1.16xx8.com/allimg/080701/1014138.jpg
图9
9、Ctrl+X剪切，新建一个图层，命名为左1，Ctrl+V粘贴。 ( 下图隐藏蜻蜓层以便于观看)
http://pic1.16xx8.com/allimg/080701/1014139.jpg
图10
10 、用移动工具将翅膀放回原位。
http://pic1.16xx8.com/allimg/080701/10141310.jpg
图 11
11、再次选择蜻蜓副本层，用多边形套索工具选出蜻蜓右边的翅膀 。
http://pic1.16xx8.com/allimg/080701/10141311.jpg
图12
12、Ctrl+X剪切，新建一个 图层，命名为右1，Ctrl+V粘贴，用移动工具放回原位。
http://pic1.16xx8.com/allimg/080701/10141312.jpg
图13
13、将切掉翅膀的蜻蜓副本改名为身体以便于察看。
http://pic1.16xx8.com/allimg/080701/10141313.jpg
图14
14、选择右1层，Ctrl+J复制出右1副本 ，命名为右2。
http://pic1.16xx8.com/allimg/080701/10141314.jpg
图15
15、同样的，选择左1层，Ctrl+J复制出左1副本，命名为左2。
http://pic1.16xx8.com/allimg/080701/10141315.jpg
图16
16、选择左2层，Ctrl+T调整到如下大小和位置。
http://pic1.16xx8.com/allimg/080701/10141316.jpg
图17
17、选择右2层，Ctrl+T调整 到如下大小和位置。下面开始做动画。
http://pic1.16xx8.com/allimg/080701/10141317.jpg
图 18
18、在窗口菜单中勾选动画以打开动画面板。(PS CS3以下要导入IR中做，方法为点击工具栏最下面的箭头状按钮)。选择第1帧，将 显示时间设为0.1秒，在图层面板隐藏除蜻蜓和背景外的所有图层。最后点红圈内按钮复制出第2、3帧。
http://pic1.16xx8.com/allimg/080701/10141318.jpg
图19
19、选择第1帧，将蜻蜓拖到左上角直至大部 分身体在画面外。
http://pic1.16xx8.com/allimg/080701/10141319.jpg
图20
20、选择第2 帧，将蝴蝶拖到荷花上。
http://pic1.16xx8.com/allimg/080701/10141320.jpg
图21
21、 选择第3帧，将蜻蜓拖到右下角直至大部分身体在画面外。这就确定了蜻蜓飞入和飞出画面的三个位置。
http://pic1.16xx8.com/allimg/080701/10141321.jpg
图22
22、选择第2帧，点红圈内按钮复制出第3、4帧。
http://pic1.16xx8.com/allimg/080701/10141322.jpg
图23
23、选择第3帧，图层显示和隐藏设置如下。这样第2、3、4 帧就能完成一个振翅的动作。点击动画面板中的三角形播放按钮可随时观看效果。
http://pic1.16xx8.com/allimg/080701/10141323.jpg
图24
24、我想让它振翅2次，所以按住Shift键同时选中第2、3、4 帧，再点复制按钮复制出第4、5、6帧即可。
http://pic1.16xx8.com/allimg/080701/10141324.jpg
图25
25、同时选中前2帧，点红圈内过渡按钮设置如下过渡，形成蜻蜓徐徐飞入画面的效果。
http://pic1.16xx8.com/allimg/080701/10141325.jpg
图26
26、同时选中最后2帧，设置同样过渡， 形成蜻蜓徐徐飞出画面的效果。
http://pic1.16xx8.com/allimg/080701/10141326.jpg
图 27
27、按住Ctrl键同时选中第1帧和第4帧，设显示时间为0.5秒。
http://pic1.16xx8.com/allimg/080701/10141327.jpg
图28
28、选择菜单/文件/存储为Web 和设备所用格式。
http://pic1.16xx8.com/allimg/080701/10141328.jpg
图29
29、在弹出 对话框中，一般无需修改默认参数，直接点击存储按钮，即可保存Gif动态图。
http://pic1.16xx8.com/allimg/080701/10141329.jpg
图30
30、最终效果：
http://pic1.16xx8.com/allimg/080701/1014130.gif
效果图
<p class="posttags">
搜索更多相关主题的帖子: IR动图 photoshop教程
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg 作业
页:
[1]