特优产品网上推介动画制作

天水因独特的地理位置而出产的水果非常有名，天水花牛苹果、清水核桃、秦安蜜桃都是享誉海内外的著名品牌产品。近年来，随着农村电商的快速发展，网上销售成为产品销售的主要方式，制作一些高质量的网络宣传图片和动画成为网上宣传的关键，以这个为例子制作一副花牛苹果宣传动画。

（一）动画创意

毛毛虫在拼力往前赶路，累得满头大汗。小蝴蝶匆忙从身边飞过，急忙喊着“毛大哥，你快点。”小鸟从身旁急促而过，往前飞去。一个成熟的花牛苹果蹦蹦跳跳，出现字幕“花牛苹果——甜香的家乡味”。

（二）绘制角色

1.绘制苹果

步骤1：从“文件”→“新建”→“常规”→“Flash文件ActionScript2.0”新建一个文档，修改文档属性：大小为“1024×400”，背景为“白色”，帧频为“12fps”。

步骤2：从“文件”→“导入”→“导入到库”命令导入一副卡通苹果作为参照，新建一个“卡通苹果1”图形元件，从库中拖动“卡通苹果”图片到图层1，并改名为“底图”，用锁定图层工具锁定该图层。

步骤3：新建“苹果”图层，利用工具箱中的线条工具和椭圆工具绘制苹果卡通外部轮廓；先选择椭圆工具，在属性中把“笔触颜色”设置为“黑色”，笔触高度设置为“2”，绘制一个椭圆，接下来再画出两点之间的直线，然后用选择工具移到两线的中间变为弧线时拉弯曲；多余的部分用选择工具选定后按“Delete”删除，如果画错了按“Ctrl+Z”组合键撤销。如果用数位板描绘起来就会方便很多，用椭圆工具、直线工具以及选择工具调整需要消耗大量时间，需要初学者耐心制作，如图6-3-5所示。

步骤4：新建图层，命名为“叶子”，绘制出叶子和“果柄”，并给苹果填充颜色。眼珠子为黑色（#000000），身体为红色（#FF0000），叶子为绿色（#00CC00），胳膊和腿为棕绿色（#666600），手的颜色为蓝色（#0000CC），鞋子为红色（#FF0000），最终效果如图6-3-6所示。

图6-3-5　苹果卡通线条　

图6-3-6　苹果卡通涂色

2.绘制毛毛虫

步骤1：从“插入”→“新建元件”→“影片剪辑”新建一个“毛毛虫1”影片剪辑元件，如图6-3-7所示。从“文件”→“导入”→“导入到库”命令导入一副毛毛虫图片作为参照，从库中拖动“毛毛虫”图片到图层1，并改名为“底图”，用锁定图层工具锁定该图层，新建“脑袋”图层，按照图6-3-8绘制出毛毛虫脑袋，按下“Ctrl+A”组合键全选，最后按下F8功能键转换为“图形”元件，过程如下图6-3-8所示。

图6-3-7　元件　

图6-3-8　绘制“毛毛虫”脑袋过程

步骤2：用两次椭圆工具绘制毛毛虫身体关节，绘制完成按“Ctrl+A”组合键全选，接下来按下F8功能键转换为“图形”元件，命名为“毛毛虫关节”。

步骤3：选择“毛毛虫关节”图形元件，按下“Alt”键鼠标拖动就会复制另一个，通过“修改”→“排列”→“下移一层”把这个关节移到下面一层，并用“任意变形”工具适当缩小。

步骤4：重复操作“步骤3”八次，制作出毛毛虫身体，如图6-3-9所示。

图6-3-9　

图6-3-10　

图6-3-11

步骤5：分别在时间轴“3”“5”处按下F6键给两个图层均插入关键帧，按照图6-3-9、图6-3-10、图6-3-11调整“1”“3”“5”帧的关节位置，制作出毛毛虫屈身爬行的“逐帧”动画效果。

3.绘制飞舞的蝴蝶

步骤1：从“插入”→“新建元件”→“影片剪辑”新建一个“飞舞的蝴蝶”元件，从“文件”→“导入”→“导入到库”命令导入一副蝴蝶图片作为参照，从库中拖动“蝴蝶”图片到图层1，并改名为“底图”，用“锁定图层工具”锁定该图层，新建“身体”图层，按照下图6-3-12绘制出蝴蝶身体并用颜料桶工具填充上颜色。

图6-3-12　

图6-3-13　

图6-3-14　(www.xing528.com)

图6-3-15

步骤2：新建一个“图层2”并改名为“前翅膀”，用直线工具绘制翅膀的三角形轮廓，把工具变换为选择工具，把鼠标移到线条中间，用选择工具拉出弧线和底图重合。选择铅笔工具，把“铅笔模式”改为“平滑”，绘出蝴蝶翅膀上的斑纹，如图6-3-13所示。

步骤3：新建一个“图层3”并改名为“后翅膀”，复制前翅膀到这个图层，选择“修改”→“变形”→“水平翻转”，用任意变形工具适当旋转，把这个“后翅膀图层”置于“身体图层”底下，如图6-3-14所示。

步骤4：打开“绘图纸外观”，在时间轴第二帧处给两个“翅膀图层”插入关键帧，给“身体图层”插入帧（按F5键为插入帧，按F6键为插入关键帧）。用任意变形工具缩小第二帧的翅膀，并对齐翅膀和身体的交界处，如图6-3-15所示。

