Animate动画设计与制作实例教程-广告设计

广告制作广告是进行宣传的有效手段，从广告牌、宣传单到电视广告，很多产品通过广告而家喻户晓。随着Internet的发展，网络的宣传效果得到了更多人的认可，网络广告迅猛发展，Animate广告正是通过网络快速发展起来的。本章详细介绍AnimateCC2019中骨骼动画、滤镜及混合模式的实际应用，并通过3个实例，讲解AnimateCC2019在广告制作中的应用。通过本章的学习，应掌握骨骼动画、滤镜的使用方法和技巧，掌握用Animate制作广告的方法和技巧。通过本章，你应该掌握： 骨骼动画 滤镱 混合模式 宣传广告、公益广告、产品广告制作4.1骨骼动画、滤镜和混合模式4.1.1骨骼动画使用AnimateCC2019中的【骨骼】工具，可以为形状、影片剪辑增添骨骼动画，能够轻松制作运动效果。使用【骨骼】工具时，先创建一个Animate文档，可以绘制形状，也可以制作多个影片剪辑，然后使用【骨骼】工具创建骨骼，在时间轴的某些帧插入姿势，再用【选择】工具进行对应调整，就可制作出运动效果。具有多个骨骼的整体称为IK形状，每个骨骼称为IK骨骼。4.1时间轴特效、滤镜和混合模式

4.1.1骨骼动画使用【骨骼】工具需要注意以下几点。对于形状，可以向单个形状的内部添加多个骨骼，也可向一组形状添加骨骼，在添加第一个骨骼之前必须选择所有形状。 在将骨骼添加到所选内容后，Animate将所有的形状和骨骼转换为IK形状对象，并将该对象移动到新的姿势图层。每个姿势图层只能包含一个骨架。 在某个形状转换为IK形状后，它无法再与IK形状外的其他形状合并。 在工具箱中选择【骨骼】工具，也可以按M键选择【骨骼】工具。 使用【骨骼】工具，在形状内单击并拖动到形状内的其他位置，在拖动时显示骨骼。释放鼠标后，在单击的点和释放鼠标的点之间将显示一个实心骨骼。每个骨骼都具有头部、圆端和尾部(尖端)。 骨架中的第一个骨骼是根骨骼，第二个骨骼是根骨骼的子级，可以创建多级骨骼。4.1时间轴特效、滤镜和混合模式

4.1.1骨骼动画

1.选择骨骼和关联的对象选择单个骨骼，使用【选择】工具单击该骨骼，【属性】面板中显示骨骼属性。也可以通过按住Shift键单击来选择多个骨骼。若要将所选内容移动到相邻骨骼，在【属性】面板中单击【父级】、【子级】或【下一个/上一个同级】按钮。若要选择骨架中的所有骨骼，则双击某个骨骼，【属性】面板中显示所有骨骼的属性。若要选择整个骨架并显示骨架的属性及其姿势图层，则单击姿势图层中包含骨架的帧。若要选择IK形状，则单击该形状，【属性】面板中显示IK形状属性。若要选择连接到骨骼的元件实例，则单击该实例，【属性】面板中显示实例属性。4.1时间轴特效、滤镜和混合模式

4.1.1骨骼动画2.重新定位骨骼和关联的对象若要重新定位线性骨架，则拖动骨架中的任何骨骼。如果骨架已连接到元件实例，则还可以拖曳实例。这样可以相对于其骨骼旋转实例。若要重新定位骨架的某个分支，则拖动该分支中的任何骨骼，该分支中的所有骨骼都将移动，骨架其他分支中的骨骼不会移动。若要将某个骨骼与其子级骨骼一起旋转而不移动父级骨骼，则按住Shift键并拖动该骨骼。若要将某个IK形状移动到“舞台”上的新位置，则在【属性】面板中选择该形状并更改其X和Y属性。4.1时间轴特效、滤镜和混合模式

4.1.1骨骼动画3.删除骨骼若要删除单个骨骼及其所有子级，则单击该骨骼并按Delete键。按住Shift键单击每个骨骼可以选择要删除的多个骨骼。若要从某个IK形状或元件骨架中删除所有骨骼，则选择该形状或该骨架中的任何元件实例，然后执行【修改】>【分离】命令。IK形状将还原为正常形状。4.1时间轴特效、滤镜和混合模式

4.1.1骨骼动画4.相对于关联的形状或元件移动骨骼若要移动IK形状内骨骼任一端的位置，则使用【部分选取】工具拖动骨骼的一端。若要移动元件实例内骨骼连接、头部或尾部的位置，使用【变形】面板（执行【窗口】>【变形】命令）移动实例的变形点，骨骼将随变形点移动。若要移动单个元件实例而不移动任何其他链接的实例，则按住Alt键拖动该实例，或者使用【任意变形】工具拖动它。连接到实例的骨骼将变长或变短，以适应实例的新位置。4.1时间轴特效、滤镜和混合模式

