当前位置:首页 >> 其它课程 >>

第八周2课时-flash-flash


领略flash动画制作的魅力 2课时

任务二 风车转动——制作传统补间动画
(1) 单击菜单栏中的“文件(F)”→“打开(O)…”命令,打开配套教学资源包中“ 第4章\素材\风车转动.fla”文件,如图4-2-1所示。 (2) 单击“时间轴”面板中“新建图层”按钮,在“背景”图层上创建一个新 图层,命名为“风车”。 (3) 单击“插入(I)”→“新建元件(N)…”命令,新建一个名为“风叶”的影片剪辑 元件,如图4-2-2所示。单击“确定”按钮。

图4-2-2所示

图4-2-1所示

在“风叶”影片剪辑窗口中,利用椭圆工具绘制一个正圆,参数见图4-2-3。

(4) 单击“视图(V)”→“标尺(R)”命令,打开窗口标尺,以圆心为中心点分别拖曳 水平、垂直方向的两根辅助线,再使用直线工具将整个圆分割成八份,如图4-2-4 所示。

图4-2-4 正圆分割为八份

(5) 利用颜料桶工具将其中七个区域分别填入如表4-2-1所标明的七种颜色。 表4-2-1 七种颜色代码 (6) 在“风叶”元件“图层1”的第25帧处,单击鼠标右键,选择“插入关键帧”。 (7) 在“图层1”第1帧至第25帧任意帧处单击鼠标右键,选择“创建传统补间”(也可 以选择“插入(I)”→“传统补间(C)”命令)。
颜色 赤 橙 黄 绿 青 蓝 紫

代码

#CC0000

#FF6600

#FFFF00

#00FF00

#0033FF

#000066

#330066

(8) 选择传统补间动画中任意一帧,单击 图4-2-5 “传统补间”属性 “属性”面板标签,打开“属性”面板,设 置传统补间动画的“补间”项的“旋转”为 参数 “顺时针”,如图 4-2-5 所示。播放“风叶” 影片剪辑动画。 注意:“属性”面板中“补间”选项可设 置动画的运动速度、旋转方向与旋转次数等。 缓动:用于调整动画在两个关键帧之间的 变化速度,默认情况下变化是匀速的。 旋转:“无”表示不设定旋转;“自动” 表示可以在需要最少动作的方向上将对象旋 转一次;“顺时针”表示可以将对象进行顺 时针方向旋转,并在右侧设置旋转次数; “逆时针”表示可以将对象进行逆时针方向 旋转,并在右侧设置旋转次数。

(9) 返回“场景”窗口,在“背景”层上新建一个“风车柄”图层,利用直 线工具绘制如图4-2-6所示的风车柄。

图4-2-6 风车柄

(10) 单击“风叶”图层第1帧,将库中“风叶”元件分别拖曳到三个合适的位置, 并利用“变形”面板调整三个风叶的大小,得到最终效果图如图4-2-7所示。 (11) 单击菜单栏中的“控制(O)”→“测试影片(M)”命令,对影片进行测试。 注意:传统补间动画可制作出对象的旋转、位移、变形、透明度及色彩变化的 动画效果。

任务三 桃花朵朵——制作补间形状动画

