Photoshop CS3的IR制作帅哥抛番茄动画
Photoshop CS3的IR制作帅哥抛番茄动画
发布时间:2016-12-30 来源:查字典编辑
摘要:自从PhotoshopCS3将动态软件Imageready也包括了进来,我们做动态图更加方便了,下面就来练习做一个抛掷物体的动态图,先看一下...

自从Photoshop CS3将动态软件Imageready也包括了进来,我们做动态图更加方便了,下面就来练习做一个抛掷物体的动态图,先看一下效果:

Photoshop CS3的IR制作帅哥抛番茄动画1

图1

制作步骤:

1、打开一张图片,帅哥的动作很适合用来做抛掷效果。

Photoshop CS3的IR制作帅哥抛番茄动画2

图2

2、打开一张番茄图片。

Photoshop CS3的IR制作帅哥抛番茄动画3

图3

3、用磁性套索工具将它勾选出来。

Photoshop CS3的IR制作帅哥抛番茄动画4

图4

4、用移动工具将番茄拖入帅哥文件中,放在帅哥手上如下位置,Ctrl T调整到合适大小。

Photoshop CS3的IR制作帅哥抛番茄动画5

图5

5、在图层面板双击番茄图层打开图层样式,勾选外发光,设置如下,使番茄与背景的衔接看来不那么生硬。

Photoshop CS3的IR制作帅哥抛番茄动画6

图6

6、隐藏番茄图层。选择帅哥图层,用磁性套索工具勾选出帅哥的一只手和一部分衣袖。

Photoshop CS3的IR制作帅哥抛番茄动画7

图7

7、Ctrl J两次复制出两个手臂副本,分别命名为左“左手上”和“左手下”,将“左手上”向上移动一些。

Photoshop CS3的IR制作帅哥抛番茄动画8

图8

8、选择背景图层,按住Ctrl键在图层面板单击“左手下”载入选区,用仿制图章工具将背景上的手臂涂抹掉。

Photoshop CS3的IR制作帅哥抛番茄动画9

图9

9、再用磁性套索工具勾选出帅哥的另一只手臂。

Photoshop CS3的IR制作帅哥抛番茄动画10

图10

10、同样的,Ctrl J两次复制出两个手臂副本,分别命名为左“右手上”和“右手下”,将“右手上”向上移动一些。

Photoshop CS3的IR制作帅哥抛番茄动画11

图11

11、用仿制图章工具将背景上的右手臂也涂抹掉。

Photoshop CS3的IR制作帅哥抛番茄动画12

图12

12、在窗口菜单中勾选“动画”,打开动画面板。选择第1帧,在图层面板隐藏“左手上”和“右手上”,显示时间设为0.1秒。

Photoshop CS3的IR制作帅哥抛番茄动画13

图13

13、点红圈内复制按钮复制出另外四帧。

Photoshop CS3的IR制作帅哥抛番茄动画14

图14

14、选择第2帧,将番茄拖动到如下位置,在图层面板隐藏“左手下”和“右手上”。

Photoshop CS3的IR制作帅哥抛番茄动画15

图15

15、选择第3帧,将番茄拖动到另一只手上,在图层面板隐藏“左手上”和“右手上”。

Photoshop CS3的IR制作帅哥抛番茄动画16

图16

16、选择第4帧,将番茄拖动到如下位置,在图层面板隐藏“左手上”和“右手下”。

Photoshop CS3的IR制作帅哥抛番茄动画17

图17

17、选择第5帧,将番茄拖回到最初位置,在图层面板隐藏“左手上”和“右手上”。

Photoshop CS3的IR制作帅哥抛番茄动画18

图18

18、现在开始在每两帧之间添加一个过渡,按住Ctrl键同时选中前2帧,点红圈内过渡按钮设置如下过渡。

Photoshop CS3的IR制作帅哥抛番茄动画19

图19

19、同时选中第3、4帧,同样过渡。

Photoshop CS3的IR制作帅哥抛番茄动画20

图20

20、同时选中5、6帧,同样过渡。

Photoshop CS3的IR制作帅哥抛番茄动画21

图21

21、同时选中7、8帧,同样过渡。

Photoshop CS3的IR制作帅哥抛番茄动画22

图22

22、执行文件/存储为Web和设备所用格式。

Photoshop CS3的IR制作帅哥抛番茄动画23

图23

23、在弹出对话框中设置如下,保存Gif文件,完工。

Photoshop CS3的IR制作帅哥抛番茄动画24

图24

24、最终效果:

Photoshop CS3的IR制作帅哥抛番茄动画1

效果图

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类