《实验三 flash的动画设计》由会员分享，可在线阅读，更多相关《实验三 flash的动画设计（20页珍藏版）》请在金锄头文库上搜索。
1、实验三实验三 FlashFlash 的动画设计的动画设计一、实验目的一、实验目的熟练掌握动画补间、传统动画补间、形状补间动画的设计与制作 掌握引导动画和遮罩动画的设计与制作 掌握能实现运动动画的几种对象； 掌握用元件来制作运动动画； 掌握淡入淡出效果的制作； 掌握色彩变换动画效果的制作； 掌握加速减速运动动画的制作；二、实验内容二、实验内容1、掌握制作变形动画的基本操作；能够利用添加变形提示点使动画效果更加美观。 2、制作各种动画效果。三、实验步骤三、实验步骤(一)动感球体的制作：首先制作一个球如下图，分别在 20、40、60、80 帧处调整渐变位置，并在图层中创建形状补间。（二） 同底等高三
2、角形面积相等的变形动画:制作如下图形状，图层 1 制作形状，图层 2 制作线条。（三）动感反弹球动画效果：1、 首先制作一个球的元件和一个投影的元件2、 在图层一中放置投影元件，图层 2 中放置球3、 在图层 2 中 13 帧处插入关键帧，并做垂直向下的位移；在 17 帧处插入关键帧，对球做变形处理，在 21 帧处插入关键帧，还原球变形；在 35 帧处插入关键帧对球做垂直向上位移。4、在图层 1 中分别在 13、21、35 帧处插入关键帧，在 13 和 21 帧对阴影元件做缩小处理。（四）水滴动画效果：首先自作水滴和圆圈元件对水滴做垂直向下动画，如图层 1 所示；下一图层做圆圈放大和透明度渐变
3、的动画，如图层 2 所示；然后复制图层 2 动画帧，并在前面插入帧。（五）月亮环绕地球运动: （六）飘落的树叶:（七）利用 Flash 的遮罩制作简单视觉特效1、创建影片剪辑元件，名为“曲线动画”；把图层名称更改为“曲线”；画一条曲线，笔触高度为 2，颜色任意；选中曲线（“修改”-“形状”-“将线条转换为填充”），将线条转换为填充。如图 1：2、在该元件中创建新图层，名称为“矩形”；把该图层放在“曲线”图层的下方；画一个矩形，从左到右渐变，中间白色透明度为 100%，两边白色透明度为 0；把矩形放到曲线的右边。如图 2：3、在“矩形”图层的第 10 帧处插入关键帧，把矩形放到曲线的左边，并创建
4、形状补间动画。如图 3：4、在“矩形”图层的第 25 帧和 40 帧处插入关键帧，并创建补间动画；把 40 帧处的矩形透明度都设为 0并将宽度变小。如图 4：5、把“曲线”图层上的帧延长到第 40 帧处，选中图层，右键选择“遮罩层”。6、从库中把“曲线动画”元件拖入到主场景中的合适位置，将中心点（小白圆）往右拖离一定矩离；打开“窗口”-“变形”，在“旋转”中输入 30，点击下面的“复制并运用变形”按钮，连按 11 次。如图 5：（八）用遮罩技术做图像变换特效第一步、导入需要变换的图片，这里用了 3 幅；第二步、新建一个影片剪辑，制作一个窄条变宽的补间动画（当然这个窄条的高度最好比你那个图片要高
5、）；然后再新建一个影片剪辑，放置多个窄条变宽的影片剪辑，保存为变换 1，如下图所示：同样的道理再制作 2 个类似的影片剪辑（只要你能想象出来的变换），这里我做了一个旋转的由小变大的方形和一个旋转的由小变大的五角星，分别保存为变换 2 和变换 3 ，如下图所示：第三步、就是在场景中的图层一中分别放置 3 幅图片，每幅图片持续的时间长短由影片剪辑中动画的变换快慢决定。这里我的变换用了 25 帧，所以每幅图片也持续 25 帧，但为了让图片的显示有一个停顿，我每幅图片都用了超出 25 帧，相应的每一个变换影片剪辑中的最后一帧添加了“stop”。第四步、在图层二中分别将 3 种变换效果的影片剪辑放置对应
6、的图片上，对图层 2 应用遮照，这个图像变换效果就作出来了。四、扩展 柳枝柳枝,小鱼小鱼,涟漪和水波动画涟漪和水波动画 本 flash 教程是关于动画的建造，首要由柳枝的建造体例、小鱼建造体例、涟漪的建造体例、 水波的建造体例几个部门组成，但愿对您有所辅佐！有一些伴侣固然有点绘画功底，但苦于没有扫描仪、手绘板等等专业工具，总不能驾轻 就熟。其实只要您有一只不错的鼠标，操纵好 Flash 中自带的绘画工具，再加上细心与耐心， 即使没有受过专业绘画练习，您也一样可以建造出很标致的动漫画结果。下面我们一路来看 看 Flash 鼠绘春之恋的建造结果和绘制过程吧！结果图新建 550*400 文档。一、柳
7、枝的建造1、新建元件，图形，名称柳枝 1。用笔刷工具，颜色：A9A945，画一条柳枝，(也可以用直线等其他工具来画)。再用笔刷工具画出叶子，放射状填充，左色标，009900，右色标 99CC33。图 12、新建元件，影片剪辑，名称：柳枝动 1。从库中把柳枝 1 拖进来，点变形工具，把注册点移到柳枝的根部。第 14 和 34 帧插入关 头帧，建立动画补间。图 2在第 14 帧，把柳枝扭转必然的角度。图 33、按照上面的体例，再画 2、3 个分歧的柳枝，然后制成柳枝动的元件，每个元件帧长 短纷歧，扭转角度巨细纷歧(但不要转变太大)，这样柳枝飘动看起来自然些。二、小鱼建造1、新建元件，影片剪辑，名称
8、:鱼 1。选择椭圆工具和矩形工具，笔触色肆意，填充色禁止，把对象绘制点下去，在属性栏里， 设置为极细，场景放大到 800 倍。画一个椭圆和长方形。图 4用黑箭头工具配合 ALT 键调整成鱼形。图 5画眼，嘴，鳍等。图 6全选中,ctrl+B 打散,填充颜色,鱼身,鱼尾,线性:左 8C8C8C,中 C8C8C8,右 848484鱼鳍,线性,左 BBBBBB,右 999999眼,纯色,黑色,嘴,白色,删除所有线条,完成图。图 7在第 3,5,7 帧插入关头帧，第 3 帧把鱼尾向上调 图 8第 7 帧鱼尾向下调。图 9OK 鱼儿动的元件做好了,不是很难吧,相信你画得更好。再做一条鱼,在库中找到适才做
9、的鱼 1 元件,选中,点鼠标右键,点直接复制。图 10更名为鱼 2，这样获得了一个新元件。图 11从库中双击鱼 2 元件,进入它的编纂区内,改鱼的颜色身：线性,左 FF0000,中 FFFF00,右 999999 两侧鳍:线性,左 FF0000,右 FFFF00背脊鳍：线性,摆布 FFFF00,中 FF0000,色标摆放如图：图 12其他部位颜色不改动，注重每个关头帧都要悔改来。小鱼完成结果图：图 13三、涟漪的建造1、圆圈元件：新建元件,图形,名称圆圈,用椭圆工具,填充禁止,笔触色肆意,画一个椰圆,用变形工具选中,打开变形面板,约束打上 勾,70%,点复制并运用变形一次,再获得一个小圆,图
10、14选中两个圆打散,放射状填充,摆布 009966,Alpha 为 0,中 FFFFF9,Alpha100%,用填充变形工 具,调整如下图：图 152、涟漪元件新建元件,影片剪辑,名称涟漪点第一帧从库中把圆圈元件拖进来,并缩小(4.9*1.8)在第 40 帧插入关头帧,选中元件,放大(100*37), 并在属性面板里,调整 Alpha 为 0,建立动 画补间。增添两个层,选中第一层,点右键,复制帧图 16分袂粘贴到第二层的第 4 帧,第三层的第 8 帧上。把第三层后面的关头帧拖到第 55 帧上,并耽误到 80 帧,在第 81 帧插入空白关头帧,打开 动作面板加上语句 stop();图 17四、
11、水波的建造新建影片剪辑元件,名称水波。1、画布景:用矩形工具,笔触色禁止,线性填充,左 CCF5FF,右 009966,画一个 550*400 的矩 形,填充变形工具调整颜色。图 182、选中矩形,ctrl+c 复制，增添图层 2，ctrl+shift+v 粘贴到当前位置,选中图层 2 的矩形用 标的目标键向上移动 3 个像素。这两个图层都耽误到 120 帧，上锁。3、增添图层 3,用矩形工具,画一个长条,选中长条,按住 ALT 键,拖拽出多个长条(整体巨细 约 550*515),用黑箭头工具和橡皮擦工具调整为犯警则图形,也可以用刷子工具来画。图 19全选,转换为元件,图形,名称为遮片。第 120 帧插入关头帧，回到第一帧建立动画补间，再选中遮片，让它的底与布景的底对 齐。图 20第 120 帧遮片的顶与布景图的顶对齐。图 21把图层 3 转为遮罩层。图 22桃花的绘制：好了,这些元件都做好了,就可以组装场景了,自己感受怎么标致就怎么弄吧!
