Flash软件辅助下个性化折扇的设计

　　一、个性化折扇的设计思路
　　
　　好的剧本是动画的灵魂[1].制作一部 Flash 影片，首先定剧本。本例设计的个性化折扇影片动态效果：一把折扇扇页从左至右逐渐展开；扇面完全展现后，扇面的背景图片淡淡的出现，随后一支毛笔从右至左在扇面书写“江山如画”四个字。

　　定场景。分析剧本，不难看出，影片制作可分成两个部分：一是制作折扇；二是毛笔字的效果。整个影片情节相对简单，是单镜头单场景动画。定角色.折扇是由扇骨、扇页、轴三个部分.一把展开的折扇可以看作是扇骨与扇页从起始位置绕轴展开后留下的轨迹.如何设计扇页徐徐展开的动画效果，是难点之一.可将扇页、扇骨设计为影片剪辑元件，将此元件绕轴心通过“变形”面板中的旋转生成折扇展开效果.扇面背景图片的制作，可以先设计一个与扇面大小稍小的扇形，以此扇形为遮罩，背景图片被遮罩，以alpha 10%变化到50%,让图片以淡入的方式展现。要看到毛笔运笔后后留下墨迹，是本例中又一难点.先将文字打散，利用“选择工具”把字拆成笔画；然后利用遮罩动画效果逐一展示笔画；最后将毛笔元件沿笔画的运笔方向运动，得到毛笔运动后出现字迹的动态效果.

　　二、折扇的设计
　　
　　1、新建一个720*576 px的Flash文档，背景白色；2、打开库面板，新建一个影片剪辑元件，名称为“扇骨”,按“确定”按钮进入元件的编辑状态.

　　（1）先设计扇页.在工具箱选择矩形工具，边框线设为无，在舞台绘制无框线的矩形，宽：32px,高：200px;（2）选择颜料桶工具：选择自己喜欢的颜色；打开混色器面板，类型选择为：线性；通过调整色块，形成一种颜色过渡效果，并填充矩形；（3）选择线条工具，先在矩形块顶部画一个封闭三角形，然后选择“选择工具”,选取封闭区域并删除，最后删除三角形的线条，形成折扇的顶部折痕；（4） 再设计扇骨.选择线条工具，设定线条颜色,线宽为3px,高度为100px,按住shift键，画一条垂直线，将线条上端和矩形框的底部中间位置连接，形成扇页的骨架.

　　3、折扇动态展开效果设计
　　
　　（1）将第一图层的名称修改为“第一扇页”,在舞台第一帧拖出“扇骨”影片剪辑元件，打开“任意变形工具”,调整元件的中心位置,以此点作为折扇展开时旋转的轴心；
　　
　　（2）打开“变形”面板，将“扇骨”影片剪辑逆时针旋转65度（即-65 度），如图 1:

　　（3）在本图层第 5 帧插入关键帧；在第 1 帧，选中影片剪辑，将颜色调整为：alpha,10%;在时间轴第1帧至第5帧的空白区单击鼠标右键，在弹出的窗口中选择“创建补间动画”,将第一个扇页做一个“淡入”的动画效果。为了延长帧显示的时间，在第500 帧位置插入帧；
　　
　　（4）添加新的图层，改名称为“第二扇页”,在图层“第一扇页”中选定第5帧，单击鼠标右键，在弹出的窗口中选择“复制帧”.在图层“第二扇页”第6帧单击鼠标右键，在弹出的窗口中选择“粘帖帧”.在第 10 帧插入关键帧，选中第 10 帧中的元件，打开变形面板，在旋转项中需要设置一个角度[2].经反复调试，当前尺寸的扇页，以每次顺时针方向旋转6度，动态展开的效果较形象，因此，将角度调整为-59 度。在时间轴第 6 帧至第 10帧的空白区单击鼠标右键，在弹出的窗口中选择“创建补间动画”.当前扇页由前一扇页顺时针动态旋转6度生成，如图2.

　　（5）按照第4步方法，逐一新建23个图层，每次旋转6度，可以得到动态展开的折扇.时间轴上帧的位置如图3:

　　4、给扇面起始扇页和结束扇页加深颜色新建图层，改名为“左右柄”,在第 116 帧插入空白关键帧，先选择颜料桶工具，设定比扇面深一点的颜色。再选择钢笔工具，沿扇面第一扇页和最后一个扇页绘制四边形，填充颜料桶中选定颜色。最后选择“选择工具”,删除绘制的线条。

　　5、给扇面加上背景图片（1）新建影片剪辑“扇形框”,运用椭圆工具和线条工具，绘制一个扇形[3],如图4,调整大小，使扇形覆盖区域略小于制作的扇面；（2）新建影片剪辑“背景”,将图层 1 改名为“背景图”,在第 1帧导入作为扇面背景的图片，选定图片，将图片的 alpha 调整为10%;在第 20 帧插入关键帧，将图片的 alpha 调整为 50%;在时间轴第1 帧与第 20 帧的空白区单击鼠标右键，在弹出的窗口中选择“创建补间动画”,将图片设计为“淡入”的动画效果.为了延长帧显示的时间，在第500帧位置插入帧；（3）新建图层“扇形框”,在第一帧插入影片剪辑“扇形框”,在第20 帧插入关键帧，在第 500 帧位置插入帧。将光标移到图层名称“扇形框”,单击鼠标右键，在弹出的窗口中选择“遮罩层”,如图 5,将当前图层设定为“遮罩层”;（4）返回场景编辑，在场景 1 新建图层“扇面背景”,在 120帧插入空白关键帧，将库中影片剪辑“背景”拖到当前帧，在第500帧位置插入帧.