(1) 单击菜单栏中的“文件(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”第1帧,按Enter键观看补间形状动画效果。 (9) 返回场景1,单击菜单栏中的“插入(I)”→“新建元件(N)…”命令,新建一 别个名为“花蕊变形”的影片剪辑元件。 (10) 在“花蕊变形”的影片剪辑窗口,单击“图层1”第40帧,按F6键插入关键 帧,利用椭圆工具绘制一个正圆,颜色填充效果如图4-3-6所示。

图4-3-6 “花蕊变形”影片剪辑

(11) 单击第1帧,将“花蕊变形”影片剪辑窗口第40帧的图形对象复制到第1帧 ,利用“变形”面板,将图形对象缩小为10%。右击“图层1”第1帧至第40帧中 任意一帧,选择“创建补间形状”。鼠标单击“图层1”第1帧,按Enter键观看“ 花蕊变形”补间形状动画效果。 (12) 在“库”面板中,右击“花瓣变形右上”,在弹出的菜单中选择“直接复 制”。在“直接复制元件”对话框中,建立“花瓣变形右下”影片剪辑,如图43-7所示。

(13) 编辑“花瓣变形右下”影片剪辑,利用“变形”面板将第40帧的元件实例旋 转90°,效果如图4-3-8所示。利用这种方法再制作三片不同的花瓣元件,分别命 名为“花瓣变形左上”、“花瓣变形左下”和“花瓣变形中”。

图4-3-8 “花瓣变形右下”影片剪辑(二)

(14) 返回场景1,单击菜单栏的“插入(I)”→“新建元件(N)…”命令,新建 一个名为“桃花”的影片剪辑元件。将五个花瓣影片剪辑元件和“花蕊变形” 影片剪辑元件分别拖曳到“桃花”影片剪辑窗口,利用选择工具调整至合适 的位置,如图4-3-9所示。单独调整每一瓣花瓣时,可在“花瓣”影片剪辑 窗口用鼠标双击实例对象,如图4-3-10所示。

(15) 返回场景1,将“图层1”的名称改为“背景”。并在“背景”层,利用线条 工具绘制如图4-3-11所示的桃枝。在等40帧处插入“普通帧”。

(16) 锁定“背景”图层,在“背景”图层上方新建一个“桃花”图层,将“桃花” 影片剪辑元件拖曳到舞台,并利用任意变形工具对“桃花”元件实例进行大小 调整。如图4-3-12所示。 (17) 单击菜单栏中的“控制(O)”→“测试影片(M)”命令,对影片进行测试。

图4-3-12 “桃花”影片剪辑实例位置


相关文章:
初中flash教案
五、教学进度 周 次初识 Flash 内 容 地点 课时 机房 2 第三周 逐帧动画 第四周 至第六周多层动画 机房 6 第七周 至第八周 第九周 第十周 至十一周 ...
九年级(上册)flash信息技术教案2016.9.1_图文
信息技术教案(九年级上册) 哈族中学 阿依古丽 .夏克尔 O0 七年 8 月 29...其中 17 周正式课时,一周复习。 第一课 FlashFlash 动画 本节主要介绍 ...
flash8(动作补间动画)
flash8(动作补间动画)_中职中专_职业教育_教育专区。课科目 课题 时 教第 案授课教师: 周第 课时 年月日 济南电子机械工程学校 、济南第二职业中专 制作动作...
flash教学计划
flash教学计划_教学计划_教学研究_教育专区。flash 课程教学计划 201509—201512...2.利用帧帧动画的制作手法,发挥学生的想象 第八课时:图层的认识教学内容: 1....
flash教学进度表
宣城职业技术学院教师授课课程教学进度表 2006 至 2007 学年度第 学期 2007...flash 基础知识及其创作环境 授课课程 Flash 动画制作` 授课教师 裴云霞 周课时...
第8周模块二Flash动画制作第3节《元件》教学设计_图文
第8 周共 1 课时 同意实施 辛世荣 2016 年 10 月 10 日 第 8 周模块二 Flash 动画制作第 3 节《元件》教学设计一、学生学习分析 上节课在制作“小球沿...
(教案)浙教版 新教材 八下第2课 走进Flash
二课 走进 Flash 1、通过 Flash 软件界面的熟悉和 Flash 文档属性的设置,进一步熟悉 Flash 软件 目标 及其基本功能; 2、通过制作简单地逐帧动画作品,学会时间...
Flash 动画制作兴趣活动小组计划
Flash 动画制作兴趣活动小组计划_解决方案_计划/解决方案_应用文书。Flash 动画制作...四、 活动的时间和地点 时间:每周三下午第三节课 地点:机房一、五、 指导...
制作Flash动画2课时——补间动画
制作Flash动画2课时——补间动画_其它课程_初中教育_教育专区。制作基本动画——...○ 图 8.3-6 拖入“小猪”图片 5 单击第 1 帧,在帧“属性”面板中,设置...
Flash动画教案两课时
Flash动画教案两课时_其它课程_初中教育_教育专区。Flash 动画基础教案 内容分析:...请一学生讲解演示 学生通过对任务一、任务,完成了自己第一个动画,培养学生的...
更多相关标签: