第一讲 界面认识与鼠绘基础

1、第一讲 界面认识与鼠绘基础一、熟悉界面 1、界面： 工具栏（主工具栏、控制器、编辑栏）；时间轴（帧、图层）；舞台；工具面板；属性面板；其它面板 2、基本设置： 影片属性设置：尺寸（640*480，800*600）、背景色、帧频 关闭面板、调用面板二、鼠绘基础 1、明确矢量图与位图概念 2、绘制“01机器猫” （1）绘制背景。明确图层（图层文件夹）的概念、明确元件概念 天地：矩形工具、边线与填充、大小与位置、调色面板（渐变色）、颜料桶工具 云朵：椭圆工具、线型、选择工具、变形面板 草丛：铅笔工具（平滑）、“变形翻转” 栅栏：画笔工具 （2）绘制头部。强化铅笔工具、选择工具的应用 脸（蓝椭圆、白椭

2、圆）：旋转、缩放、扭曲；眼睛（眼眶、眼球） 鼻子 嘴 胡子 （3）绘制身体 身体，四肢，尾巴，铃铛 （4）保存、调试与发布三、课堂作业 完成“01机器猫”。要求：在画面左上角显示姓名，文件命名为“01机器猫-姓名”。第二讲 逐帧动画一、什么是逐帧动画？ 逐帧动画是一种常见的动画形式，是在时间轴上的每一帧都绘制不同的内容，再连续播放而成的动画。逐帧动画很类似于电影的播放模式，表现力强，灵活性大，适合于表演很细腻的动画。缺点是制作费时，输出的文件量大。二、制作简单的逐帧动画（以“宝贝眨眼”为例） （一）观看范例，分析原理 1、两个场面：睁眼、闭眼。说明至少需要两帧完成。 2、三个元素：人物（静）、

3、左眼（动）、右眼（动）。说明至少需要三层表现。 （二）制作单只眼睛的眨眼动画 1、设置影片属性（属性面板）：尺寸：640*480；背景色：白色 2、导入“睁眼”图：“文件”菜单导入导入到舞台 3、导入“闭眼”图： 插入空白关键帧： 选中第2帧，“插入”菜单时间轴空白关键帧 见下图 ，或按F7键。 “文件”菜单导入导入到舞台 4、测试：Ctrl键+Enter键。发现问题：动画播放速度太快。 5、思考：如何改变动画播放速度？ 改变帧频（属性面板）：12 fps（帧/秒）1 fps（帧/秒） 6、再次测试 7、思考：如果在不改变帧频的情况下，能否调整播放速度？ 将帧频改回12 fps（帧/秒）。 拖

4、动第2帧到13帧，则第1帧被延长至12帧，即睁眼持续1秒，其中2-12帧为普通帧；在第24帧处插入普通帧（“插入”菜单时间轴帧，或按F5键），则第13帧（原第2帧）被延长至24帧，即闭眼持续1秒，其中14-24帧为普通帧。 按照以上方法修改后的动画，仅第1、13帧为关键帧，其余帧均为普通帧，起到延续关键帧的作用，这种动画称为“关键帧动画”。 （三）完成“宝贝眨眼”动画 1、依照“制作单只眼睛的眨眼动画”的步骤，制作另一只眼睛的眨眼动画。注意： 新建一个图层，在图层2上制作 可以复制图层1的内容至图层2 2、制作人物层： （1）新建图层3，并将其拖动至最下面 （2）选中图层3第一帧，导入人物图，

5、询问是否导入一个序列时，选择“否” （3）调整图层1、图层2中眼睛的位置、方向、角度等 调整位置：使用选择工具托拽 调整方向、角度：选中对象，“修改”菜单变形旋转/翻转等 3、测试影片 4、保存与发布影片：先保存源文件，再按Ctrl键+Enter键，即可在保存位置发布一个播放文件（.swf）第三讲 复杂的逐帧动画一、什么是元件？ 在Flash中绘制的图形，或由外部图片文件导入后被分离（也成打散、分解，Ctrl+B）图形，属于“矢量图形”，它并不是Flash管理中的最基本单元。而“元件”，才是Flash中的基本单元，好比是电影中的演员。 1、生成元件的方法： 将矢量图转换为元件：选中矢量图，“修

6、改”菜单转换为元件（或按F8键），选择元件类型（包括：影片剪辑、按钮、图形）。 新建元件：“插入”菜单新建元件（或按Ctrl+F8键），选择元件类型，绘制或导入图形。 2、元件的类型： “图形”元件（群众演员），应用范围广，但只能是静止的。 “按钮”元件（特别演员）实现动画的交互功能，使人与动画更加贴近。 “影片剪辑”元件（万能演员）可以创建丰富的动画效果。 3、元件库： 元件存放于“库”中，“库”好比是演员休息室，休息室中的演员（元件）可以进入舞台演出，但不管演员（元件）演出多少次，或扮演多少个不同角色，它仅占用一个空间。 调用库：“窗口”菜单库。二、制作复杂的逐帧动画（以“放鞭炮”为例）