4.1.1骨骼动画5.编辑IK形状使用【部分选取】工具，可以在IK形状中添加、删除和编辑轮廓的控制点。若要移动骨骼的位置而不更改IK形状，则拖动骨骼的端点。若要显示IK形状边界的控制点，则单击形状的笔触。若要移动控制点，则拖动该控制点。若要添加新的控制点，则单击笔触上没有任何控制点的部分。也可以使用【添加锚点】工具。若要删除现有的控制点，则单击选择它，然后按Delete键。也可以使用【删除锚点】工具。4.1时间轴特效、滤镜和混合模式

4.1.2滤镜使用AnimateCC2019的滤镜，可以为文本、按钮和影片剪辑增添有趣的视觉效果，使用传统补间动画让应用的滤镜动起来。使用【滤镜】面板可进行添加滤镜、设置属性及删除滤镜等操作。首先保证选中的对象是文本、按钮或影片剪辑，然后在【属性】面板中的【滤镜】选项下单击【添加滤镜】按钮，在弹出的菜单中，选择要使用的滤镜，共有7种：投影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色。4.1时间轴特效、滤镜和混合模式

4.1.2滤镜1、投影4.1时间轴特效、滤镜和混合模式

4.1.2滤镜2、模糊4.1时间轴特效、滤镜和混合模式

4.1.2滤镜3、发光4.1时间轴特效、滤镜和混合模式

4.1.2滤镜4、斜角4.1时间轴特效、滤镜和混合模式

4.1.2滤镜5、渐变发光4.1时间轴特效、滤镜和混合模式

4.1.2滤镜6、渐变斜角4.1时间轴特效、滤镜和混合模式

4.1.2滤镜7、调整颜色4.1时间轴特效、滤镜和混合模式

4.1.3混合模式使用混合模式，可以创建复合图像。复合是改变两个或两个以上重叠对象的透明度或者颜色相互关系的过程。使用混合，可以混合重叠影片剪辑中的颜色，从而创造独特的效果。值得注意的是，混合的对象是影片剪辑元件或按钮元件实例。混合模式包含以下元素：混合颜色：应用于混合模式的颜色不透明度：应用于混合模式的透明度基准颜色：混合颜色下面的像素的颜色结果颜色：基准颜色上混合效果的结果4.1时间轴特效、滤镜和混合模式

4.1.3混合模式一般：一般应用颜色，不与基准颜色发生交互。图层：可以层叠各个影片剪辑，而不影响其颜色。变暗：只替换比混合颜色亮的区域。比混合颜色暗的区域将保持不变。正片叠底：将基准颜色与混合颜色复合，从而产生较暗的颜色。变亮：只替换比混合颜色暗的像素。比混合颜色亮的区域将保持不变。滤色：将混合颜色的反色与基准颜色复合，从而产生漂白效果。叠加：复合或过滤颜色，具体操作取决于基准颜色。强光：复合或过滤颜色，具体操作取决于混合模式颜色。该效果类似于用点光源照射对象。4.1时间轴特效、滤镜和混合模式

4.1.3混合模式差值：从基色减去混合色或从混合色减去基色，具体取决于哪一种的亮度较大。该效果类似于彩色底片。增加：通常用于在两个图像之间创建动画的变亮分解效果。减去：通常用于在两个图像之间创建动画的变暗分解效果。反相：反转基准颜色。Alpha：应用Alpha遮罩层。擦除：删除所有基准颜色像素，包括背景图像中的基准颜色像素4.2任务1——宣传广告

4.2.1案例效果分析4.2任务1——宣传广告

4.2.2设计思路1.使用“调整颜色”滤镜实现图片的变色效果。2.使用遮罩图层实现文字从左到右的展开。3.使用“投影”、“模糊”、“发光”等滤镜实现文字的立体效果，通过创建传统补间动画，实现动态效果。4.2.3相关知识和技能点1.滤镜的使用。2.使用传统补间动画使滤镜效果动起来。4.3任务2——公益广告

4.3.1案例效果分析

4.3任务2——公益广告4.3.2设计思路1.搜集并处理素材，使素材的命名有规律、大小一致。通过元件的复制快速制作类似的元件。2.制作开始场景1、场景2。3.利用场景的复制及元件的交换制作出其他类似的效果，完成其他场景的制作。4.3.3相关知识和技能点1.【场景】面板，场景的新建、复制等操作。2.元件的交换、元件的直接复制等操作。3.传统补间动画的使用。4.4实训项目——产品广告

4.4.1实训目的1、制作动画的目的与主题（任务与要达到得效果）本实训的产品是“美丽鞋品”，通过背景颜色及鞋子的动态展示，体现出“百变所以美丽”的主题，达到宣传的效果。本实例中的两个画面效果如图4-42所示。4.4实训项目——产品广告

4.4.1实训目的2、动画整体风格设计利用Animate动画制作“美丽产品”广告，重在变化，颜色的变化、产品的变化、