《Flash动画实例教程(共31页).doc》由会员分享，可在线阅读，更多相关《Flash动画实例教程(共31页).doc（31页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、精选优质文档-倾情为你奉上Flash动画实例教程:毛笔题诗贺中秋 值此中秋佳节，让我们用来做一个月圆之夜举笔题诗的动画吧。本教程主要使用了椭圆、矩形和文字工具以及渐变填充，操作实用，适合练习。先看下效果吧： 效果预览制作步骤：1、新建一个默认大小的Flash文档，用矩形工具画一个矩形用来作为夜空。图12、选中矩形，在混色器面板中将填充设为从浅蓝到深蓝的渐变，类型为“线性”。图23、选中矩形，在对齐面板中按下“相对于舞台”按钮，再按“匹配高和宽”，最后按“垂直中齐”和“水平中齐”。这样矩形就铺满了整个画布。图34、新建一个图层，命名为“moon”，选择椭圆工具，按住Shift键画出一个正圆。图4
2、5、在混色器面板中将填充设为由黄到白色的渐变，类型为“放射状”，注意渐变条上黄色色块的位置。用填充变形工具调整渐变到如下大小，形成带着光晕的月亮。图56、画信纸。Ctrl+F8新建一个元件，命名为“paper”，用矩形工具画一个白色的矩形。图67、在白色矩形内再画一个红色矩形框，无填充。图78、用直线工具画出三条红色的竖线作为信纸上的格子，完成信纸，选中信纸的各个部分并Ctrl+G群组。图89、用文字工具打上文字，在属性面板中设文本方向为竖向。Ctrl+B将段落打散后把每一句诗单独放在一个图层。在图层面板中将文字层从右到左分别命名为text1，text2，text3和text4备用。图910、
3、新建一个图层，用矩形工具画出如下白色矩形。图1011、复制出另外三个小矩形，选中它们点右键选“分散到图层”。在图层面板将它们从右到左分别命名为1，2，3，4。图1112、在图层面板中将图层1，2，3，4和它们所对应的文字图层调整为如下顺序。将图层1，2，3，4设置为遮罩层，在右键菜单里面选“遮罩层”就行了。图1213、画毛笔。Ctrl+F8新建一个元件，命名为“pen”。用矩形工具画一个细长的矩形，在混色器中将填充设置为从棕色到浅棕色再到棕色的渐变，类型为“线性”。图1314、用挑选工具选取矩形下部的一部分，填充黑色，并将侧面轮廓调整为曲线。图1415、再用挑选工具选取矩形上部的一块，填充黑色
4、，并调整为如下形状。图1525、选择第25帧，将信纸水平拖移到画面以外，完成信纸进入的动画。图2526、新建一个图层，命名为“pen”。先在第40帧插入关键帧，在库面板中将毛笔元件拖进来，放在画布左侧外面。图2627、在第52帧处插入关键帧并添加动画补间，将毛笔拖到如下位置，并用任意变形工具旋转到如下角度，完成毛笔进入的动画。图2728、下面开始做毛笔写字的动画。在第55帧处给毛笔层插入关键帧，另外将所有的文字层及其遮罩层的第1个关键帧都设在这里。图2829、在第70帧处给毛笔层和遮罩层1分别插入关键帧并添加动画补间，并分别将毛笔和遮罩层1上的白矩形垂直移动到如下位置。图2930、在第71帧处
5、给毛笔层和遮罩层2分别插入关键帧，将毛笔移动到如下位置。图3025、选择第25帧，将信纸水平拖移到画面以外，完成信纸进入的动画。图2526、新建一个图层，命名为“pen”。先在第40帧插入关键帧，在库面板中将毛笔元件拖进来，放在画布左侧外面。图2627、在第52帧处插入关键帧并添加动画补间，将毛笔拖到如下位置，并用任意变形工具旋转到如下角度，完成毛笔进入的动画。图2728、下面开始做毛笔写字的动画。在第55帧处给毛笔层插入关键帧，另外将所有的文字层及其遮罩层的第1个关键帧都设在这里。图2829、在第70帧处给毛笔层和遮罩层1分别插入关键帧并添加动画补间，并分别将毛笔和遮罩层1上的白矩形垂直移动
6、到如下位置。图2930、在第71帧处给毛笔层和遮罩层2分别插入关键帧，将毛笔移动到如下位置。图3031、在第85帧处给毛笔层和遮罩层2分别插入关键帧并添加动画补间，并分别将毛笔和遮罩层2上的白矩形垂直移动到如下位置。图3132、在第86帧处给毛笔层和遮罩层3分别插入关键帧，将毛笔移动到如下位置。图3233、在第100帧处给毛笔层和遮罩层3分别插入关键帧并添加动画补间，并分别将毛笔和遮罩层3上的白矩形垂直移动到如下位置。图3334、在第101帧处给毛笔层和遮罩层4分别插入关键帧，将毛笔移动到如下位置。图3435、在第116帧处给毛笔层和遮罩层4分别插入关键帧并添加动画补间，并分别将毛笔和遮罩层3上的白矩形垂直移动到如下位置。完成毛笔写字的动画。图3536、在第125帧处给毛笔层插入关键帧并添加动画补间，将毛笔移动到如下位置并用任意变形工具旋转到如下角度。完成！图3637、最终效果：效果预览专心-专注-专业