FlashCS3基本操作
flashCS3课件-01
重点知识
了解Flash CS3动画的特点 认识Flash CS3操作界面 了解Flash的基本操作
1.1 Flash CS3简介
Flash动画是一种可交互的矢量动画，能够在低速 率下实现高质量的动画效果，具有体积小、兼容性好、 直观动感、互动性强、支持MP3音乐等诸多优点。
•文件的数据量小 •图像质量高 •矢量图形 •文件格式多样 •交互式动画 •流式播放技术 •插件工作方式
1.2
Flash CS3的界面
1.2
Flash CS3的界面
1.2
Flash CS3的界面
1.2
Flash CS3的界面
1.2.1 系统菜单与工具栏
系统菜单
1.2.1 系统菜单与工具栏
主工具栏编辑栏源自主工具栏1.2.2 场景和舞台
选择工作区 选择场景
选择元件
场景名称
舞台比例
后台区
舞台
1.2.3
时间轴
1.2.4
【工具】面板与功能面板
1.3 文档基本操作
选择【文件】/【保存】菜单命令，会出现如图1-26所 示的【另存为】对话框，要求输入文件的保存位置和文件名。
1.3 文档基本操作
选择【文件】/【打开】菜单命令，出现一个【打开】对话 框，如图1-27所示。其中罗列了当前文件夹下的文件，当光 标指向某个文件时，会出现相应的提示信息。
1.4 Flash的基本操作流程
1. 作品的规划。确定动画要执行哪些基本内容和动作。 2. 添加媒体元素。创建并导入媒体元素，如图像、视频、声音、 文本等。 3. 排列元素。在舞台上和时间轴中排列这些媒体元素，以定义它 们在应用程序中显示的时间和显示方式。 4. 应用特殊效果。根据需要应用图形滤镜（如模糊、发光和斜 角）、混合和其它特殊效果。 5. 使用 ActionScript 控制行为。编写 ActionScript 代码以控 制媒体元素的行为方式，包括这些元素对用户交互的响应方式。 6. 测试动画。进行测试以验证动画作品是否按预期工作，查找并 修复所遇到的错误。 在整个创建过程中应不断测试动画作品。 7. 发布作品。根据应用需要，将作品发布为可在网页中显示并可 使用 Flash Player 回放的 SWF 文件。
02FlashCS3基础共49页
填充渐变填充和位图填充。
10
文本工具
1. 静态文本：不会动态更改字符的文本 2. 动态文本：动态更新的文本 3. 输入文本：可以将文本输入到表单或者调
查表中。 4. 将文本转换为图形：Ctrl+B（多个文字则
执行两次）
11
组对象
02FlashCS3基础
人的差异在于业余时间
绘制和编辑图形
教师：罗艳 电话：15828607801 办公室：C7302数字媒体教研室 邮箱： luoyanccniit 课件：ftp://da.deptniit
2
Adobe Flash CS3 Professional界面
标题栏 菜单栏 工具栏 图层
• 可通过【排列】命令改变对象之间的叠放次序，从 而对其精确定位。
• 【对齐】命令使各个对象按一定的方式互相对齐或 者分布于页面中，可以精确的控制对象在场景中的 位置。
17
对齐面板
对齐:左对齐、水平中齐、右对齐、上对齐、垂直中齐、底 对齐。将所选对象水平、垂直、向上、向下、向左、向右 进行对齐。 分布:顶部分布、垂直居中分布、底部分布、左侧分布、水 平居中分布、右侧分布。将所选对象按照中心间距或者边 缘间距相等的方式分布。 匹配大小:匹配宽度、匹配高度和匹配宽和高。调整所选对 象的大小，使所有对象水平或者垂直尺寸与所选最大对象 的尺寸一致。 间隔：垂直平均间隔和水平平均间隔，用于调整对象间的 距离。
12
发布设置
• 发布设置决定发布 Flash动画时使用哪 种导出格式。
• 默认导出：Flash文 件（.swf）和一个包 含SWF的html文件。
• 还可以根据需要选择 其他类型。
第1章 中文Flash CS3 初步
第 1 章 中文 Flash CS3 初步第 1.1 节 中文 Flash CS3 工作区和工作区布局1.1.1 中文 Flash CS3 工作区简介1．中文 Flash CS3“欢迎”屏幕通常在刚刚启动中文Flash CS3或者关闭所有Flash 文档时， 会自动调出Flash CS3的“欢 迎”屏幕，如图 111 所示。
它由 5个区域组成，各区域的作用如下。
（1） “打开最近的项目”区域：其中列出了最近打开过的 Flash 文件名称，单击其中一个文件名称，即可调出相应的 Flash 文档。
单击“打开”按钮 ，可以调出“打开”对话框，利用该对话框可以打开外部的一个或多个 Flash 文档。
（2） “建新”区域：其中列出了可以创建的 Flash 文件类型名称。
单击“Flash 文件（ActionScript 3.0） ”选项，即可新建一个普通的 Flash 文档 （ 默认的播放器版本为 FlashPlayer 9，ActionScript 版本为 ActionScript 3.0） 。
单击其他项目名称，可以快速创建一 个相应的 Flash 文档。
（3） “从模板创建”区域：其中列出了一些 Flash CS3 提供的模板类型，单击其中一个 模板类型名称或“更多”按钮 ，即可调出“从模板新建”对话框，如图 112 所示。
利用 该对话框可以选择一个具体的模板，来进一步利用模板创建 Flash 文档。
图 112 “从模板新建”对话框图 111 中文 Flash CS3“欢迎”屏幕（4） “扩展”区域：单击“Flash Exchange”按钮，可以将链接到“Flash Exchange”网 站。
可以在其中下载助手应用程序、扩展功能以及相关信息。
“帮助”区域：提供了对“帮助”资源的快速访问，可以了解 Flash CS3 新增功能、 （5）了解有关文档资源和查找 Adobe 授权的培训机构等。
Flash CS3中文版基础与实例教程(下半部分)
第十一课按钮按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。
从外观上，按钮可以是任何形式。
比如，可能是一幅位图，也可以是矢量图；可以是矩形，也可以是多边形；可以是一根线条，也可以是一个线框；甚至还可以是看不见的“透明按钮”。
11.1.1 认识按钮元件下面通过制作来详细认识按钮元件。
（1）新建一个影片文档，选择“插入”|“新建元件”命令，弹出一个【创建新元件】对话框，在“名称”中输入“按钮”，选择“类型”为“按钮”，如图1所示。
图1 新建按钮元件（2）单击“确定”按钮，进入到按钮元件的编辑场景中，如图2所示。
图2 按钮元件的时间轴按钮有特殊的编辑环境，通过在四个不同状态的帧时间轴上创建关键帧，可以指定不同的按钮状态。
“弹起”帧：表示鼠标指针不在按钮上时的状态。
“指针经过”帧：表示鼠标指针在按钮上时的状态。
“按下”帧：表示鼠标单击按钮时的状态。
“点击”帧：定义对鼠标做出反应的区域，这个反应区域在影片播放时是看不到的。
11.1.2变色按钮本小节我们要制作一个变色按钮，按钮是一个蓝色的椭圆形，当鼠标指向按钮时，椭圆变为黄色，当鼠标单击按钮时，椭圆变为绿色。
如图3所示。
图3 范例效果具体的制作步骤如下：（1）新建一个影片文档，选择“插入”|“新建元件”命令，弹出【创建新元件】对话框，在“名称”中输入“椭圆”，选择“类型”为“按钮”，如图4所示。
图4 新建按钮元件（2）单击“确定”按钮，进入到按钮元件的编辑场景中，选择椭圆工具，设置“填充色”为样本色中的“蓝色球形”。
如图5所示。
图5 选择填充色单击“确定”按钮。
在场景中绘制一个如图6所示的椭圆。
图6 椭圆（3）选择“指针经过”帧，按F6键插入一个关键帧。
把该帧上的图形重新填充为黄色到黑色的放射状渐变色，效果如图7所示。
图7 “指针经过”帧上的图形（4）选择“按下”帧，按F6键插入一个关键帧。
Flash CS3教程
第一课 Flash CS3工作环境Flash CS3以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。
1.1 工作环境简介1．开始页运行Flash CS3，首先映入眼帘的是“开始页”，“开始页”将常用的任务都集中放在一个页面中，包括“打开最近的项目”、“新建”、“从模板创建”、“扩展”以及对官方资源的快速访问。
如图1-1所示。
图 1-1 开始页如果要隐藏“开始页”，可以单击选择“不再显示”对话框，然后在弹出的对话框单击“确定”按钮。
如果要再次显示开始页，可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“欢迎屏幕”即可。
2．工作窗口在“开始页”，选择“创建新项目”下的“Flash文件”，这样就启动Flash CS3的工作窗口并新建一个影片文档。
如图1-2所示。
图1-2 Flash CS3的工作窗口Flash CS3的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。
“标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的Flash CS3命令项。
“菜单栏”下方是“主工具栏”，通过它可以快捷的使用Flash CS3的控制命令。
“主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。
“文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“工作区布局”的切换、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。
“编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。
时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。
Flash-CS3基础与实例教程(一)
第一课 Flash CS3工作环境Flash CS3以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。
1.1 工作环境简介1．开始页运行Flash CS3，首先映入眼帘的是“开始页”，“开始页”将常用的任务都集中放在一个页面中，包括“打开最近的项目”、“新建”、“从模板创建”、“扩展”以及对官方资源的快速访问。
如图1-1所示。
图 1-1 开始页如果要隐藏“开始页”，可以单击选择“不再显示”对话框，然后在弹出的对话框单击“确定”按钮。
如果要再次显示开始页，可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“欢迎屏幕”即可。
2．工作窗口在“开始页”，选择“创建新项目”下的“Flash文件”，这样就启动Flash CS3的工作窗口并新建一个影片文档。
如图1-2所示。
图1-2 Flash CS3的工作窗口Flash CS3的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。
“标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的Flash CS3命令项。
“菜单栏”下方是“主工具栏”，通过它可以快捷的使用Flash CS3的控制命令。
“主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。
“文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“工作区布局”的切换、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。
“编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。
时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。
从零开始FlashCS3_01
1.2.3 动画的测试
最简单的动画测试方法是直接使用编辑环境下的播放控制器。 从系统菜单栏中选择【窗口】/【工具栏】/【控制器】命令， 会出现【控制器】面板， 。
1.2.3 动画的测试
选择【控制】/【测试影片】命令，进入动画测试环境 。
1.2.3 动画的测试
选择【控制】/【测试影片】命令，进入动画测试环境 。
•文件的数据量小 •图像质量高 •矢量图形 •文件格式多样 •交互式动画 •流式播放技术 •插件工作方式
1.2 功能讲解
1.2.1 Flash CS3的界面
1.2 功能讲解
1.2.1 Flash CS3的界面
1.2 功能讲解
1.2.1 Flash CS3的界面
系统菜单
工具栏
主工具栏
编辑栏
场景和舞台
【发布】命令可以创建SWF文件，并将其插入浏览器窗口 中的HTML文档，也可以以其他文件格式（如GIF、JPEG、 PNG和QuickTime格式）发布FLA文件。
FlashCS3教程
元素的行为方式，包括这些元素对用户交互的响应方式。 6. 测试动画。进行测试以验证动画作品是否按预期工作，查找
并修复所遇到的错误。在整个创建过程中应不断测试动画作 品。 7. 发布作品。根据应用需要，将作品发布为可在网页中显示并 可使用Flash Player回放的SWF文件。
3.1 功能讲解
3.1.4 【选择】工具
【选项】区按钮的作用如下:
➢【贴紧至对象】 ：用于完成吸附功能的选项，在以后利用链接引 导层制作动画时，必须使其处于激活状态。拖动运动物体到运动路 径的起始点和终结点，才能使运动物体主动吸附到路径上，从而顺 利完成物体沿路径的运动。这是制作此类动画时特别要注意的一点。 ➢【平滑】 ：使线条或填充图形的边缘更加平滑。 ➢【伸直】 ：使线条或填充图形的边缘趋向于直线或折线效果。
【发布】命令可以创建SWF文件，并将其插入浏览器窗口中 的HTML文档，也可以以其他文件格式（如GIF、JPEG、 PNG和QuickTime格式）发布FLA文件。
1.3 范例解析
1.3.1 滚动的彩球
1.3 范例解析
1.3.2 发布动画作品
1.3 范例解析
1.3.2 发布动画作品
1.4 课堂实训
3.2.2 八千里路云和月
3.3 课堂实训
3.3.1 动感星形图标
3.3 课堂实训
3.3.2 “新东方”标识字
➢【颜料桶】工具可以用颜色填充封闭或半封闭区域。该工具既可以 填充空的区域也可以更改已涂色区域的颜色。填充的类型包括纯色、 渐变填充以及位图填充。
选择【颜料桶】工具，【工具】面板【选项】区包括【空隙大 小】、【锁定填充】两个按钮选项。【空隙大小】按钮下面包 含4种属性设置 ：
FlashCS3使用方法
多媒体CAI课件制作技术
华中师范大学
7.2.2 Flash 制作实例
(1) 逐帧动画实例：奔跑的豹子 逐帧动画 ：利用导入连续位图而创建。 本实例是一只矫健的豹子在奔跑跳跃 ，制作 该flash动画时，先准备好八幅豹子奔跑时不 同姿势的图片。 如下所示：
多媒体CAI课件制作技术
华中师范大学
(1) 逐帧动画实例：奔跑的豹子
多媒体CAI课件制作技术
华中师范大学
（3）引导路径动画（再续）
⑦选择引导层第一帧，使用工具栏中的【线条工具】在场景 中绘制一条直线（如下图）。 单击【选择工具】，将直线拉出一定的弧度，如下图所示， 此弧线就是太阳运动的轨迹。 ⑧单击“太阳层”第1帧，将绘制的太阳拉至曲线左端，如 下： 同样在第70帧处插入关键帧【F6】，将太阳移至曲线的 右端，如下图所示。注意在两个关键帧中一定要将太阳 的中心置于曲线上，这样太阳才能沿着所绘制的曲线运 动。 ⑨在“太阳”层任意帧处单击右键，并在快捷菜单中选 择【创建补间动画】，如上图所示。
③将库中的图zrzs_05.jpg拖入到舞台，调整图片的大小 （可使用变形工具和【Shift】键实现图片的等比例缩放）， 并将调整后的图片移至舞台适当的位置上。将“图层一” 命名为“背景”（双击“图层”然后输入“背景”），并 在70帧处插入帧，以引导动画背景到第70帧，如下图所示。
多媒体CAI课件制作技术
多媒体CAI课件制作技术 华中师范大学
在CAI课件中，使用设计合理的动画，不仅 有助于学科知识的表达和传播，使学习者 加深对所学知识的理解，提高学习兴趣和 教学效率，同时也能为课件增加生动的艺 术效果，特别对于以抽象教学内容为主的 课程更具有特殊的应用意义。
多媒体CAI课件制作技术
FLASH CS3
文本工具“属性”面 板
直接输入文字
在拖曳的文本框中输入文字
文本属性
文本“属性”面板
设置文本的字体、字体大小、样式和颜色 设置字符与段落 设置文本超链接
变形文本
选中文字，按2次Ctrl+B组合键，将文字打散。选择“修改 > 变形 > 封 套”命令，在文字的周围出现控制点，拖动控制点，改变文字的形状。
主工具栏
时间轴
时间轴用于组织和控制文件内容在一定时间内播放。按照功能的不同，时 间轴窗口分为左右两部分，分别为层控制区、时间线控制区。
时间轴
场景和舞台
场景是所有动画元素的最大活动空间。像多幕剧一样，场景可以不止一 个。要查看特定场景，可以选择“视图 > 转到”命令，再从其子菜单中选择 场景的名称。场景也就是常说的舞台，是编辑和播放动画的矩形区域。在舞 台上可以放置、编辑向量插图、文本框、按钮、导入的位图图形、视频剪辑 等对象。舞台包括大小、颜色等设置。
设置不同的边框属性和填充颜色后绘制的图形
钢笔工具
选择“钢笔”工具，将鼠标放置在舞台上想要绘制曲线的起始位置，然 后按住鼠标不放。此时出现第一个锚点，并且钢笔尖光标变为箭头形状。松 开鼠标，将鼠标放置在想要绘制的第二个锚点的位置，单击鼠标并按住不放， 绘制出一条直线段。将鼠标向其他方向拖曳，直线转换为曲线。松开鼠标， 一条曲线绘制完成 。
应用任意变形工具变形图形
应用渐变变形工具改变渐变效果
手形工具和缩放工具
手形工具
如果图形很大或被放大得很大， 那么需要利用“手形”工具调整观察 区域。选择“手形”工具，光标变为 手形，按住鼠标不放，拖动图像到需 要的位置。
缩放工具
利用缩放工具放大图形以便观察 细节，缩小图形以便观看整体效果。 选择“缩放”工具，在舞台上单击可 放大图形。要想放大图像中的局部区 域，可在图像上拖曳出一个矩形选取 框，松开鼠标后，所选取的局部图像 被放大。选中工具箱下方的“缩小” 按钮，在舞台上单击可缩小图像。