FLASH动画制作基础50515.ppt

FLASH动画制作,绘图实例一：绘制百事可乐标志,注意:1、ALT键的使用2、滤镜的使用,绘图实例二：绘制五角星和星星,注意:1、颜色的填充2、图层的使用3、复制并应用变形的使用,复制并应用变形,绘图实例三:制作扇子,1.导入扇面图分离后用魔棒删除扇面多余部分,变形工具将扇面缩放到适当大小.2.复制并应用变形制作扇子骨,基本动画类型,1逐帧动画2动作补间动画3形状补间动画4引导动画5遮罩动画,逐帧动画,逐帧动画技术利用人的视觉暂留原理，快速地播放连续的、具有细微差别的图像，使原来静止的图形运动起来。,补间动画,在一个图层的两个关键帧之间建立补间动画关系后，Flash会在两个关键帧之间自动生成补充动画图形的显示变化，达到更流畅的动画效果，这就是补间动画。动作补间动画则是指在时间轴的一个图层中，创建两个关键帧，分别为这两个关键帧设置不同的位置、大小、方向等参数，再在两关键帧之间创建动作补间动画效果形状补间动画是基于所选择的两个关键帧中的矢量图形存在形状、色彩、大小等的差异而创建的动画关系，在两个关键帧之间插入逐渐变形的图形显示。动作补间不同，形状补间动画中两个关键帧中的内容主体必须是处于分离状态的图形，独立的图形元件不能创建形状补间的动画。,引导动画,引导层作为一个特殊的图层，在Flash动画设计中的应用也十分广泛。在引导层的帮助下，可以实现对象沿着特定的路径运动。要创建引导层动画，需要两个图层。一个引导层一个被引导层。,遮罩动画,要创建遮罩动画，需要有两个图层，一个遮罩层，一个被遮罩层。要创建动态效果，可以让遮罩层动起来。对于用作遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或影片剪辑，可以使用补间动画。,在制作Flash动画时，也会遇到某个对象在舞台中多处出现的情况。如果把每个对象都分别制作，这样既费时间又增加了文件大小。为此，Flash设置了“库”，将这样的对象放置其中，形成称为“元件”的对象，在需要元件对象上场时，只需用鼠标将该元件拖到舞台中即可。元件分为3类，即影片剪辑(用于制作动画)、图形(用于制作静态元素)、按钮(是制作交互动画的基础)。,元件、库的概念,1绘制一颗星星2.制作闪动的星星影片剪辑元件。将绘制的星星元件拖到工作区中，按F6在第5帧插入关键帧，并选择“任意变形工具”将星星放大，复制第一帧，然后右键单击时间轴第10帧，在弹出来的快捷菜单中选取“粘贴帧”，创建运动渐变。如图：,闪烁的星星实例：,创建运动渐变,3.闪烁的星星就做好了，将影片剪辑拖至场景中，适当调整其大小及位置，如图：,图将影片剪辑元件添加到影片中,4.制作完毕，按【Ctrl】【Enter】测试影片,用遮罩制作简单视觉特效,操作要点：遮罩、形状补间动画、复制并运用变形1、创建影片剪辑元件，名为“曲线动画”；把图层名称更改为“曲线”；画一条曲线，笔触高度为2，颜色任意；选中曲线（“修改”-“形状”-“将线条转换为填充”），将线条转换为填充。如图1：,2、在该元件中创建新图层，名称为“矩形”；把该图层放在“曲线”图层的下方；画一个矩形，从左到右渐变，中间白色透明度为100%，两边白色透明度为0；把矩形放到曲线的右边。如图2：,3、在“矩形”图层的第10帧处插入关键帧，把矩形放到曲线的左边，并创建动画补间。如图3：,4、在“矩形”图层的第25帧和40帧处插入关键帧，并创建动画补间；把40帧处的矩形透明度都设为0并将宽度变小。如图4：,5、把“曲线”图层上的帧延长到第40帧处，选中图层，右键选择“遮罩层”。6、从库中把“曲线动画”元件拖入到主场景中的合适位置，将中心点（小白圆）往右拖离一定矩离；打开“窗口”-“变形”，在“旋转”中输入30，点击下面的“复制并运用变形”按钮，连按11次。如图5：,用遮罩制作字幕效果,遮罩特效之流动的水面效果,效果欣赏：操作步骤：1、准备一张合适的图片，最好是有倒影的，而且水面比较干净的图片，把这个图片倒入到FLASH里，按CTRL+B打散，把里面有水的部分取出来（可用PS等图象处理软件里来处理），如下图。把它转换成为“影片剪辑”元件。,2编辑这个元件。在水的图片所在图层上再建一个图层，用来放黑色的条纹来做遮罩，然后就开始画条纹，用矩形工具去边来画，画的越细越好，如下图：3、然后开始制作条纹从上到下的动画，建议播放速度为24F/S以上，移动的距离自己来调整，这是一个细心活儿，可能要调整很多次才能达到合适的效果：,4、做好以后回到主场景，把原图片拖出来作为背景，在背景上新建一个图层来放刚才做好的水波文件，调整一下位置（注意背景不要动，只调整上面的水波）到满意的效果。然后根据情况不断修改，到自己满意的效果。,遮罩特效之图片切换,用遮罩实现图片切换的原理讲解效果欣赏：操作要点：1、导入需要变换的图片，至少3幅；2、新建一个影片剪辑，制作一个方形变大的形状补间动画，最后一帧添加“stop”语句。然后再新建一个影片剪辑，放置多个方形变大的影片剪辑，保存为“方形变换组”，如下图所示：,方形变换组剪辑,一个方形变大的剪辑,3、同样的道理再制作2个类似的影片剪辑（只要你能想象出来的变换，相应的每一个变换影片剪辑中的最后一帧添加“stop”。），这里做一个由窄变宽的长方形和一个由小变大的圆的影片剪辑分别命名为百叶窗叶片和圆变，再分别新建两个影片剪辑，放置多个以上两个变换并分别保存为百叶窗和圆变换组，如下图所示：,注意：做变换组时将帧数设置成与单个变换一样多（20帧），这样不容易出现抖动。,20帧,最后，按如下方式叠放图片及切换效果,可以自己设计变换效果，得到其他的切换效果。,水滴波效果,效果,水波的制作,最后，按如下方式叠放图片及切换效果,1.默认文档大小550*400.2.插入-新建图形元件“风铃”。当前层直线工具，笔触色任意，填充色禁止绘制一个圆和一根直线，流程图如下:,上机练习实例一：摇曳的风铃,3.上色。放射状填充#FFFFFF15%#FFFFFF45%，把黑色边线去掉，效果如图：,5.新建图层“绳子”。直线工具修改属性，样式改为点状线，调整笔触大小绘制一条直线，笔触色为白色,4.新建图层命名为“高光”，绘制白色的光线，增加立体感,6.新建图层“星星”。选择多角星形工具绘制五角星,7.新建影片剪辑元件“风铃动”。把“风铃”元件拖拽到“风铃动”舞台。20、40帧分别插入关键帧，任意变形工具选中第20帧，变形点放在顶端，第一帧变形点放在顶端往左移动一点点，第40帧变形点放在顶端往右移动一点点，1、20帧点右键补间动画。选中图层，第一帧点右键复制帧41帧黏贴帧，翻转帧。8.回到主场景拖入风铃剪辑，并加上文字。,动画效果演示,上机练习实例二：展开的卷轴,操作步骤：,1）新建flash文件，设置影片属性如图：,卷轴元件制作-绘制矩形,2）新建图形元件“卷轴”，选择工具栏上的矩形工具，设置渐变填充，画出矩形如图：,卷轴元件制作-绘制卷轴两端,3）插入图层2，选择工具栏上的矩形工具，设置渐变填充，绘制卷轴的两端，如图：,画面元件制作-绘制矩形,4）新建图形元件“画面”，将图层1重命名为“矩形1”，选择工具栏上的矩形工具，绘制矩形如图：,画面元件制作-绘制白色矩形,5）新增图层“矩形2”，用工具栏中的矩形工具绘制一填充色为白色的矩形，适当调整位置，如图：,6）新增图层“花纹”，用工具栏中的铅笔工具绘制卷轴的花边，绘制好一个后，其他花边可通过复制完成，并打开“对齐面板”，调整花边位置，如图：,画面元件制作-绘制周围花边,画面元件制作-输入文字,7）新增图层“文字”，字体设为“华文行楷”，字号为100，输入文字“难得糊涂”，如图：,8）至此图形元件“画面”完成。新建影片，将图符“画面”拖至编辑区中央，图层1重命名为“画面”。新增图层“遮罩”，绘一高200，宽为1的矩形并居中对齐，如图：,创建形状渐变并生成遮罩层,9）按F6在第25帧处插入一关键帧，单击工具栏上的任意变形工具，将矩形向两边拉伸，使其和卷轴画面重合，创建形状渐变，右键单击“遮罩”图层，选择快捷菜单中的“遮罩层”选项，如图：,创建右侧卷轴运动渐变,10）新增图层“卷轴1”，将图符元件“卷轴”拖至编辑区中，打开对齐面板，将其垂直中齐并