注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

sun的博客

读万卷书、行万里路、论天下事、交天下友,人生之乐事也!

 
 
 

日志

 
 
关于我
sun

山不择垒土,故能成其高,海不择细流,故能成其大。岁月不居,天道酬勤。惟大英雄方能得其中至味!

网易考拉推荐

【转载】Photoshop制作蜻蜓戏荷花动画  

2014-09-09 15:02:50|  分类: 摄影天地 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自美丽新世界《Photoshop制作蜻蜓戏荷花动画》
Photoshop制作蜻蜓戏荷花动画
  这个Photoshop CS3实例通过选区工具和变形工具的综合运用,制作了一个蜻蜓振翅飞过荷花的动画。操作简洁实用,效果还不错,适合练习Photoshop动态图的制作。先看下效果吧:

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图1

1、打开一张蜻蜓图片。

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图2

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图3

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图4

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图5

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图6

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图7

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图8

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图9

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图10

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图11

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图12

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图13

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图14

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图15

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图16

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图17

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图18

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图19

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图20

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图21

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图22

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图23

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图24

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图25

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图26

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图27

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图28

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图29

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图30

30、最终效果:

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
效果图

Photoshop制作蜻蜓戏荷花动画

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图1

1、打开一张蜻蜓图片。

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图2

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图3

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图4

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图5

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图6

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图7

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图8

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图9

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图10

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图11

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图12

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图13

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图14

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图15

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图16

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图17

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图18

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图19

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图20

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图21

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图22

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图23

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图24

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图25

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图26

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图27

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图28

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图29

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

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
图30

30、最终效果:

Photoshop制作蜻蜓戏荷花动画 - 美丽新世界 - 美丽新世界
效果图

  评论这张
 
阅读(171)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017