文档详情

flash8教程4_综合动画.doc

发布:2017-09-28约字共30页下载文档
文本预览下载声明
综合动画 1、Flash8 遮罩动画-闪光的五星 实例效果:利用渐变色制作立体感的五角星,利用遮罩效果做出闪烁的光芒(很有技巧性) 教学目标:进一步掌握遮罩效果的原理及应用技巧。 一、新建〖FLASH 文档〗 ,场景大小为 400×400 像素,背景色为黑色,其它默认,确定。 二、绘制五角星 1、新建图形元件,名称为【五角星】,选择多角星形工具在“五角星”的编辑舞台中绘制 一个任意大小的无填充色的五角星,然后用直线工具连接每个角的对角线,见图 2、给五角星填充颜色,打开混色器,选择线性填充,颜色代码分别为:左,#FF0000(红), 右,#990033(深红),填充方法见图,注意相邻两格的填充方向是相反的(只要用颜料桶工具在每一格中向顶角或向中心方向拖动填充,也可以用填充变形工具调整出更好的立体效果来) 删除五角星的轮廓线,五角星元件就做好了 三、制作光线元件 1、新建图形元件,名为〖光线〗 。选择椭圆工具,线条颜色代码为:EBE9C5,笔触高度为3,画一个无填充色的正圆,并画一条长200的直线与圆相切。如下图: 单击第一帧同时选中它们,选菜单“修改-形状-将线条转换为填充”把线条转换为填充色(做遮罩层线条必需转换成填充才能起效果) 单击任意变形工具,选中上面图形,把注册点移到圆心位置,打开变形面板,设置旋转20度,鼠标左键点击“复制并应用变形”按钮17 次,舞台居中对齐,见效果图 四、返回主场景 (1)添加3个图层,共 4层。分别改图层名称,见图 (2)、选中背景图层的第一帧,打开混色器,选择放射状,颜色代码分别为左起,1.FCE836, 2.FC773F,3.BA2501,4.3C0C00。在舞台中画一个无边框 400×400 像素的正方形, 居中对齐舞台中心,在第 30帧处插入普通帧, (3)、选中光线图层的第一帧,从库中把光线元件拖入到舞台,对齐舞台中心,在第30帧插入关键帧,设置1-30帧的补间动画,逆时针旋转2次 (4)、选中遮罩图层的第一帧,从库中把光线元件拖入到舞台,对齐中心,选菜单“修改-变形―水平翻转”把光线元件水平翻转,如图 在第30帧插入帧。 右击遮罩层,选菜单“遮罩层” (5)、选中五角星图层的第一帧,把库中的“五角星”元件拖入到舞台,调整大小,对齐舞台中心,在第30帧插入帧。如图 遮罩后的舞台效果图,选菜单“控制-测试影片”可看到效果。 2、动感水珠 实例效果:水珠从鲜艳的果实上渗透出来,慢慢滚落下来。 教学目标:进一步提高经典的flash效果制作技术 1、新建一个文件,背景色浅蓝:#0099FF,这样容易看出画水珠效果 2、新建一个图形元件命名为水珠,。进入水珠元件编辑舞台。为了便于操作,把舞台 放大到800%,选椭圆工具, 关闭笔触颜色, 打开混色器, 选择放射状填充,再添加两个色块,从左向右依次是:黑色 Alpha100% ,黑色 Alpha60%, 黑色 Alpha0% ,黑色 Alpha0% 如图一 图 1 在图层一上画一个 15×18 像素的椭圆,见图二。 单击填充变形工具,在图二的椭圆上单击,该填充区的中心会显示出来,同时边框也会显示出来,中心和边框上带有编辑填充色的手柄,鼠标指向不同的手柄鼠标指针会发生相应的改变,如图 拖动上面的手柄调整填充色,见图三, 用任意变形工具选中椭圆旋转一下角度,见图四 打开变形面板,约束打勾,宽高设为 90%,点选复制并应用变形按钮一次, 在舞台空白处单击鼠标取消椭圆选中状态,打开混色器,选择放射状填充,从左向右依次是:白色 Alpha0% 白色 Alpha0% 白 色 Alpha30% 白色 Alpha0% 白色 Alpha0% ,用养料桶填充椭圆后用填充变形工具仿前稍加调整,见 图六效果 添加一个图层,在这个图层上给水珠画一个椭圆做高光效果。打开混色器,选择放射状填充,从左向右依次是:白色 Alpha100% 白色 Alpha100% 白色 Alpha0% 在水珠上画一个 7 像素的正圆 完成效果后如图七 3、再新建一个影片剪辑元件, 点插入-—新建元件——类型选择 (影片剪辑) ——名称: 水珠动——确定。进入元件编辑舞台,在图层一把水珠元件拖入到舞台,舞台居中对齐。在第25、26、27、28、29、30、31、55 帧插入关键帧,在第1帧中设置水珠大小为2×2.5,在第 26、27、28、29、、30、帧用任意变形工具适当调整水珠的方向从而达到水珠左、右晃动快掉下来的效果,选第55 帧在属性面板中修改水珠大小为 7×7.8像素,并移动水珠到场景下方适当位置以达到水珠落下并变小一点的效果。在第 56 帧插入空白关键帧,在第 65 帧插入帧。做1-55帧的补间动画。则1-25帧水珠由小变大,26-31帧水珠左右晃动,31-5
显示全部
相似文档