首页 > 设计 > 详细

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

时间:2016-02-09 07:45:19      阅读:513      评论:0      收藏:0      [点我收藏+]
本教程是关于Photoshop CS3制作蜻蜓落荷花的动画,主要是介绍选取工具和变形工具的应用,还有简单的动画制作,操作步骤比较简单易学,希望网友喜欢!
  这个Photoshop CS3实例通过选区工具和变形工具的综合运用,制作了一个蜻蜓振翅飞过荷花的动画,操作简洁实用,效果还不错,适合练习Photoshop动态图的制作。先看下效果吧:

技术分享
图1
  开始制作步骤:
  1、打开一张蜻蜓图片。

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

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

技术分享
图4

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

技术分享
图5
  5、打开一张荷花背景图片。

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

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

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

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

技术分享
图10
  10、用移动工具将翅膀放回原位。

技术分享
图11

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

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

技术分享
图13
  13、将切掉翅膀的“蜻蜓副本”改名为“身体”以便于察看。

技术分享
图14
  14、选择“右1”层,Ctrl J复制出“右1副本”,命名为“右2”。

技术分享
图15
  15、同样的,选择“左1”层,Ctrl J复制出“左1副本”,命名为“左2”。

技术分享
图16
  16、选择“左2”层,Ctrl T调整到如下大小和位置。

技术分享
图17

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

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

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

技术分享
图20
  20、选择第2帧,将蝴蝶拖到荷花上。

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

技术分享
图22

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

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

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

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

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

技术分享
图27


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

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

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

技术分享
图30
  30、最终效果:

技术分享
效果图

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

原文:http://www.jb51.net/photoshop/3064.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!