photoshop CS3动画教程:蜻蜓落荷花动画

本教程是关于photoshop CS3制作蜻蜓落荷花的动画,主要是介绍选取工具和变 形工具的应用,还有简单的动画制作,操作步骤比较简单易学,希望网友喜欢!

strong>作者: Sweetwitch
来源:PConline

本教程是关于photoshop CS3
制作蜻蜓落荷花的动画,主要是介绍选取
工具和变 形工具的应用,还有简单的动画制作,操作步骤比较简单易学,希望网友喜欢!

  这个photoshop CS3
实例通过选区工具和变形工具的 综合运用,制作了一个蜻蜓振翅飞过荷花的动画,操作简洁实用,
效果还不错,适合练习photoshop动态图的制作。先看下效果吧:

photoshop CS3动画教程:蜻蜓落荷花动画插图
图1

  开始制作步骤:

  1、打开一张蜻 蜓图片。

photoshop CS3动画教程:蜻蜓落荷花动画插图(1)
图2

  2、用多边形套索工具选 出蜻蜓的大概范围。

photoshop CS3动画教程:蜻蜓落荷花动画插图(2)
图3

  3、选择魔棒 工具在,按住Alt键在选区内蓝色的背景上点一下就能减掉多余的选区。

photoshop CS3动画教程:蜻蜓落荷花动画插图(3)
图4

  4、最后用磁性套索工具 对选区进行修改,按Shift键时为增加,Alt键为减去,得到一个完整的蜻蜓选区。

photoshop CS3动画教程:蜻蜓落荷花动画插图(4)
图5

  5、打开一张荷花背景图片。

photoshop CS3动画教程:蜻蜓落荷花动画插图(5)
图6

  6、用移动工具将蜻蜓拖入荷花图片中,并在
图层面板中命名为 蜻蜓。

photoshop CS3动画教程:蜻蜓落荷花动画插图(6)
图7

  7、Ctrl+J复制出一个蜻蜓 副本,以用于下面切下蜻蜓翅膀做动态效果。

photoshop CS3动画教程:蜻蜓落荷花动画插图(7)
图8

  8、选择蜻蜓副本层,用多边形套索工具选出蜻蜓左边的翅膀。

photoshop CS3动画教程:蜻蜓落荷花动画插图(8)
图9

  9、Ctrl+X剪切,新建一个图层,命名为左1,Ctrl+V粘贴。 ( 下图隐藏蜻蜓层以便于观看)

photoshop CS3动画教程:蜻蜓落荷花动画插图(9)
图10

  10 、用移动工具将翅膀放回原位。

photoshop CS3动画教程:蜻蜓落荷花动画插图(10)
图 11

[/table]

  11、再次选择蜻蜓副本层,用多边形套索工具选出蜻蜓右边的翅膀 。

photoshop CS3动画教程:蜻蜓落荷花动画插图(11)
图12

  12、Ctrl+X剪切,新建一个 图层,命名为右1,Ctrl+V粘贴,用移动工具放回原位。

photoshop CS3动画教程:蜻蜓落荷花动画插图(12)
图13

  13、将切掉翅膀的蜻蜓副本改名为身体以便于察看。

photoshop CS3动画教程:蜻蜓落荷花动画插图(13)
图14

  14、选择右1层,Ctrl+J复制出右1副本 ,命名为右2。


photoshop CS3动画教程:蜻蜓落荷花动画插图(14)

图15

   15、同样的,选择左1层,Ctrl+J复制出左1副本,命名为左2。

photoshop CS3动画教程:蜻蜓落荷花动画插图(15)
图16

  16、选择左2层,Ctrl+T调整到如下大小和位置。

photoshop CS3动画教程:蜻蜓落荷花动画插图(16)
图17

  17、选择右2层,Ctrl+T调整 到如下大小和位置。下面开始做动画。

photoshop CS3动画教程:蜻蜓落荷花动画插图(17)
图 18

  18、在窗口菜单中勾选动画以打开动画面板。(PS CS3以下要导入IR中做,方法为点击工具栏最下面的箭头状按钮)。选择第1帧,将 显示时间设为0.1秒,在图层面板隐藏除蜻蜓和背景外的所有图层。最后点红圈内按钮复制出第2、3帧。


photoshop CS3动画教程:蜻蜓落荷花动画插图(18)

图19

  19、选择第1帧,将蜻蜓拖到左上角直至大部 分身体在画面外。

photoshop CS3动画教程:蜻蜓落荷花动画插图(19)
图20

  20、选择第2 帧,将蝴蝶拖到荷花上。

photoshop CS3动画教程:蜻蜓落荷花动画插图(20)
图21

  21、 选择第3帧,将蜻蜓拖到右下角直至大部分身体在画面外。这就确定了蜻蜓飞入和飞出画面的三个位置。

photoshop CS3动画教程:蜻蜓落荷花动画插图(21)
图22

  22、选择第2帧,点红圈内按钮复制出第3、4帧。

photoshop CS3动画教程:蜻蜓落荷花动画插图(22)
图23

  23、选择第3帧,图层显示和隐藏设置如下。这样第2、3、4 帧就能完成一个振翅的动作。点击动画面板中的三角形播放按钮可随时观看效果。

photoshop CS3动画教程:蜻蜓落荷花动画插图(23)
图24

  24、我想让它振翅2次,所以按住Shift键同时选中第2、3、4 帧,再点复制按钮复制出第4、5、6帧即可。


photoshop CS3动画教程:蜻蜓落荷花动画插图(24)

图25

  25、同时选中前2帧,点红圈内过渡按钮设置如下过渡,形成蜻蜓徐徐飞入画面的效果。

photoshop CS3动画教程:蜻蜓落荷花动画插图(25)
图26

  26、同时选中最后2帧,设置同样过渡, 形成蜻蜓徐徐飞出画面的效果。

photoshop CS3动画教程:蜻蜓落荷花动画插图(26)
图 27

[table]

  27、按住Ctrl键同时选中第1帧和第4帧,设显示时间为0.5秒。

photoshop CS3动画教程:蜻蜓落荷花动画插图(27)
图28

  28、选择菜单/
文件/存储为Web 和设备所用格式。

photoshop CS3动画教程:蜻蜓落荷花动画插图(28)
图29

  29、在弹出 对话框中,一般无需修改默认参数,直接点击存储按钮,即可保存Gif动态图。

photoshop CS3动画教程:蜻蜓落荷花动画插图(29)
图30

  30、最终效果:

photoshop CS3动画教程:蜻蜓落荷花动画插图
效果图

 

搜索更多相关主题的帖子: IR动图 photoshop教程

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部