1、Flash动画制作,第1章 Flash 动画制作基础,教学目标 了解动画的原理 了解Flash的主要功能与特点 了解Flash动画制作的基本概念与常用术语 熟悉 Flash 8.0的工作界面 掌握Flash动画制作的工作流程,本章主要内容 Flash 8.0 简介 Flash 基本术语 Flash 8.0工作界面 Flash动画制作一般过程,动画的原理,19世纪20年代，英国科学家发现了人眼的“视觉暂留”现象（物体被移动后其形象在人眼视网膜上还可有约1秒的停留），揭示了连续分解的动作在快速闪现时产生活动影像的原理。 所有的动画，包括Flash动画都是一个原理快速连续播放静止的图片，给人眼产生的
2、错觉就是画面会连续动起来。那些静止的图片叫帧；播放速度越快，动画越流畅。电影胶片的播放速度就是24帧/秒。,由上可以看出，产生动画最基本的元素就是那些静止的图片，即帧，所以怎么生成帧就是制作动画的核心，而用Flash做动画也是这个道理时间轨上每个小格其实就是一个帧，按理说，每一帧都需要制作的，但Flash能根据前一个关键帧和后一个关键帧自动生成期间的帧而不用人为的刻意制作，这就是Flash制作动画的原理。,1.1 Flash 8.0 简介,Flash最初叫做FutureSplash，它仅仅只是一个小公司开发的动画插件，后来被Macromedia公司收购后，对其进行改造，并给它命名一个新的名字为
3、Flash，与当时Macromedia公司推出的Fireworks和dreamweaver命名为“dream Team”。FLASH是优秀的矢量图形编辑与动画创作的专业软件，广泛应用于网页设计制作、广告与动画设计、多媒体创作等领域。,flash主要特点：,体积小、品质高。 Flash制作的动画是基于矢量的图形系统，并且通过使用关键帧、元件、过渡动画等技术，大大缩减文件的尺寸，使得所生成的动画文件体积很小。由于Flash动画体积小，非常适合在网络上传播。 处理多种媒体格式。Flash具有强大的编辑功能，可以把音频、视频、位图、矢量图、文本、数据多种媒体信息融合在一起，制作出丰富多彩的多媒体动画。
4、 交互性强，有强大的编程功能。可以直接嵌入网页，也可直接制作网页，Flash现在已经成为网页动画的标准和常用的网页设计工具。,1.2 Flash 基本术语,层(Layer) ：是Flash为了制作复杂动画而引入的解决手段。层像透明胶片一样，可以一层层地向上叠加。 用于帮助组织文档中的图像。可以在层上绘制和编辑对象，而不会影响其它层上的对象，由于层可以重叠，因此可以得到几个图像合在一起的图像。层在Flash中可以将一个大型的动画分成很多个在各个层上的小动画。,帧(Frame) ：是构成Flash动画的基本元素，帧在时间轴上用小矩形的方格表示的，一个方格表示一帧。为此动画各个时刻播放的内容。时间轴
5、：时间轴用于组织和控制文档内容在一定时间内播放的层数和帧数。用于组织和控制动画在一定时间内的播放效果使动画随着时间进行变化时间轴的主要组件是层、帧和播放头。,舞台：是为电影中各个独立的帧组合内容的地方。用户可以在舞台上直接绘制图形，也可以安排导入的图形。用户可以根据需要改变舞台的显示比例或移动舞台 。场景：是Flash作品中相对独立的一段动画内容，一个Flash作品可以有很多个场景组成，场景之间可以通过交互响应进行切换，正常情况下，动画播放时将按场景设置的前后按顺序播放。,1.3 Flash 8.0工作界面,Flash 8.0工作界面包括标题栏、菜单栏、常用工具栏、绘图工具栏、时间轴窗口、舞台
6、和面板集等 。,帧,影片中的每个画面在Flash中称为帧，帧是Flash动画制作中最基本的单位。在各个帧上放置图形、文字、声音等各种素材或对象。多个帧按照先后次序以一定速率连续播放形成动画。在Flash中帧按照功能的不同，可以分为三种：关键帧、空白关键帧和普通帧。,关键帧：有内容的帧，显示为实心圆。当创建逐帧动画时，每个帧都是关键帧。在补间动画中只需在动画发生变化的位置定义关键帧，Flash 自动创建关键帧之间的帧内容。此时两个关键帧之间由箭头相连。 空白关键帧：没有内容的帧，显示为空心圆。 普通帧：用于延长播放时间的帧,每帧的内容与前面的关键帧相同 。 关键帧上有小写字母a，表示此帧添加了A
7、ctionScript语句 。 关键帧上有小红旗，表示此帧设置了标签或注释 。,层,Flash中层的类型可分为四种： 普通层在Flash中主要是起到组合动画的作用；普通引导层主要是起到帮助编辑对象的定位；运动引导层主要用于设定对象运动轨迹；遮罩层则是起到遮挡某一层的部分内容的作用。,1.4 Flash动画制作一般过程,1) 创建新文档 2) 设置文档属性 3）制作动画 4）测试与预览动画 5）导出动画 6）保存文档与退出,逐帧动画的制作,逐祯动画是每一帧都有一张对应的图片,举例：走路分解图,举例：打字 太阳下山,实例制作效果图：,第2章 绘图工具的使用,本章教学目标： 绘图是制作动画的基础,熟
8、练掌握Flash的绘图方法与技巧才能制作出精彩的Flash动画,本章主要学习Flash 8.0中绘图工具的功能、使用方法以及如何利用这些工具进行基本图形的绘制。,本章主要内容 铅笔与直线工具 椭圆与矩形工具 多边形与星形工具 钢笔工具 笔刷工具 颜料桶工具 墨水瓶工具 吸管工具 文字工具 橡皮工具,2.1 铅笔与直线,一.铅笔工具 使用铅笔工具可以像使用真实铅笔大致相同的方式来绘制各种线条和形状。 操作方法： 1在工具栏中单击选取铅笔工具2打开属性面板 设置笔触颜色、线条粗细和样式,3在工具箱选项下面选择一种绘画的方式: 4用铅笔工具在舞台上拖动进行绘画。按住 Shift 键拖动可将线条限制为
9、垂直或水平方向 。 二、直线工具：绘制各种线条与形状类似于铅笔工具操作举例：制作糖葫芦串、邮票等图形,2.2 圆形与矩形,一.圆形工具 操作方法： 1在工具栏中单击选取圆形工具 2打开属性面板，选择线条颜色、宽度、线条类型、填充色 3在工作区中按住鼠标左键绘制（按住 Shift 键拖动则绘制圆形） 说明：打开混色器面板，可以选择设置线性、放射状渐变填充或位图填充；按下绘图工具栏上“黑白”按钮 ，将画线颜色和填充颜色设定成标准的黑白颜色 ；按下“转换颜色”按钮 ，将画线颜色和填充颜色转变为白黑色,二矩形工具 操作方法： 1在工具栏中单击选取矩形工具 2打开属性面板,选择线条颜色、宽度、线条类型、
10、填充色 3如果要绘制圆角矩形，按下绘图工具栏的圆角矩形半径键 ，输入一个角半径值指定圆角。 4. 在舞台上拖动鼠标，在拖动时按住上下箭头键可以调整圆角半径；按住Shift键可画出正方形 举例：人脸绘制、显示器,2.3 多边形和星形,多角星形工具用于绘制多边形和星形。使用者可以选择多边形与星形的边数以及星形的角度。绘制多边形与星形方法：1. 在矩形工具上单击并按住鼠标按钮，然后拖动以从弹出菜单中选择多边星形工具； 2. 打开属性面板,选择线条颜色、宽度、线条类型、填充色； 3. 在“属性”检查器中单击“选项”按钮 ；,4. 在“样式”框中，选择“多边形”或“星形 在“边数”框中，输入一个介于 3
11、 到 32 之间的边数 在“星形顶点大小”框中，输入一个介于 0 到 1 之间的数字。数字越接近 0，角度值越小。 5. 单击“确定”关闭“工具设置”对话框 6. 在工作区中按住鼠标左键绘制 注：；利用矩形和椭圆的填充色设置，可制作交通灯、铅笔、立体长方体、相框、灯笼绘制,2.4 钢笔工具,使用钢笔工具可以绘制精确的路径，如直线或者平滑流畅的曲线。 操作方法： 1在工具栏中单击选取钢笔工具 2打开属性面板,选择线条颜色、宽度、线条类型、填充色 3. 在绘图区域单击鼠标绘制出开始点 4. 移动鼠标到下一个目标点的位置，单击鼠标就可绘制出从开始点到目标点的一条直线；按下鼠标拖动，将在起始点和目标点
12、之间线条变成曲线， 5. 结束开放路径：双击最后一个定位点、单击工具箱中的钢笔工具或按住Ctrl键在工作区中任意位置单击 关闭路径：可以将钢笔工具放置在第一个定位点上面，此时在钢笔图标旁边出现一个小圆圈，单击第一个定位点。,效果图：,2.5 笔刷工具,使用方法：1在绘图工具栏中选取刷子工具2打开属性面板,选择填充颜色3. 点击绘图工具栏选项中的刷子模式键，选择一种涂色模式： 标准绘画： 会在同一层的线条和填充上涂色。 颜料填充： 对填充区域和空白区域涂色，不影响线条。 后面绘画： 涂改时不会涂改对象，只涂改对象的背景。 颜料选择：涂改时只涂改选定的对象 内部绘画： 如果起始点在图形内部，只在其
13、内部涂改；若起始点在空白区域，则只能在空白区涂改,4. 设置笔刷大小：单击刷子大小下拉按钮，出现笔刷大小选择的下拉列表，单击选取想要的笔刷大小。 5. 设置笔刷形状：单击刷子形状下拉按钮，出现笔刷形状选择的下拉列表，单击选取想要的笔刷形状 。,效果图：,2.6 颜料桶工具,使用颜料桶工具可以将颜色填充到封闭的区域 ，有三种填充模式：单色填充、渐变填充和位图填充。操作方法： 从工具栏中选择颜料桶工具 。 选择填充颜色和样式 单击绘图工具栏上“空隙大小”键 ，然后选择一个空隙大小选项： 如果要在填充形状之前手动封闭空隙，选择“不封闭空隙”。 选择某个封闭选项，让 Flash 填充有空隙的形状。 单
14、击要填充的形状或者封闭区域 如果要编辑填充颜色 选择“窗口”“设计面板”“混色器”。,2. 墨水瓶工具,使用墨水瓶工具可以添加或修改笔触的颜色、宽度和样式。1从工具栏中选择墨水瓶工具 2. 选择一种笔触颜色 3. 从“属性”检查器中选择笔触样式和笔触宽度。 4. 单击要应用笔触的对象,2.8 吸管工具,使用滴管工具从一个对象拷贝填充和笔触属性，然后将它们应用到其他对象。 使用滴管工具还可以从位图图像取样用作填充。使用方法: 从工具栏中选择滴管工具 单击笔触，滴管工具自动变成墨水瓶工具 单击填充，滴管工具自动变成颜料桶工具 单击其他笔触或已填充区域以应用新属性。,2.9 文字工具,文字工具用于创
15、建和编辑文字对象。可以创建三种类型的文本字段：静态文本字段、动态文本字段和输入文本字段。 利用文本工具创建静态文本操作方法： 1单击绘图工具栏中的文本工具按钮 2在要插入文本处单击鼠标出现的文本框的右上角有一个圆形手柄，在此框中输入文本，文本框自动扩展； 在要插入文本处单击并拖动鼠标出现的文本框的右上角有一个矩形手柄，在此框中输入文本，当文字超过文本框宽度时自动换行。,3. 打开文本属性面板可设置文字属性。,2.10 橡皮工具,使用橡皮工具可以擦除场景中的图形 操作方法： 1在工具栏中单击选取橡皮工具 ； 2. 选择橡皮擦工具的形状和尺寸。 3单击“擦除模式“按钮，在弹出菜单中选择: 正常擦除
16、：可擦除同一层的任意图形，文字不受影响。 擦除填色：仅擦除填充区，线条不受影响。 擦除线条：仅擦除线条，填充区不受影响。 擦除选中填色：仅擦除选定的填充区域，无论线条是否被选中都不被擦除。 擦除内部：仅擦除拖动鼠标的起始点所有的填充区域，线条不被擦除。 如果选中“水龙头“按钮 ，可直接擦除选中的线段或填充色块 4. 在舞台上拖动橡皮。,对象的编辑与变形,具有选择功能 具有修改功能 举例：制作毛笔、燃烧的蜡烛,使用选择工具,效果图,使用部分选择工具,具有选择、移动功能 具有改变图形路径功能 举例：制作水果梨,效果图：,使用套索工具,具有选择、移动功能 具有多边形套索工具、魔术棒工具 阕值：用于定义选取范围内相邻像素色值的接近程度，数值越高，可选取范围越宽 举例,效果图：,用来改变和调整对象变形的具有旋转与倾斜、缩放、扭曲、封套等模式精确缩放与倾斜（ctrlalts）变形面板（制作雪花）举例：制作扇子、手表水平翻转、垂直翻转（水中倒影）,使用自由变形工具,用来调整颜色渐变的工具,使用填充变形工具,