7、（一）观看范例，分析原理 1、画面元素：“福”字、人物、竹竿、鞭炮、爆炸光、爆炸声。说明至少需要6层表现。 2、静止部分：“福”字、人物、竹竿。 3、动画部分：鞭炮逐渐减少，爆炸光交替出现。说明“鞭炮”层和“爆炸光”层需要制作动画。 4、声音部分：需要导入外部声音文件。 （二）制作元件 1、打开半成品源文件，查看“库”：已有“头”、“身体”、“手臂”、“腿”4个图形元件，可以利用这4个元件拼成一个人物。 2、设置影片属性（属性面板）：尺寸：640*480；背景色：深红色。 3、制作“人物”元件： 新建元件（Ctrl+F8）：命名为“人物”，类型为“图形”。 打开“库”，将已有的4个元件托拽到“

8、人物”元件相应的图层中，并作微调。 “人物”元件图层1：双腿。使用2个“腿”元件。 “人物”元件图层2：右臂。旋转到适当角度。 “人物”元件图层3：身体。 “人物”元件图层4：左臂。旋转到适当角度。 “人物”元件图层5：头部。 4、制作“福”字元件： 新建元件（Ctrl+F8）：命名为“福”，类型为“图形”。 “福”字元件图层1：菱形 绘制正方形：使用矩形工具，选择边线色和填充色，按住Shift键，鼠标拖动绘制。 旋转45度：选中正方形（注意：使用选择工具画框选择），“窗口”菜单设计面板变形。 “福”字元件图层2：福字阴影 使用文本工具，输入文字，设置字体、字号、颜色（用较深的颜色）等。 “福

9、”字元件图层3：福字 复制图层2中的福字至图层3，改变颜色（用较浅的颜色），微调位置。 5、制作“竹竿”元件： 新建元件（Ctrl+F8）：命名为“竹竿”，类型为“图形”。 绘制竹竿：使用直线工具（在属性面板中选择极细线）绘制直线，使用选择工具将直线拖动为弧线。 6、制作“鞭炮”元件： 新建元件（Ctrl+F8）：命名为“鞭炮”，类型为“图形”。 绘制鞭炮：使用直线工具和椭圆工具绘制（仅绘制一个）。 7、制作“爆炸光1”元件： 新建元件（Ctrl+F8）：命名为“爆炸光1”，类型为“图形”。 绘制爆炸光：使用多角星形工具和选择工具绘制不规则图形，使用椭圆工具绘制小圆形。 8、制作“爆炸光2”元

10、件：方法同上。 （三）制作静止图层 回到主场景中，打开“库”，将元件托拽到相应的图层中，并作微调。 图层1：福 图层2：人物 图层3：竹竿 （四）制作动画图层 1、图层4：鞭炮 第1帧：拖入“鞭炮”元件，复制若干个，排列为一串。 第4帧：插入关键帧（“插入”菜单时间轴关键帧，或按F6键）。目的：复制第1帧的内容至第4帧，且使动画播放开始时有1/3秒的停顿。 第5帧：插入关键帧（F6键），删除鞭炮串下方的几个鞭炮。目的：使鞭炮逐渐减少。 第6帧之后：同第5帧的操作，直至将鞭炮全部删除。 测试：观察鞭炮是否逐渐减少，直至全部消失。 2、图层5：爆炸光 第5帧：插入空白关键帧（F7键），拖入“爆炸光

11、1”元件。目的：前4帧因鞭炮并未减少，既没有爆炸，故没有爆炸光；自第5帧开始，鞭炮逐渐减少，故加入爆炸光。 第6帧：插入空白关键帧（F7键），拖入“爆炸光2”元件。目的：使爆炸光有所变化。 依此类推，将“爆炸光1”、“爆炸光2”两个元件交替插入图层5的各帧中，并作形状、位置的微调，使爆炸光跟随鞭炮的消失逐渐移动位置，并有所变化。直至鞭炮层结束的位置。 测试：观察鞭炮与爆炸光位置变化，作微调。 （五）制作声音图层 1、导入外部声音文件：“文件”菜单导入导入到库。 2、新建图层6，命名为“爆炸声”。 3、第5帧：插入空白关键帧（F7键），在属性面板中，“声音”处选择已导入的声音文件“爆炸声.wav

12、”，“同步”处选择“事件”，重复5次。 （六）保存发布 先保存源文件，再按Ctrl键+Enter键，即可在保存位置发布一个播放文件（.swf）。Flash教程04-运动补间动画 2007-5-8 8:07:36 | By: 杜撰 第四讲 运动补间动画一、什么是运动补间动画？ 运动补间动画是Flash中非常重要的表现手段之一，它可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合其他手法，可以制作出炫目的动画效果。运动补间动画的对象必须是“元件”或“成组对象”。 1、概念 在一个关键帧上放置一个元件，在另一个关键帧上改变这个元件的大小、位置、颜色、透明度、旋转等，Flash根据二者之间的

