制作飘出音符的留声机动画

教程介绍较为复杂的GIF动画的制作方法。效果图片需要动的部分有音符、光碟、人物的手。这些都是同步的。制作动画之前需要把这这些动画场景设置出来，然后再同步设置动画。
最终效果

1、打开素材。

 2、ps里打开，用“套索工具”和“仿制图章”等工具，去掉原图中的音符。然后，打开动画面板(时间轴)，单击箭头所指小三角>文档设置>设定时间及帧数。这里设为2秒，每秒25帧。

3、用“快速选择工具”选中人物手部。

4、ctrl+J，得到图层2，如图示。下来用“矩形选框工具”在图中选一个合适对象用作覆盖与原图对应的区域
。
 

5、ctrl+J，得到图层3；“移动工具”下，将图层3置于原图手部位置，调整至合适，然后参考图示，移动参考点至红色箭头所指处，逆时针旋转9度左右，使手看起来有种抬起的感觉。

6、接下来给图层2添加蒙版，设前景色为黑色，用“画笔工具”涂去手部多余部分。完成后，合并图层2和3，并命名为“变换的左手”。

7、再次用“快速选择工具”，选择唱片，注意唱机的针头——属性模式为“添加到选区”，全部选中对象后，按住ALT键选择针头，可减去针头选区。
 

8、ctrl+J，得到复制对象图层后，将它命名为“唱片”。

9、然后单击红框处，添加图层样式>渐变叠加——打开“渐变拾色器”，渐变效果和混合模式参考图示，其它默认。

10、新建图层，选择“自定义工具”，参考图中红框所示，依次绘制出各种音符。
 

11、接上步。绘制时，距离可拉大，可边绘制边改变方向，使其看起来大小和方向呈不规则状。(由于操作失误，很抱歉漏掉了两个步骤，这里兄弟用文字详述一下)截图中图层2，在编辑绘制完音符后，添加图层样式>渐变叠加——参数设置按图示；

然后，ctrl+J，复制一层，打开图层样式编辑窗，在渐变条右侧勾选“反向”。这样就使两个音符图层的色彩看起来不完全一样了。最后，在它们各自的下方分别新建一个图层，分别合并变为普通图层即可。记着为图层命名。

12、将“小音符图层”缩小并改变一下方向。好了，关闭背景图层预览下效果。我们可以看到编辑好的手臂、唱片和音符等四个图层。

13、按图示，将大小音符图层位置向左下移动，使它们右侧正好处在喇叭口处。下来的工作就是要让音符看起来是从喇叭里飘出来的。当然，蒙版是最佳选择，为便于操作和控制，给这个图层先编组。方法是，单击“小音符层”，再按住ctrl键单击“大音符层”，然后，鼠标将它们拖至箭头所指处的“创建新组”按钮。

 14、用“套索工具”，(羽化一下，参考图示)在喇叭出口和音符显示的区域画出选区。对于新手，这里需要提示下，上面说了，这个选区内是可见的区域，选区外，自然就是被隐藏的区域了。

15、接上步，单击面板下方蒙版按钮为组添加蒙版——黑色为隐藏、白色为显示——观察蒙版缩览图。

16、蒙版既然有此用途，那就继续蒙版。“手图层”如果加个黑色蒙版不也能把手隐藏起来吗?!快捷方法是：按住ALT键，单击蒙版按钮——可以快速为图层添加一个“隐藏全部”的蒙版。

 17、至此，前期工作准备完毕。下图为时间轴一些操作选项，红框(红色)为“创建和清除帧”按钮和与之对应的操作位置和结果;绿框中的按钮为“添加关键帧”，黄蓝线为标示，供参考。

图中，按我们的设想，根据各图层所起的作用，为它们分别创建关键帧，同时，设定它们各自的初始帧状态。比如，“唱片帧”已设置好图层样式，“大小音符”的初始动作是淡出，所以，将它们的不透明度设为0。

18、大概了解了时间轴的操作，我们正式开始编辑动画。第一步，先从“小音符”开始;我们设想的效果是让它从喇叭飘出，并在飘动中渐渐隐去，单击“小音符层”，首先编辑“不透明度”。

19、将时间指示器移至时间轴的二分之一处，把不透明度设为100。
 

20、将时间指示器移至时间轴的末端，再次将不透明度设为0、这个动作的过程是，从无到有，再到无。

21、然后，编辑“小音符”的“位置”。第一帧的位置是设置好的，将时间指示器移至末端，“移动工具”把“小音符”移至窗口的右上方，参考图示。这个动作过程是，从喇叭里出来，到右上角停止。

22、第二步，编辑“大音符”。原理和思路同上，但是，让它快点，同时，变换一下方向效果可能会更好。(第一帧为初始关键帧，开始制作时已添加，下面不再赘述)还是从不透明度开始，时间指示器返回开始位置。单击“大音符层”，时间指示器移至时间轴的五分之一处，更改不透明度为100。
 

23、下来，时间指示器移至时间轴的五分之二处，更改不透明度为0、同时，移动图层位置至窗口右侧图示处。这个动作过程是，用比“小音符”少一半多的时间从喇叭飘出，由无到有，再到无的运动至当前位置。