　　通过测试影片和调整影片剪辑位置，使扇面背景淡入的背景效果满意.

　　三、毛笔字动画效果设计
　　
　　1、毛笔元件的设计（1）新建影片剪辑“毛笔”,选择矩形工具绘制笔身.绘制无边框矩形，宽:30px,高 200px;选择颜料桶工具，打开混色器面板，类型：性线，选定颜色填充矩形框；（2）选择一种与矩形框颜色相近、比矩形框颜色深的颜色，再选择椭圆工具，在矩形框上端绘制一椭圆，调整大小，让笔身产生立体感；（3）将填充色选择为黑色，边框色设置为无，绘制一个与矩形框宽度相同的矩形，通过“选择工具”将矩形调整为三角形，产生笔尖效果，将此三角形上端与笔身下端对齐，选择“选择工具”,选中所有对象，按 CRTL+G 键组合。设计的毛笔效果如图 6:

　　2、文字的准备先准备文本对象“江”字。文字“江”书写的笔画，可以分为六画。先输入文字，再将文字打散分离出笔画，制作成六个影片剪辑。

　　（1）新建影片剪辑，命名为“江”,选择文字工具，在舞台拖出一个文本框，输入文本“江”,为了让文字有毛笔体效果，将字体设置为“叶根友毛笔行书简体”,字号为 77,颜色为黑色，如图7.选择“选择工具”,选中文字“江”,按 CRTL+B 打散；（2）选中打散的文字对象“江”,单击鼠标右键，在弹出的窗口中选择“复制”,新建影片剪辑“江 1”,在舞台单击鼠标右键，在弹出的窗口中选择“粘帖到当前位置”.通过选择工具、橡皮擦、钢笔等工具，分离出第一笔画；（3） 分别新建影片剪辑“江 2”、“江 3”、“江 4”、“江 5”、“江6”,按照步骤 2 的方法，分离出第二笔、第三笔、第四笔、第五笔、第六笔。分离出的笔画如图 8:文本对象“山”、“如”、“画”的笔画分离方法，与江字的步骤是一样的.

　　3、毛笔书写字动画的制作以“江”字为例，介绍动画的实现技巧。

　　（1）打开影片剪辑“江1”,将第一图层改名为“第一笔”,当前笔画对象在第一帧，在第15帧插入帧；（2） 新建图层“运动矩形”,在第一帧插入空白关键帧，选择矩形工具，将线条颜色设置为无，填充颜色设置为绿色，绘制矩形.选择任意变形工具，将矩形中心点移动到中间靠上位置，这样处理的目的，是让矩形进行变形操作时，上端位置固定不动.将矩形移到第一笔画的上端位置，复制第一帧，在第15 帧粘贴帧，再选择任意变形工具，将第15帧矩形下端向下拖至第一笔画的下端位置，在第1帧至第15帧的空白位置单击，在弹出的对话中选择“创建补间动画”;（3）将光标移动到图层名称区域，选择“运动矩形”图层，单击鼠标右键，在弹出的窗口中选择“遮罩层”.这样，通过矩形的遮罩运动动画，显示第一笔的黑迹效果；（4）新建图层“毛笔运动”,在第一帧插入影片剪辑“毛笔”,将毛笔对象的笔尖调整到第一笔的开始位置，分别在第10 帧、第14帧插入关键帧，调整“毛笔”的位置，让毛笔的移动与遮罩动画的墨迹同步.

　　在这里，让毛笔的运动在第14帧结束，比遮罩动画少1帧，是为了展示笔停后显示墨迹的效果；（5）新建图层“显示位置”,复制图层“第一笔”第 1 帧，在当前图层第1帧粘贴，在第15帧插入帧.本图层的作用，是用于显示和对齐文本“江”的各笔画，待动画设计完成后，将此图层设定为引导层；（6）新建图层“动作”,在第 15 帧插入空白关键帧，单击鼠标右键盘，输入脚本：stop（）；本图层的目的，是让动画显示一次后停下来，不重复播放。时间轴如图 9.其它文字毛笔书写的动画设计，与江的步骤是一样的。

　　4、影片的合成（1）返回场景 1 继续编辑。新建图层“江 1”,在第 150 帧插入空白关键帧，拖入影片剪辑“江1”,在第500帧图 9插入帧；（2）分别新建图层江 2、江 3、江 4、江 5、江 6,分别在第 170帧、190帧、210帧、230帧、250帧插入影片剪辑“江2”、“江3”、“江4”、“江5”、“江6”,在第500帧插入帧.调整各图层中笔画的位置，让笔画看起来像笔连续运笔后留下的效果；（3）按照同样的方法，将其它文字的毛笔字效果插入到时间轴，影片最终效果如图10.

　　四、结束语
　　
　　Flash影片设计是一段耗时较长的创作过程.在Flash影片设计中，创意思维是决定影片的关键，没有做不到，只有想不到.本例中通过案例展示、设计分析、动画实现等步骤，灵活运用补间运画、遮罩动画、动作等相关技巧，演示了一部Flash影片的设计过程.对设计中遇到的问题及解决方法进行了详细的阐述和重点的演示，对开拓影片创意思维有一定的参考意义.【图略】

　　参考文献：

　　[1]王云，徐江鸿，潘玫玫 巧用 Flash 动画技法打造动画特效[J]电脑知识与技术，2012,10（20）：118-119
　　[2]赵巧。Flash 动画设计[M]北京：中国铁道出版社，2010:135-137
　　[3]任雪莲。《Flash 动画制作》课程教学方法探讨与实践[J].电脑编程技巧与维护，2012（08）：33-36