13、帧的值创建的动画称为运动补间动画。 2、构成元素 构成运动补间动画的元素是“元件”，但不能是形状（矢量图）。 3、在时间轴上的表现 运动补间动画建立后，时间轴的背景色为淡蓝色，在起始帧和结束帧之间有一个长箭头。 4、注意事项 运动对象必须是元件，我们需要编辑这个元件起点、终点的状态，由Flash完成运动过程； 运动的元件单独放置在一层，一个图层表现一个运动过程。二、制作运动补间动画（制作“小飞人”为例） （一）观看范例，分析原理 1、画面元素：背景、小飞人。说明至少需要2层表现。 2、运动对象：小飞人延既定路径飞行。说明需要设置相应路径。 （二）制作小飞人元件 1、新建图形元件，命名为“小飞人

14、”。 2、导入“小飞人”图片到舞台，打散（Ctrl + B），变透明（魔术棒阈值10）。 （三）制作运动补间动画 1、返回场景1。 2、设置影片属性：尺寸：640*480。 3、导入背景图： 选中图层1第1帧，导入背景图到舞台； 图层1第40帧，插入帧（F5），延长画面至40帧。 4、制作运动层 新建图层2； 第1帧，导入“小飞人”元件（“窗口”菜单“库”，托拽“小飞人”图形元件至舞台）； 调整“小飞人”元件：改变大小（缩放工具，或“窗口”菜单“设计面板”“变形”）； 第40帧，插入关键帧（F6），复制第1帧的内容； 摆放位置：第1帧“小飞人”摆放在起始位置，第40帧“小飞人”摆放在终止位置；

15、 创建动画：方法一：在时间轴上第1帧到第40帧间点右键，选择“创建补间动画”； 方法二：在“属性”面板上，将第1帧设置为“补间：动作”。 5、测试。 6、将第1帧或第40帧的“小飞人”进行缩放，观察效果。 7、加入旋转、快慢、透明度、颜色等，观察效果。方法如下： 旋转、快慢：选中运动层第1帧，在属性面板上设置； 透明度、颜色：选中运动元件的起始位置或终止位置，在属性面板上设置。 （四）运动路径 1、提出问题：能否让小飞人不沿直线飞行？ 2、解决方法：方法一：增加运动节点（如下图所示） 方法二：使用影片剪辑元件（本节课暂不涉及） 方法三：使用引导线（本节课暂不涉及） 3、增加运动节点的方法 （五

16、）保存发布 先保存源文件，再按Ctrl键+Enter键，即可在保存位置发布一个播放文件（.swf）。第五讲 影片剪辑元件及多层运动动画一、什么是影片剪辑元件 以前介绍过，“图形元件”好比“群众演员”，构成了动画的基础；“按钮元件”是“特殊演员”，它的存在，使观众与动画更加贴近；那么，“影片剪辑元件”又是怎样做它的“万能演员”呢？ 首先，“图形元件”是1帧，“按钮元件”有4帧，而“影片剪辑”的长度不受限制，尽管场景里也许只有1帧，却不会妨碍“影片剪辑”中的大千世界。 其次，Flash的全部优势都能体现在“影片剪辑”中，在“影片剪辑”中可以编程，可以包含按钮和图形元件，所以，“影片剪辑”兼有全部动

17、画元件的优势。 最后，“影片剪辑”中还可以包含“影片剪辑”，这就意味着“影片剪辑”具有多重时间轴特性，是动画可以多层嵌套，是创作者不受束缚。 但是，要想做到灵活运用“影片剪辑”绝非易事，关键在于基本技巧的掌握与经验的积累，可以多借鉴他人作品的构思与制作。二、编辑影片剪辑元件（继续以“小飞人”为例） 1、继续上一讲提出的问题：能否让小飞人不沿直线飞行？ 2、解决方法：方法一：增加运动节点（上一讲已经介绍） 方法二：使用影片剪辑元件（重点讲解） 方法三：使用引导线（本节课不涉及） 3、新建影片，完成背景的导入及小飞人图形元件的建立（参考第四讲相关内容） 4、制作影片剪辑元件 新建元件（Ctrl +

18、 F8），选择影片剪辑类，命名为“小飞人影片”； 第1帧：导入“小飞人”图形元件（“窗口”菜单“库”，托拽“小飞人”图形元件至“小飞人影片”的舞台）； 第12帧：插入关键帧（F6），复制第1帧的内容； 创建动画：在时间轴上第1帧到第12帧间点右键，选择“创建补间动画”； 增加节点：第6帧：插入关键帧（F6），将“小飞人”向正上方拖动； 测试 5、完成影片制作 返回场景1； 选中图层1第1帧，导入背景图到舞台，坐标值设为0； 图层1第40帧，插入帧（F5），延长画面至40帧； 新建图层2； 第1帧，导入“小飞人影片”元件； 第40帧，插入关键帧（F6），复制第1帧的内容； 摆放位置：第1帧“小飞人”摆放在起始位置，第40帧“小飞人”摆放在终止位置； 创建动画：在时间轴上第1帧到第40帧间点右键，选择“创建补间动画”； 测试影片 6、保存发布 先保存源文件，再按Ctrl键+