4.绘制小鸟

鸟飞的动画是二维动画制作中的经典，是学习动画制作的练手之作，它不仅包括翅膀的形态变化，而且因为空气浮力的作用上下飘动，下面详细介绍它的制作过程。

步骤1：从“插入”→“新建元件”→“影片剪辑”新建一个“飞翔的小鸟”元件，按照图6-3-16，画出身体和翅膀，把翅膀拖动到适当位置并填上颜色，如图6-3-17“1帧”。

图6-3-16

图6-3-17

步骤2：逐次插入关键帧，按照上图6-3-17的1帧到13帧图像调整翅膀形态和身体位置，翅膀向下时身体往上浮动，翅膀向上时身体往下沉，按“回车键”测试效果，调整位置和形态到最佳。

（三）绘制场景

场景是指动画角色活动的前景和背景，起交代环境和烘托气氛的作用。场景绘制要依据脚本和主体确定，一般非正式的创作要以现实生活中的情境为基础。本场景以太阳、蓝天、大树为背景，草地和花朵为前景，具体步骤如下。

步骤1：选择矩形工具，在颜色面板中选择填充颜色为线性渐变，左边控点颜色为蓝色（#0650F9），右边控点颜色为白色（#F7F7F7），靠近右边三分之一处添加控点颜色为浅蓝色（#EFF4FE），绘制一个比舞台稍大的矩形框，边框笔触颜色为“无”，用填充变形工具调整颜色渐变方向，按下F8键转化为“蓝天”图形元件。

步骤2：选择椭圆工具，在颜色面板中选择填充颜色为放射状渐变，左控点颜色为红色（#FD0202），右控点颜色为白色（#F7F7F7，Alpha为“0”）。在靠近右边颜色控点处添加一个控点，颜色为橙色（#FABC30）。用椭圆工具在画面左上方按住Shift键画出一个圆形，按下F8键转化为“太阳”图形元件。

步骤3：用线条工具和刷子工具绘制出图形元件，分别是树叶、花朵、大树、草地，并填充上喜欢的颜色，如下图6-3-18所示。提示：树木、花朵和草地可以自由创作，主要练习铅笔和刷子工具的使用。

图6-3-18　场景中的各种元件

（四）制作动画

步骤1：把场景1中的“图层1”改名为“背景”，从“库”中拖入“蓝天”“太阳”“大树”“草地”，复制一个“大树”元件，移到远处，选定这个元件，在属性值把“Alpha”设置为“60%”。

步骤2：在场景1中新建一个“图层2”，改名为“前景”，把“花朵”元件拖入复制几个，并调整大小。

步骤3：在场景1中新建一个“图层3”，改名为“毛毛虫”，用鼠标点选这个帧，然后单击鼠标右键，选择“创建补间动画”。在80帧处插入关键帧，给“背景”和“前景”图层也在80帧处插入帧，把毛毛虫移到屏幕右侧。

图6-3-19　给“苹果”添加“引导层”

步骤4：在场景1中新建一个“图层4”，改名为“苹果”，把“卡通苹果1”元件拖入，单击右键给这个层的这一帧“创建补间动画”；选中这个图层，右键点击“添加引导层”，用铅笔工具在“引导层”中一笔画出苹果运动的曲线。在75帧处插入关键帧，调整1帧和75帧苹果的位置，让中心吸附到引导线上，如图6-3-19所示。

步骤5：用“步骤4”的方法添加“蝴蝶”和“小鸟”图层，制作引导层动画。

步骤6：制作“花牛苹果”形状渐变动画。从“插入”→“新建元件”→“影片剪辑”新建一个“花牛苹果”元件，在第1帧处导入一个花牛苹果图片，按住“Ctrl+B”组合键分离，用套索工具去掉背景颜色，选中后复制摆出“花牛”造型，在20帧处插入关键帧；在40帧处插入空白关键帧，用文本工具输入文字“花牛苹果”，字号为“90”，按住“Ctrl+B”组合键两次分离，把笔触颜色改为“黑色”，填充颜色改为“白色”。在20帧和50帧中间点击创建补间形状，如图6-3-20所示。

图6-3-20　图形和字体的形状渐变动画

步骤7：制作“甜香的家乡味”遮罩动画。从“插入”→“新建元件”→“影片剪辑”新建一个“甜香的家乡味”元件，在“图层1”用文本工具输入“甜香的家乡味”，字号为“100”，颜色为红色。复制这个文字到“图层2”，按住“Ctrl+B”组合键两次分离，填上黑色填充和黄色外边。新建一个“图层3”，在文字左侧画一个矩形框，单击右键创建补间动画，用任意变形工具调整中心点为左侧控点处，如图6-3-21所示。接下来在60帧处把“图层3”矩形框向右拉长至覆盖文字，把“图层3”属性修改为“遮罩层”，把“图层2”属性修改为“被遮罩层”，在80帧处给所有图层插入关键帧，按回车键测试，如图6-3-21所示。

图6-3-21　遮罩文字的“卡拉OK”字幕效果

最后，调整画面的各个元素，用“控制”→“测试影片”观看影片效果，用“文件”→“导出”→“导出影片”输出SWF格式影片，在制作的过程中一定要记得不断保存文件，最终效果如图6-3-22所示。

图6-3-22　最终输出影片截图