当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 动画制作 > PhotoShop CS3制作帅哥抛番茄GIF动画教程

PhotoShop CS3制作帅哥抛番茄GIF动画教程

  • 2022-04-19
  • 来源/作者: Ps123.Net    / Sweetwitch  太平洋    
  • 3 次浏览

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

2、打开一张番茄图片

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

24、最终效果:

按此在新窗口浏览图片