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

第八周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 第二周 逐帧动画 第三周 多层动画 第四周 导入...计划课时 1 课时 教学过程 一、新课导入 展示几个非常有趣的 Flash 动画,激发...
FLASH第二学期计划
Flash》课程第二学期教学计划一、学科分析: 2010---2011 学年度第二学期,我...8 9 10 11 12 13 14 15 16 17 18 第六周 4.4-4.10 第七周 4.11-4....
flash课程指南
年级第一学期 总学时 72 教学周数 18 周学时 4 1611312 李如超主编.Flash...三.具体教学进程年级第一学期 周次时数 章节进度 练习与作业 辅导 课时 4 ...
第五章 FLASH (2课时)
第五章 FLASH (2课时)_其它课程_高中教育_教育专区。5.1.2 数字化图像的...二:认识 Flash 8 操作环境 1.菜单栏 2.工具栏 3.面板属性 三:绘制七巧板 ...
初中flash教案
五、教学进度 周 次初识 Flash 内 容 地点 课时 机房 2 第三周 逐帧动画 第四周 至第六周多层动画 机房 6 第七周 至第八周 第九周 第十周 至十一周 ...
二年级Flash动画课程标准第一学期_
年级Flash动画课程标准第一学期__数学_小学教育_教育专区。年级 FLASH 动画第一学期 课程标准月单元 课时 周单元 第一周 初识 FLASH 动画 教学内容 1.FLASH...
flash实验课
课次1-1 1-2 2-1 内容 第 1 章 Flash 动画基础知识 第 2 章 快速熟悉...8-1 8-2 9-1 9-2 《数字动画原理与设计》实验报告要求(第八周交实验报告...
第五课-动画制作—制作男孩儿行走—逐帧动画_图文
制作男孩儿行走——逐帧动画 教学班级 10 动画 2 时间(月 日节) 第八周 4 教学分析 学习任务内容及定位分析 逐帧动画是 Flash 动画类型中的一种,也是与动画...
flash教学计划
flash教学计划_教学计划_教学研究_教育专区。flash 课程教学计划 201509—201512...2.利用帧帧动画的制作手法,发挥学生的想象 第八课时:图层的认识教学内容: 1....
flash教学进度表
(4) 创建动画及发布与导出 课程 Flash 动画制作` 教课教师 米吉提 周课时数 15 目标要求 1 (1) 难点重点详细讲解 (2) 结合实例,启发学生的创新意识 (3) ...
更多相关标签:
初中各学科周课时标准 | 中小学教师周课时标准 | 高中各学科周课时标准 | 教师法规定周课时 | 周内课时练 | 小学课程标准周课时 | 教育部规定小学周课时 | 广东省教师周课时标准 |