Flash8.0-动画制作实例教材
flash8.0教程
flash8.0教程Flash 8.0教程引言:Flash 8.0 是由 Adobe 公司开发的一种动画制作软件,广泛应用于网页设计、游戏开发、多媒体制作等领域。
它具有强大的动画制作能力和交互功能,适用于初学者和专业人士。
本文档旨在为初学者提供一份简明的 Flash 8.0 教程,帮助他们快速入门并掌握基本的应用技巧。
第一章:Flash 8.0 入门与界面介绍1. 安装与启动 Flash 8.02. Flash 8.0 主界面介绍2.1 菜单栏2.2 工具栏2.3 时间轴2.4 舞台2.5 属性面板2.6 库面板2.7 动作面板第二章:基本动画制作1. 创建新文档2. 绘制基本图形2.1 线段工具2.2 椭圆工具2.3 矩形工具2.4 铅笔工具3. 利用关键帧创建动画3.1 关键帧的概念3.2 在时间轴上创建关键帧3.3 对象的属性动画4. 动画的保存与导出第三章:交互与动作脚本1. 按钮的制作与交互1.1 制作按钮1.2 按钮的状态(正常、鼠标经过、按下等)1.3 为按钮添加交互功能2. 触发器与动作2.1 触发器的概念2.2 触发器的类型(按钮触发器、帧触发器等)2.3 动作脚本的编写与应用3. 基本的动画过渡效果3.1 渐变效果3.2 缩放效果3.3 旋转效果3.4 移动效果第四章:高级动画制作与多媒体应用1. 帧动画的制作2. 形状的变形与插值2.1 形状插值的概念2.2 形状插值的应用3. 音频与视频的嵌入与控制3.1 导入音频与视频3.2 控制音频与视频的播放3.3 嵌入其他媒体元素(图片、动画等)4. 利用 ActionScript 扩展 Flash 的功能4.1 ActionScript 的概念与基本语法4.2 在 Flash 中应用 ActionScript4.3 利用 ActionScript 实现高级交互功能结语:通过本教程,读者可以了解 Flash 8.0 的基本操作和核心功能,并能够独立制作简单的动画和交互效果。
Flash8动画制作案例教程(2024)
线条和填充属性设置
1
设置线条颜色、粗细和样式
选中线条,打开“属性”面板,可以设置线条的 颜色、粗细、样式(如实线、虚线等)。
2 3
设置填充颜色、渐变和位图
选中形状,打开“属性”面板,可以设置填充颜 色、渐变效果(线性或径向)或导入位图作为填 充。
调整线条和填充的层次关系
通过调整线条和填充的层次关系,可以制作出丰 富的视觉效果,如镂空字、立体效果等。
04
4. 创建动画
在时间轴上创建关键帧,设置不同帧 上的图形属性,如位置、大小、颜色 等,以创建动画效果。
06
6. 测试与发布
使用测试功能预览动画效果,根据需要进行调 整;最后选择发布格式(如SWF、EXE等)并 设置相关参数后发布动画作品。
7
02
图形绘制与编辑技巧
Chapter
2024/1/30
2024/1/30
20
运动补间动画制作实例
运动补间动画原理
制作步骤
技巧与注意事项
运动补间动画是通过在两个关 键帧之间创建对象的运动效果 来制作动画。与形状补间不同 ,运动补间是针对对象的位置 和属性进行渐变。
首先,创建两个关键帧,并在 每个关键帧上放置对象。然后 ,选择这两个关键帧之间的任 意一帧,打开属性面板,选择 “运动”选项。最后,通过播 放时间轴来预览动画效果。
Flash8动画制作案例教程
2024/1/30
1
目录
2024/1/30
• 动画制作基础概念 • 图形绘制与编辑技巧 • 元件与库资源管理方法 • 基本动画制作技术剖析 • 高级交互功能实现方法 • 综合案例实战演练
2
01
动画制作基础概念
Chapter
Flash8.0-动画制作实例教材
FLASH 动画制作实例教材熟悉Flash 界面图2-2中飞机位于图片的最左边, 图2-3中飞机位于图片的中间,图2-4中飞机位于图片的最右边。
当我们将这三幅画面依次按照一定速度播放的时候,给我们的视觉效果就是看上去感 觉飞机在从左向右飞行,如图2-5所示。
动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生,它是欺骗人视觉效果的一种把戏。
三、帧/关键帧/空白关键帧由动画的原理我们知道,动画就是画面的连续播放所产生的,电影是每秒播放24幅画面,电视则每秒播放25幅画面, Flash 默认每秒播放12幅画面(可以修改)。
每一幅画面我们都称它为一个帧, 记住: 一个帧就是一幅画面(暂不管这个画面是真实的还是虚幻的)-ura岂 立字巳 細a ⑥ 查尊汐 环世 瞬妣D 立利五 腔B4© ®n (w Wfth (H )IH I "上J工作区丄1j [屁性栏]ZJrl«h U1 Campooefits® CheckBo«LiftBDK』CooiboBoM_J Push&uttonwLmtrniing ■寸omBJUMIsF Hhbw r^ia Fla»h HX碌超栏三車严<■ I 當|心| .1 [・】忙■ I2JD fps OX)3)厶二丨 口1 |诂尢|3女档 尺寸无疑EiHft>XB!吕50直400諒索Fl<Eh Player feTiitiWiriilt|IOD1tiE扳动画的原理如图2-6所示上面的每个小格子就是一个帧,每个格子都分别代表着一幅画面,播放时按照帧的先后顺序由左向右进行。
你也许会问:“上面帧怎么还不一样啊?”对了,正是因为它们不一样才有了帧、关键帧、空白关键帧(也叫白色关键帧)这些名词。
空白关键帧我们先看第一个小格子,它里面有一个白色的小圆圈,它就是空白关键帧,里面什么内容都没有,一片空白。
flash8.0教程
Flash 8.0教程简介Flash 8.0 是由Adobe公司推出的一款流行的多媒体和动画制作软件。
它允许用户创建各种动态图像,交互式应用程序和网页元素。
本教程将介绍如何使用Flash 8.0创建动画和交互式内容。
1. Flash 8.0的安装和配置在开始学习Flash 8.0之前,请确保已经按照官方网站上的指示将软件安装到您的计算机上。
安装完成后,您需要进行一些基本的配置,如选择语言、设置默认文件保存位置等。
2. Flash 8.0的界面导览Flash 8.0的用户界面由菜单栏、工具栏、时间轴等组成。
菜单栏提供了各种功能选项,工具栏包含了常用的工具,而时间轴用于动画的制作和编辑。
在了解这些基本组件后,您将可以更好地理解并使用Flash 8.0。
3. 创建和编辑动画Flash 8.0具有强大的动画制作功能。
您可以使用它来创建各种类型的动画,如帧动画、补间动画等。
本节将介绍如何创建新的动画场景,添加和编辑关键帧,以及应用过渡效果和缓动。
4. 使用图形和形状Flash 8.0提供了丰富的图形和形状工具,可以帮助您创建各种图形元素。
您可以使用这些工具绘制自定义形状,添加颜色、渐变和纹理,以及进行变换和调整。
本节将向您演示如何使用这些工具来设计和编辑图形。
5. 添加声音和视频Flash 8.0不仅可以创建动画,还可以添加声音和视频元素。
您可以导入音频文件和视频文件,并使用Flash 8.0编辑和控制它们的播放。
本节将教您如何添加声音和视频,调整它们的属性,以及与其他元素进行交互。
6. 创建交互式内容Flash 8.0还提供了丰富的交互式设计工具,可以创建各种交互式内容。
您可以添加按钮、链接、表单,以及动作脚本来实现用户与内容的交互。
本节将介绍如何创建交互式按钮、添加超链接,以及使用动作脚本来控制交互行为。
7. 发布和导出项目在完成Flash项目的制作后,您需要将它们发布或导出为不同的格式,以便在不同的平台上播放和使用。
Flash8.0
第2章
Flash绘图基础 Flash绘图基础
2.1.2 位图图形
2.1 矢量图与位图
位图图像(也可称为栅格图像)使用颜色网格(也就是常说 的像素)来表现图像。每个像素都有自己特定的位置和颜色值。 在编辑位图图像时,所编辑的是像素,而不是对象或形状。 位图图像的分辨率不是独立的,因为描述图像的数据是对特 定大小栅格中图像而言的,这些栅格能完整地表现出阴影和颜 色的细微层次。位图图像的质量好坏与图像分辨率的关系十分 密切,它们包含固定数量的像素点,在相同的单位范围内存在 的像素点越多,则图像就表现得越细腻。如果在屏幕上对位图 图像的某一部分放大显示后,将会呈现出模糊的锯齿状。
第1章
Flash基础知识 Flash基础知识
1.1 Flash 常见术语
1.1.2 矢量图与位图 矢量图与位图的区别在于同样尺寸和分辨率 的位图和矢量图,位图文件所占用的磁盘空间 要大得多,如果要增加图像的分辨率和尺寸, 位图文件的大小将成倍增加,而矢量图的文件 大小则不会变化。Flash采用矢量图作为动画的 素材,从而大大减少了动画文件的体积,再配 合先进的流技术,就可以在非常窄的带宽上同 样实现令人满意的动画效果。
第2章
Flash绘图基础 Flash绘图基础
2.2 图形绘制
2 .2 .1 2 .2 .2 2 .2 .3 2 .2 .4 2 .2 .5 2 .2 .6 2 .2 .7
线条工具 椭圆工具 矩形工具 铅笔工具 刷子工具 橡皮擦工具 钢笔工具
第2章
Flash绘图基础 Flash绘图基础
2.2.1 线条工具
第1章
Flash基础知识 Flash基础知识
1.1.7 标签
1.1 Flash 常见术语
(精选幻灯片)Flash8.0详细教程(完整版)
Flash 8.0的操作工作界面
“文件”菜单
• 【新 打 关 全 保 另 导 发单建 开 闭 部 存 入 出 布击最 关 为 保 设(OSIENC)近 闭 模 存 置“】))】】】的 板】文(G文件()T】件”)】菜(T)单】会出现 如左用 可 把 另图可来 存 以打文所以开 关 保 设为 用示打件导创最 闭 存 置电 来的开保出近 打 发当 影 导建下F存影l所 开 布前 模 入拉一a为片s使的选文板其菜个hF和文用多项件格它单L新图A件。的个式格,的S象以文窗式但,其HF.自用及件口l的不保中as。某文是存己来h 包 文 些 退 的 为 件 导括 件 相 出,f电如la。 F的 关影 你格jpla是文g模 所式s或h有件板 创文8g关。.i后 作件0f等文的即 最,,件。可 终方可的再影便以各次片以导项利,后入操用还可到作该以舞可。 用 模 台 以F式 也导la制 可出sh作 以各重其 导种新他 入格打的 到式开库F的编la。s图辑h并影像修片文改。件。,如 jpg,gif,bmp等。
单击红色框体,了解详细情况。
“编辑”菜单
• “编辑”菜单如左图所示, 功能是对帧的复制与粘贴, 编辑时的参数设置,自定义 快捷键以及字体映射等。
• 菜单中的剪切帧、拷贝帧、 清除帧、粘贴帧是相对一个 或者多个帧而操作的。
“视图”菜单
• “视图”菜单用于取舍在屏 幕上显示的内容,如:在影片 预览时可以关闭浮动面板和时 间轴的显示。
– 【转到 (G)】:用来控制当前舞 台显示哪一个场景。
– 【放大 ( I )】:可以放大舞台。 – 【缩小 (O )】:可以缩小舞台。 – 【缩放比率(M )】:控制窗口和
舞台的比率。
“插入” 菜单
• “插入” 的命令使用率很高。
Flash8.0案例实训全面培训教程----Flash 8.0动画制作
4.1 Flash 8.0动画制作基础
4.1 Flash 8.0动画制作基础
② 单击选中需要创建关键帧的帧,按【F6】键,即可创建一个关键帧。 (2) 创建空白关键帧:空白关键帧的创建方法有两种。第一,将鼠标指针移到需 要创建空白 关键帧的帧上,单击鼠标右键,弹出快捷菜单,选择[插入空白关键帧]命令, 第二,单 击需要创建空白关键帧的帧并按【F7】键,即可创建一个空白关键帧。
图4.17 3. 帧的创建
帧的创建包括:关键帧的创建、空白关键帧的创建、过渡帧的创建。下面分别具体介绍这 三个帧的创建方法。 (1) 创建关键帧:关键帧在动画制作中非常重要。如果是过渡动画,则要在动画的关键位置创 (2) 建关键帧。在时间轴上的两个关键帧之间有一个箭头表示动画的过渡过程。系统默认 第一帧为关键帧。如果要在其他帧处创建关键帧,其方法有两种。 ① 将鼠标指针移到需要创建关键帧的帧上,单击鼠标右键,弹出快捷菜单,选择[插入关键帧] 命令,此时就创建了一个关键帧。
图4.1
4.1 Flash 8.0动画制作基础
在该场景属性面板对话框中可以设置以下参数。
(1)
:在该框中可以设置动画的播放速度,数值越大则动画的播放速度越大,
系统默认为12fps。一般情况下制作的动画,特别是对于网络动画中使用的动画,
8~12fps的帧率就足够了。“fps”表示帧/秒,例如,12fps表示一秒钟播放12帧。
在Flash 8.0中,动画场景是通过【场景】面板来管理的,利用它可以对场 景进行各种操作,如添加、删除、重命名等。直接按下【Shift+F2】键,将弹出 如图4.4所示的场景管理界面。
Flash8.0动画设计案例教程
到这一帧时会执行相应的动作语句,如图4.16所示。
图4.16
编辑课件
4.1 Flash 8.0动画制作基础
(6) 帧上出现一个小红旗标志,表示这一帧已被标记,红旗后面的文字为这一帧的标记名称,如 图4.17所示。
图4.9
(2) 将鼠标移到需要切换的场景上并单击,完成动画场景的切换。 如果没有交互切换场景,则在Flash 8.0中会自动按顺序播放。如果需要调节动画场景的
播放顺序,就需要对【场景】面板中的场景排列顺序进行调整。调整场景的具体方法如下: 将鼠标指针放到需调整的场景上,按住鼠标左键不放并移动,当蓝色条移到所需位置时松
编辑课件
4.1 Flash 8.0动画制作基础
② 单击选中需要创建关键帧的帧,按【F6】键,即可创建一个关键帧。 (2) 创建空白关键帧:空白关键帧的创建方法有两种。第一,将鼠标指针移到需要创建空白 关键帧的帧上,单击鼠标右键,弹出快捷菜单,选择[插入空白关键帧]命令,第二,单 击需要创建空白关键帧的帧并按【F7】键,即可创建一个空白关键帧。
开鼠标左键即可。如图4.10所示,将“动画片头”场景移到“场景2”前面。最终结果如图 4.11所示。
图4.10
图4.11 编辑课件
4.1 Flash 8.0动画制作基础
4.1.2 帧的操作
1. 帧的类型 在Flash 8.0中,帧是动画作品的基本单位,帧中装载了Flash 8.0中播放的内容。
Flash 8.0动画是由若干个静止的图像连续显示而形成的,这些静止的图像就是“帧”。 Flash 8.0舞台上某一时刻播放的图像是由当时时间轴上播放指针所在的同一列的所有层的 可见帧共同组成的。帧的类型有如下几种。 (1) 关键帧(Key Frame):关键帧是决定一段动画的必要帧,其中可以放置图形对象,并可以对 所含内容进行编辑。在时间轴中,包含内容的关键帧显示为带黑色实心圆点的方格。关键帧 一般插入在一段动画的开始和结束位置。 (2) 空白关键帧(Blank Key Frame):空白关键帧就是什么内容都没有的关键帧,在时间轴中显 示为黑线围着的方格。默认状态下每一层的第一帧都是空白关键帧,在其中插入内容后就变 成了关键帧。 (3) 过渡帧(Tween Frame):过渡帧出现在动画的两个关键帧之间,其中显示某一Flash过渡动画 的若干层效果。在时间轴上的过渡帧显示为带有箭头直线的浅蓝色方格。 2. 帧的状态和表示方法
Flash8.0简单动画制作Microsoft Word 文档
Flash8.0简单动画制作(经典版)一.制作遮罩动画或逐帧动画实例:制作心电脑图动画(1)设置舞台大小和背景:打开Flash8.0程序,设置舞台大小为200px*150px,背景色为#000000(黑色)/回车,确定。
(2)创建元件:展开右侧的库面板,单击库面板下方的“新建元件…”命令,输入元件的名称为“心电图”,选择类型为影片剪辑,确定。
单击线条工具,在属性面板中,设置线条颜色为白色,选择笔触高度为6,单击舞台,绘制心电波形,如图5-14所示。
单击时间轴上的“场景”,回到场景。
(3)将心电图元件放入到图层1中:单击图层1的第1帧,在库面板中单击心电图元件,并将其拖入到舞台上,使用变形工具,调整其至合适大小。
展开“对齐”面板,激活“相对于舞台”按钮,分别单击“水平中齐”和“垂直中齐”按钮,使心电图元件相对于舞台居中。
用指针工具选择心电图元件,选择“修改”菜单/分离,将其转化为形状。
(4)方法1,创建遮罩动画:单击图层1中的第40帧,右击/插入关键帧,单击层面板中的“插入图层”按钮,插入图层2,双击图层2,输入新名“遮罩”,此时,图层面板中从上到下的排列顺序为“遮罩、图层1”,如果顺序不对,可直接拖动图层进行调整。
单击库面板中的新建元件按钮,新建一个元件,输入元件的名称为“矩形”,用工具栏上的矩形工具在舞台上绘制一个很窄的矩形,用指针工具框选矩形,设置矩形的宽度为5px,高度为150px。
回到场景,单击遮罩层中的第1帧,将元件矩形拖入到舞台上,放置于最左边,选择修改菜单/分离,单击遮罩层中的第40帧,插入关键帧,单击工具组中的“任意变形”工具,拖动矩形使其变宽并覆盖整个心电图。
单击遮罩层中的第1帧,在属性面板上,选择补间/形状。
右击遮罩层名/遮罩层。
右击图层1的第50帧/插入帧。
方法2(选做,建议先把两部分的实验做完,登记成绩后,还有时间再选做),创建逐帧动画:单击图层1中的第1帧,然后按住Shift键在40帧处单击鼠标,选中第1帧到第40帧处,按F6键在第2帧到第40帧插入关键帧,如图5-17所示。
(2024年)Flash8动画制作案例教程教案
案例效果展示
展示完成的广告设计作品,并分析其优缺点 、市场反响等。
29
MV短片创作过程分享
前期策划与准备
介绍MV短片的主题确定、剧本编写、角色设定等前期工作。
动画设计与制作
详细讲解在Flash8中进行动画设计、场景绘制、角色动画等制作过程。
音乐与音效处理
介绍如何为MV短片配乐、添加音效等,增强视听效果。
优化与调整
根据实际需求对按钮进行优化和调整 ,如调整颜色、大小、位置等属性, 提高用户体验。
17
04 基本动画制作技 术讲解
2024/3/26
18
逐帧动画制作流程
绘制关键帧
根据动画内容,在Flash8中绘 制出关键帧画面。
调整时间轴
设置每个帧的停留时间,控制 动画的播放速度。
确定动画内容
明确要制作的逐帧动画的主题 、场景和角色等。
通过连续播放一系列静态图像,利用 人眼的视觉暂留现象,产生动态视觉 效果。
动画分类
根据制作技术和表现形式,动画可分 为传统手绘动画、定格动画、二维动 画、三维动画等。
2024/3/26
4
Flash8软件简介
Flash8概述
Flash8是一款由Adobe公司开发的二维动画制作软件,广泛应用于网络动画、 广告、游戏、多媒体教学等领域。
动画效果。
特点
03
补间动画可以自动生成中间帧,大大简化了动画制作过程;同
时,通过调整补间属性,可以实现丰富的动画效果。
20
引导层和遮罩层应用技巧
2024/3/26
引导层
用于引导物体沿特定路径运动的辅助层。在引导层上绘制 路径,然后将物体与路径相关联,即可实现物体沿路径运 动的效果。
Flash 80动画设计案例教程 第2章 Flash 80图形绘制
2.1 基础知识
图2.10 图2.11
图2.12
2.1 基础知识
(5) 单击图层下面的【添加运动引导层】按钮,添加一个引导层,如图2.13所示。用铅笔工具在 工作区中绘制一条曲线,如图2.14所示。
图2.13
图2.14
2.1 基础知识
(6) 单击“图层1”的第 1 帧,将图形实例放到绘制的曲线的左端点上,如图 2.15所示。 (7) 单击“图层1”的第20帧,将图形实例放到绘制的曲线的右端点上,如图2.16所示。 (8) 在“图层1”的第1帧至第20帧之间的任意帧上单击鼠标鼠标右键,在弹出的快捷菜单中选择 [补间动画]命令,此时就创建了一个补间动画,如图2.17所示。 (9) 单击时间轴左上方的[场景]按钮,返回场景,此时即制作好了一个影片剪辑元件。
2.1 基础知识
2.1.1 元件和实例
元件是指一个可以重复利用的图像、动画或按钮,它保存在库中; 实例是指出现在舞台上的元件或嵌套在其他元件中的元件。 下面介绍元件的作用。 (1) 元件的运用可以使电影的编辑更加容易,因为当我们需要对许多重复的元素进行修改时,只 要对元件进行修改,Flash 8.0就会自动根据修改的内容对所有该元件的实例进行更新。 (2) 在电影中运用元件可以显著减少文件的大小;保存一个元件比保存每个出现的元素要节省更 多的空间。如将一张静态的美丽背景转换成元件,就可以减少电影文件的大小。 (3) 可以加快电影的播放,因为在浏览器上一个元件只需要下载一次,这样就节约了时间。 提示: 这里所说的“元件”,在以前的Flash版本中称为“图符”。
图2.4
2.1 基础知识
2. 新建按钮元件
新建按钮的操作步骤如下。 (1) 通过下列任一操作开始创建新元件。 ① 选择[插入]→[新建元件]命令。 ② 单击【库】面板底部的按钮,或者由【库】面板的菜单栏中选择[新建元件]命令。 ③ 按【Ctrl+8】组合键。 (2) 在弹出的【创建新元件】对话框中,为新按钮取一个名字,在对话框中选择[按钮]作为元件 类型。这时时间轴转变为由4帧组成的按钮编辑模式,如2.5所示。
Flash8.0__基础与实例教程
《Flash8基础与实例教程》第一课F LASH8工作环境 (3)第一节工作环境简介 (3)第二节面板 (6)本课小结熟悉F LASH8的操作界面主要包括系统菜单、绘图工具栏、舞台、时间轴、属性面板各其他一些浮动面板。
.................................................................................................... 错误!未定义书签。
第三节范例简介 (8)1.2.2制作步骤 (8)本课小结........................................................................................................ 错误!未定义书签。
第二课FLASH 8.0基础绘图工具 (11)1.绘制和处理线条 (12)2.实例演练——画一片树叶 (13)3.【刷子工具】的用法 (17)4.画一个树枝 (18)第三课情人节贺卡 (21)1.绘制“烛焰”元件 (22)2.绘制“烛身”元件 (23)3.绘制“烛光”元件 (24)4.组装“蜡烛”元件 (25)5.绘制“心”元件 (26)6.绘制“珍珠”元件 (29)7.制作“项链”元件 (30)8.制作“情人节”元件 (30)9.完成整个画面制作 (32)第四课逐帧动画 (32)1.逐帧动画的概念和在时间帧上的表现形式 (32)2.创建逐帧动画的几种方法 (32)3.绘图纸功能 (33)4.奔跑的豹子 (34)第五课形状补间动画 (37)1.形状补间动画的概念 (37)2.认识形状补间动画的属性面板 (38)实例:庆祝国庆 (38)使用形状提示 (42)实例:添加形状提示练习 (43)第六课动作补间动画 (45)1.动作补间动画的概念 (45)2.认识动作补间动画的属性面板 (46)实例:网站B ANNER (47)第七课遮罩动画 (52)1.遮罩动画的概念 (52)2.创建遮罩的方法 (53)3.应用遮罩时的技巧 (53)实例:红星闪闪 (54)第八课引导路径动画 (59)1.创建引导路径动画的方法 (59)2.应用引导路径动画的技巧 (60)实例:海底世界 (61)第九课自定义缓入/缓出动画范例――逼真弹跳的球 (66)第十课按钮元件 (70)影片剪辑在按钮元件中的应用范例-放电按钮 (70)第十一课在F LASH中应用声音 (72)1.将声音导入F LASH (73)2.引用声音 (73)3.声音属性设置和编辑 (74)4.给按钮加上声效 (77)5.压缩声音 (78)第十二课在F LASH中应用视频 (79)3.13.1支持的视频类型 (79)3.13.2导入视频 (80)3.13.3渐进式下载播放外部视频 (85)3.13.4导出FLV视频文件 (89)第十三课行为和行为面板 (90)第十五课滤镜应用范例――水波荡漾 (103)第十五课混合模式应用范例――动画片头 (106)第十六课时间轴特效应用范例――满天花雨 (113)第十七课综合应用范例――幻彩图片 (116)17.1导入图片并制作元件 (116)17.2用“复制到网格”时间轴特效制作百页窗元件 (117)17.3用混合模式制作图片颜色变化效果 (118)17.4用滤镜制作边框 (118)第一课 Flash8工作环境Flash以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱,在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和安排。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
FLASH动画制作实例教材一、熟悉Flash界面二、动画的原理看下面几幅画面:图2-2 图2-3 图2-4 图2-5图2-2中飞机位于图片的最左边,图2-3中飞机位于图片的中间,图2-4中飞机位于图片的最右边。
当我们将这三幅画面依次按照一定速度播放的时候,给我们的视觉效果就是看上去感觉飞机在从左向右飞行,如图2-5所示。
动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生,它是欺骗人视觉效果的一种把戏。
三、帧/关键帧/空白关键帧由动画的原理我们知道,动画就是画面的连续播放所产生的,电影是每秒播放24幅画面,电视则每秒播放25幅画面,Flash默认每秒播放12幅画面(可以修改)。
每一幅画面我们都称它为一个帧,记住:一个帧就是一幅画面(暂不管这个画面是真实的还是虚幻的)!如图2-6所示上面的每个小格子就是一个帧,每个格子都分别代表着一幅画面,播放时按照帧的先后顺序由左向右进行。
你也许会问:“上面帧怎么还不一样啊?”对了,正是因为它们不一样才有了帧、关键帧、空白关键帧(也叫白色关键帧)这些名词。
空白关键帧我们先看第一个小格子,它里面有一个白色的小圆圈,它就是空白关键帧,里面什么内容都没有,一片空白。
用鼠标单击一下该空白关键帧,结果我们在下面的场景里看到的是一片空白区域如图2-7所示:关键帧第二个小格子里面是个实心的小黑点,它就是关键帧,里面有实际存在的内容,用鼠标单击该关键帧(或用鼠标按住帧上面红色滑块向后拖动到该帧),我们看到了一个黑色的圆,如图2-8所示:看来,关键帧和空白关键帧的区别就在于关键帧有实际的内容而空白关键帧没有。
空白关键帧+内容(比如画个圆)=关键帧。
可变形为:空白关键帧=关键帧-里面所有内容。
读者不妨把图2-8中的圆删除(Ctrl+A,Delet),看它是不是变成了和它前面一样的空白关键帧?帧关键帧后面的灰色部分都是普通帧,普通帧里面没有实际的内容,但是它却能将离它最近的关键帧的内容显示出来。
用鼠标点击第三帧,如图2-9所示。
看起来它似乎有内容,实际上这一帧是没有内容的,3、4、5帧只不过是把前面离它最近的关键帧(第二帧)的内容显示出来了而已,由此可见普通帧尽管没有实际内容但它却可以用来延续一幅画面的存在时间。
说明:图2-9的第五帧代表普通帧的结束,另外还有一种叫过渡帧,暂时不用知道,后面会结合具体实例讲。
这几个概念在Flash制作中非常重要,使用的频率也最高,希望读者一定要弄明白。
移除帧与清除帧的区别:用鼠标对着帧点击鼠标右键,在弹出的菜单中有“移除帧”和“清除帧”命令。
移除帧就是删除帧,用来将帧连同帧上的内容(如果是关键帧的话)一起删除,而清除帧则是只把帧上的内容清空,帧仍然存在。
图形元件和移动渐变按照正常习惯,此时应该讲工具的使用了,但是考虑到读者刚刚理解完上面关于帧的一些枯燥的概念,我讲顺序做了调整。
下面我们就放松一下来做一个小动画。
一、制作矩形的变化启动Flash软件,鼠标单击第一帧,然后点击左边工具箱中的矩形工具,边框选择没有颜色如图2-6所示,填充选择自己所喜欢的颜色如图2-7所示。
在工作区按住鼠标左键拖动绘制矩形,如图3-8所示。
我们用选取工具单击一下矩形,执行【插入】菜单下的【转换成元件】命令,将弹出一对话框,在名称中输入“动作渐变”,选择【图形】如图3-9所示。
然后确定。
此时画面应为图3-10所示。
鼠标放在25帧处,点击右键,在弹出的菜单中选择“插入关键帧”,如图3-11。
用鼠标单击缩放工具,将矩形调小,如图3-12所示。
鼠标点击1到25之间的任何一帧(不能是最后一帧,所以25除外),然后选择下面的“移动”,如图3-13。
到此为止一个简单的动画就做成了,按Ctrl+回车进行预览。
源文件的位置:光盘\源文件\移动渐变演示.fla说明:1)图3-11中,在25帧处插入关键帧的意思是复制了前面和它最近的关键帧(此处为第1帧),所以此时第25帧和第1帧完全一样:是关键帧,里面都右一个矩形,连同矩形的大小位置等都一样。
2)图3-13中,2到24帧像普通帧一样看似有内容,其实没有,它们是从第1帧到25帧的一个过渡,所以叫做过渡帧。
3)以前每次讲这个例子的时候,学生总会问:“图3-10为什么要转换成图形元件?”这个问题后面会讲到,暂时只需要记住当转换成图形元件后,下面要选择“移动”,就可以了。
4)在绘制矩形时我们选择边框为无色,这并不是说一定不能要边框,因为一旦要了边框在将矩形转换成图形元件的时候就必须把它和它的边框一起转换,而初学者一般都容易把边框给漏掉。
所以,如果要了边框,边框和填充都必须都要选中后再一起转换为图形元件,具体做法是选择箭头工具用鼠标点击一下填充部分,然后按住Shift键不放双击边框即可(按住Shift代表可以选择多个,双击边框表示把边框给选中)。
读者可以试试有边框的情况。
5)变化的快慢可以控制,Flash默认为每秒播放12帧,所以可以计算出应该在什么地方插入关键帧。
如果你做成功的话,相信你对Flash已经有了一定的兴趣,如果你觉得上述例子太麻烦而没有做成功的话,也不要紧,因为我们还没有讲工具的使用,下面我们举个更简单的来加以巩固。
二、制作照片的出现效果1.启动Flash软件,打开【文件】下拉菜单,选择【导入】命令,在弹出的对话框中选择你的一张照片,如图3-14所示。
2.用选取工具单击图片,然后按F8,出现了图3-15所示的对话框。
然后单击确定按钮。
如图3-16所示。
将鼠标放在20帧处,点击鼠标右键,选择【插入关键帧】命令,将出现图3-17。
用鼠标单击第1帧,然后单击按钮,图片周围出现8个控制点,我们用鼠标拖动右下角的控制点,将图片缩小。
如图3-18所示。
用鼠标点第1帧,在下面属性栏选择移动,如图3-19所示。
此时就可以Ctrl+回车进行预览了。
我们看到了一张图片由小变大的效果,下面我们接着做让这张照片变大之后再渐渐向右上角消失的效果。
在40帧处插入关键帧,移动图片到右上角,如图3-20所示。
用鼠标选中图片,在属性栏调整透明度,如图3-21所示。
用鼠标点击20到40之间任何一帧,选择属性栏上面的移动,其结果如图3-22所示。
好了,此时再按Ctrl+回车试试。
源文件的位置:光盘\源文件\我的照片.fla通过以上两个例子,我们已经感觉到Flash功能的强大,只需要给一个起始状态和一个结束状态,中间的那些状态都交给Flash去做。
工具简介1、箭头工具箭头工具主要用来选取对象,以便对该对象进行操作如:删除,移动等。
如图4-1,鼠标单击选择该对象后,可用Delet 删除,图4-2用鼠标按住不松开,然后拖动到所需要的位置。
另外它还具有切割和变形的功能。
当我们用工具箱中的工具绘制出圆、矩形、线条等形状时,用鼠标可以将他们切割。
按住鼠标拖动,将不需要的部分选中,如图4-3所示。
当鼠标接近我们绘制的图形时,会出现图4-4,这时可按住鼠标拖动来改变它的外形,如图4-5所示。
重新绘制一个矩形,当按住Ctrl键拖看有什么变化,撤消(Ctrl+Z)后再次按住Ctrl键拖看又有什么不同,请读者朋友试一试。
2、次选取工具它用来修改由铅笔或钢笔所绘制的线条。
当用次工具选取所绘曲线时上面会出现一些节点,如图4-6所示,当鼠标点击节点时,节点上会有控制柄出现,如图4-7,拖动控制柄上的点便可修改线条的形状。
3、直线工具使用直线工具用来绘制从起点到终点的直线,在按下鼠标左键进行拖动时如果按住了Shift键,则可绘制水平、垂直或以45度角度增加的直线。
4、套索工具套索工具用来选取不规则的区域以便对所选部分进行操作,如图4-8所示。
5、钢笔工具选取钢笔工具,用鼠标左键单击起点,然后移动到下一个位置,按住鼠标左键不放拖出所需的线条,然后再用同样的办法绘出到下一点的线条,双击鼠标代表绘制结束。
如果绘制不满意,可用次选工具进行调整。
如图4-9所示。
6、文本工具文本工具是用来输入文字信息。
选择文本工具,再工作区按住鼠标拖出文本框,输入文字,如图4-10所示。
7、椭圆工具用来绘制椭圆,在绘制过程中按住Shift键可绘制正圆,如图4-11所示。
8、矩形工具用来绘制矩形,同椭圆工具一样在绘制过程中按住Shift键可绘制正方形。
9、铅笔工具它可以绘制任何形状的曲线,点击铅笔工具后,在工具箱下面有个图标,单击后可选择“平滑”绘出的线条比较平滑。
按住Shift键可绘制水平方向或垂直方向的直线。
10、画笔工具画笔工具也叫刷子工具,由此可见它用来“刷”一些具有刷子效果的曲线,如图4-11。
工具箱下面可以调整刷子的大小和形状。
11、缩放工具顾名思义,缩放工具用来改变对象的大小情况,包括长、宽、旋转、倾斜等。
下图中的小白点代表旋转的中心点,用鼠标可以改变其位置。
图4-12改变长图4-13改变宽图4-14 旋转图4-15 倾斜12、填充变形工具该工具用来对填充的方式进行调整,如图4-16所示。
对该图中的改变填充的控制点进行调整,分别得到了图4-17、图4-18、图4-19。
13、墨水瓶工具给已绘制好的几何图形添加边框或修改已有边框的颜色、粗细等属性。
14、颜料桶工具颜料桶工具也叫油漆桶工具,用来对封闭图形的内部进行填充或修改。
15、点滴器使用滴管工具可以从场景中选择线条、文本和填充的样式,然后创建或修改相应的对象。
从场景中导入一张图片,执行【修改】下的【分解组件】命令将图片打散。
此时用点滴器工具点击一下该照片,然后用椭圆工具去画椭圆我们发现我们导入的图片作为了椭圆的填充,如图4-20所示。
用填充变形工具进行修改,如图4-21所示。
源文件的位置:光盘\源文件\填充演示.fla说明:导入的图片只有打散才可以使用点滴器工具。
16、橡皮擦使用橡皮擦工具可以擦除当前场景中的对象,当选择橡皮擦后,工具箱下面还有擦除模式,各擦除模式效果如图4-22所示。
水龙头是用来擦除整块颜色的。
17、手形工具手形工具可以将文档窗口中的场景连同对象一起移动。
选择手形工具,在场景中按住鼠标左键拖动看有什么变化。
18、放大镜选择放大镜工具,用鼠标在场景中点击左键,发现场景以及里面的对象放大了,如果想缩小,按住Alt键的同时单击鼠标左键。
按住鼠标左键拖动将需要放大的部分匡住,然后松开鼠标即可。
19、笔触色按钮笔触色按钮用来改变线条或所绘几何图形边框的颜色。
20、填充色按钮用来改变填充的颜色。
形状渐变在第三章学习了图形元件,知道了图形元件需要用动作渐变,那么如果不转换成图形元件又是什么情况呢?启动Flash软件,用矩形工具在场景中绘制一矩形,如图5-1所示。
然后在25帧的地方鼠标右键插入关键帧,用缩放工具调整矩形的大小,如图5-2所示。
鼠标单击1到25之间单击任何一帧,在属性栏选择“形状”(因为该矩形没有转换成图形元件,所以它还是形状),如图5-3所示。