第八周2课时-flash-flash讲解.ppt

?领略flash动画制作的魅力2课时 任务二 风车转动——制作传统补间动画 (1) 单击菜单栏中的“文件(F)”→“打开(O)…”命令，打开配套教学资源包中“ 第4章\素材\风车转动.fla”文件，如图4-2-1所示。 (2) 单击“时间轴”面板中“新建图层”按钮，在“背景”图层上创建一个新图层，命名为“风车”。 (3) 单击“插入(I)”→“新建元件(N)…”命令，新建一个名为“风叶”的影片剪辑 元件，如图4-2-2所示。单击“确定”按钮。 图4-2-1所示 图4-2-2所示 在“风叶”影片剪辑窗口中，利用椭圆工具绘制一个正圆，参数见图4-2-3。 (4) 单击“视图(V)”→“标尺(R)”命令，打开窗口标尺，以圆心为中心点分别拖曳出 水平、垂直方向的两根辅助线，再使用直线工具将整个圆分割成八份，如图4-2-4 所示。 图4-2-4 正圆分割为八份 颜色 赤 橙 黄 绿 青 蓝 紫 代码 #CC0000 #FF6600 #FFFF00 #00FF00 #0033FF #000066 #330066 图4-2-5 “传统补间”属性参数 (8) 选择传统补间动画中任意一帧，单击“属性”面板标签，打开“属性”面板，设置传统补间动画的“补间”项的“旋转”为“顺时针”，如图4-2-5所示。播放“风叶”影片剪辑动画。 注意：“属性”面板中“补间”选项可设置动画的运动速度、旋转方向与旋转次数等。 缓动：用于调整动画在两个关键帧之间的变化速度，默认情况下变化是匀速的。 旋转：“无”表示不设定旋转；“自动”表示可以在需要最少动作的方向上将对象旋转一次；“顺时针”表示可以将对象进行顺时针方向旋转，并在右侧设置旋转次数；“逆时针”表示可以将对象进行逆时针方向旋转，并在右侧设置旋转次数。 (5) 利用颜料桶工具将其中七个区域分别填入如表4-2-1所标明的七种颜色。 表4-2-1 七种颜色代码 (6) 在“风叶”元件“图层1”的第25帧处，单击鼠标右键，选择“插入关键帧”。 (7) 在“图层1”第1帧至第25帧任意帧处单击鼠标右键，选择“创建传统补间”(也可 以选择“插入(I)”→“传统补间(C)”命令)。 (9) 返回“场景”窗口，在“背景”层上新建一个“风车柄”图层，利用直线工具绘制如图4-2-6所示的风车柄。 图4-2-6 风车柄 (10) 单击“风叶”图层第1帧，将库中“风叶”元件分别拖曳到三个合适的位置， 并利用“变形”面板调整三个风叶的大小，得到最终效果图如图4-2-7所示。 (11) 单击菜单栏中的“控制(O)”→“测试影片(M)”命令，对影片进行测试。 注意：传统补间动画可制作出对象的旋转、位移、变形、透明度及色彩变化的 动画效果。 任务三 桃花朵朵——制作补间形状动画 单击菜单栏中的“文件(F)”→“新建(N)…”命令，打开“新建文档”对话框， 选择“Flash文件(ActionScript 3.0)”文件。 (2) 单击菜单栏中的“修改(M)”→“文档(D)…”命令，设置文档属性，如图4-3-1 所示。 (3) 单击菜单栏中的“插入(I)”→“新建元件(N)…”命令，建立“花瓣”图形元件， 利用线条工具和选择工具绘制花瓣，选择颜色填充类型为“放射状”。颜色参数 如图4-3-2所示。 图4-3-2 “花瓣”元件颜色参数 (4) 单击菜单栏中的“插入(I)”→“新建元件(N)…”命令，新建一个名为“花瓣变 形右上”的影片剪辑元件，如图4-3-3所示。 图4-3-3 创建“花瓣变形右上”元件 (5) 在“花瓣变形右上”时间轴窗口，单击“图层1”第1帧，将“花瓣”图形元件拖 曳到“花瓣变形右上”影片剪辑窗口；单击“图层1”第40帧，按F6插入关键帧， 利用任意变形工具将“花瓣”图形元件实例变形，如图4-3-4所示。 图4-3-4 “花瓣变形右上”元件 (6) 将“花瓣变形右上”影片剪辑窗口“图层1”第1帧和第40帧的元件实例用 “Ctrl+B”快捷键转换为矢量图。 (7) 用鼠标右击“图层1”第1帧至第40帧中任一帧，选择“创建补间形状”。本图 层颜色变为淡绿色，如图4-3-5所示。 图4-3-5 补间形状图层颜色 注意：在Flash的“时间轴”面板上，在一个时间点(关键帧)绘制一个形状，然后在另一个时间点(关键帧)更改该形状或绘制另一个形状，Flash根据两者之间的帧的值或形状来创建的动画被称为“补间形状动画”。 这两个关键帧中的对象必须是可编辑的图形，如果是其他类型的对象，则必须将其转换为可编辑的图形。 这两个关键帧中的图形必须有一些变化，否则看不出动画效果。 (8) 用鼠标单击“图层1”第