FlashCS5项目教学
合集下载
《Flash CS5工作过程导向标准教程》课件项目05
图5-1 动画参考效果
任务一：背景动画的处理
图5-2 更改图层名称
图5-3 【颜色】面板
图5-4 矩形效果
图5-5 【颜色】面板
图5-6 绘制虚光的圆形
图5-7 绘制的矩形
图5-8 【变形】面板
图5-9 缩小倾斜的矩形
图5-10 【转换为元件】对话框
图5-11 创建传统补间动画
5.2 项 目 分 析
在各种媒体宣传广告中，网络广告越来越被商家所重视， 它主要分为静态图片广告、动态Flash广告以及Flash交互形 式的广告。
5.3 项 目 实 施
本项目的制作技术并不难，主要是了解Flash中文本工 具的使用以及动画预设功能的便捷性，另外需要熟练运用影 片剪辑元件。本项目的参考效果如图5-1所示。
图5-77 传统补间动画的外观形态
3. 补间形状动画 补间形状动画是一种Flash动画类型，不仅可以制作出 图形外形的变化，也可以制作出移动、缩放、色彩变化、变 速运动、遮罩等动画效果。但是补间形状动画的动画对象必 须是图形，也就是说，只有图形才能用来制作补间形状动画， 如果要对文字、实例、群组对象等制作补间形状动画，必须 先执行【分离】命令将其分离为图形。在【时间轴】面板中， 它的外观形态是在两个关键帧之间以黑色箭头和绿色背景呈 现，如图5-78所示。
图5-12 第1帧中的“星”实例的属性
图5-13 第20帧中的“星”实例的属性
图5-14 复制选择的帧
图5-15 【时间轴】面板
图5-16 “图层5”的第41帧中的实例属性
图5-17 星星的闪烁效果
任务二：制作公司Logo动画
图5-18 创建的新图层
图5-19 【属性】面板
图5-20 绘制的折线
FlashCS5项目教学教案1
任务实施
一、启动FlashCS5并熟悉工作界面
文档选项卡编辑栏
舞台工具箱
知识库
与电影胶片类似，Flash动画的基本单位为帧，多个帧上的画面连续播放，便形成了动画。
图层就像堆叠在一起的多张幻灯片，每个图层都有独立
制作动画时，适当地放大视图显示比例，可以对图形的细微处进行精确处理；
本人有FLASH CS ５项目教学的全部教学资料，包括教案，课件，素材原文件与练习用文件，视频资料等，需要请联系QQ ：32177763，因是自己精心制作，不免费哟，非诚勿扰。
教案简图
课件简图：
项目一学习资料：
项目二学习资料：
项目3-9不到上图，视频资料：。
《Flash CS5工作过程导向标准教程》课件项目09
图9-13 复制的小腿
图9-14 复制的右腿
图9-15 火柴人效果
任务二：添加骨骼
图9-16 创建躯干与头部之间的骨骼
图9-17 创建躯干与右上臂之间的骨骼
图9-18 创建上臂与前臂之间的骨骼
图9-19 创建左手臂的骨骼
图9-20 创建躯干与臀部之间的骨骼
图9-21 创建左腿的骨骼
图9-47 打开的文件
图9-48 创建的骨骼
图9-49 创建骨骼后的图层
图9-50 【时间轴】面板
图9-51 移动曲臂
图9-52 拖动吊车的钢爪
知识点二：骨骼动画的编辑 1. 选择骨骼 如果要选择单个骨骼，可以使用“选择工具” 单击
此骨骼，这时【属性】面板中将显示该骨骼的属性，如图953所示。
9.2 项 目 分 析
使用骨骼工具制作人物动画时可以省不少力气。但是在 制作火柴人动画时，要注意符合人体各个部位的运动规律， 使其看起来自然舒适。
9.3 项 目 实 施
在Flash中既可以对图形创建骨骼动画，也可以对元件 的实例创建骨骼动画，本项目使用的是元件的实例，两者在 操作上大同小异，关键是人物姿态的调整与骨骼属性的设置。 本项目的参考效果如图9-1所示。
图9-61 【属性】面板
图9-62 【属性】面板
9.5 项 目 实 训
“骨骼工具” 作为Flash的新工具，在制作角色动 画的时候，可以让整个制作过程变得简单、轻松、自如。它 不但可以应用于元件的实例，而且可以对图形应用骨骼动画。 下面使用图形对象来制作水蛇的骨骼动画。
任务分析 首先绘制出水蛇的形状，然后添加骨骼，骨骼要添加的 多一些，使动画尽量平滑。另外，为了增加视觉效果，还可 以添加上背景，并制作出水波的动画效果。 任务素材 光盘位置：光盘\项目09\实训，素材如图9-63所示。 参考效果 光盘位置：光盘\项目09\实训，参考效果如图9-64所示。
《Flash CS5工作过程导向标准教程》课件项目11
图11-47 绘制的圆环
图11-48 绘制的圆形
图11-49 添加“红色小圆点”实例
图11-50 擦除后的运动引导线
图11-51 第30帧中的实例中心点
图11-52 第50帧中的实例中心点
图11-53 输入的文字
图11-54 添加的“半径动画”实例
图11-55 添加的“直径动画”实例
6．关键字 AS 3.0专门保留了一些单词用于本语言中，称为关键字， 它们不能被作为自定义变量、函数的名字。例如，var、 public、class、if、with、new等都属于关键字。
7．常量 AS 3.0中全部使用大写字母表示常量，各个单词之间用 下划线(_)分隔。例如，常量CLICK、DOUBLE_CLICK等。
项目11 制作一个数学课件
11.1 项目说明 11.2 项目分析 11.3 项目实施 11.4 知识延伸 11.5 项目实训
11.1 项 目 说 明
Flash是目前最流行的课件制作工具之一，由它制作的 教学课件体积小、动画效果丰富、交互功能强大，可以大大 提高教学内容的表现力和感染力。该项目是为某初中数学老 师制作的一个教学课件——“圆的认识”，要求能够帮助同 学理解圆、圆心、半径、直径的概念。
知识点六：AS 3.0的控制结构 1．条件判断 1) if语句 if语句的意思就是“如果…那么…”，即如果“条件表
达式”成立，那么执行“语句内容”。if语句的语法格式为：
if(条件表达式) {
语句内容 }
if…else条件语句是if条件语句的另一种标准格式，它的 意思是“如果…那么…，否则…”。它的表达式为：
2．循环语句 1) for循环 for循环在每次循环重复之前都要测试条件，如果测试 成功，则执行循环体内的代码；如果测试不成功，则不执行 循环体内的代码。语法表达式为：
FLASHcs5 教案
方法
讲授与示范
教学环节
教学过程
教学内容
教师活动
学生活动
备注
导入
通过上节课的学习,你一定想见一见Flash MX的庐山真面目
导入新课
明确任务
新授
一. Flash MX的启动与退出:
“开始”→”程序”→”Flash MX”
启动
双击桌面快捷图标“f”
单击标题栏的“
退出
单击“文件”→“退出”
二．Flash MX的工作界面：
二、存储、打开、关闭Flash动画
*fla*swf
三、改变显示方式
四、输出和发布Flash产品：]
在Flash中，一个动画制作成功后，生成作品的方法有两种：一是将其输出为影片或图像。二是将其发布成为指定格式的文件。可发布的文件格式：*swf *html gif jpg png exe mov
示范
讲解与示范
（窗口是舞台与时间轴的合称）
二、舞台工作区的调整：
1．大小“修改”“影片”（文）
2．颜色
3.位置:滚动条或手形工具
4.显示比例:列表框“查看”
缩放比例
三、舞台中的标尺、网格和引导线“查看”菜单
讲授舞台
舞台工作区及窗口之间的区别与联系
讲解与示范如何去何调整舞台工作区的大小、颜色、显示比例及位置
理解舞台、舞台工作区及窗口的含义
重点
Flash影片的制作过程
难点
移动过渡动画的制作方法
方法
讲授与制作过程
教学环节
教学过程
教学内容
教师活动
学生活动
备注
导入
展示“跟我学Flash”
展示影片
欣赏观察
新授
一、导分析，描述动画的效果
讲授与示范
教学环节
教学过程
教学内容
教师活动
学生活动
备注
导入
通过上节课的学习,你一定想见一见Flash MX的庐山真面目
导入新课
明确任务
新授
一. Flash MX的启动与退出:
“开始”→”程序”→”Flash MX”
启动
双击桌面快捷图标“f”
单击标题栏的“
退出
单击“文件”→“退出”
二．Flash MX的工作界面：
二、存储、打开、关闭Flash动画
*fla*swf
三、改变显示方式
四、输出和发布Flash产品：]
在Flash中，一个动画制作成功后，生成作品的方法有两种：一是将其输出为影片或图像。二是将其发布成为指定格式的文件。可发布的文件格式：*swf *html gif jpg png exe mov
示范
讲解与示范
（窗口是舞台与时间轴的合称）
二、舞台工作区的调整：
1．大小“修改”“影片”（文）
2．颜色
3.位置:滚动条或手形工具
4.显示比例:列表框“查看”
缩放比例
三、舞台中的标尺、网格和引导线“查看”菜单
讲授舞台
舞台工作区及窗口之间的区别与联系
讲解与示范如何去何调整舞台工作区的大小、颜色、显示比例及位置
理解舞台、舞台工作区及窗口的含义
重点
Flash影片的制作过程
难点
移动过渡动画的制作方法
方法
讲授与制作过程
教学环节
教学过程
教学内容
教师活动
学生活动
备注
导入
展示“跟我学Flash”
展示影片
欣赏观察
新授
一、导分析，描述动画的效果
《Flash CS5动画制作项目教程》教学课件 005
预备知识 一、编辑元件
创立好元件后，用户可进入元件的编辑状态对其进行修改， 修改方法与修改主时间轴中的对象相同〔也可在元件内部创立动 画〕。对元件进行修改后，该元件在舞台上的所有元件实例也会 随之改变。进入元件编辑状态的方法主要有以下几种。
▪ 使用“选择工具〞双击舞台中的元件实例，此时元件中
的对象可以编辑，舞台中其他对象不能编辑并以高光显 示。
闪电动画
任务三 元件应用技巧
任务说明
在前面的任务中我们已经学习了元件的创立、编辑和 使用方法。虽然元件的创立和编辑很简单，但要完全掌握 其使用技巧也不是一件容易的事。本任务将带着读者解决 这些问题。
预备知识
一、图形元件应用技巧
因为图形元件中的时间轴是与主场景的时间轴同步的， 所以具有以下特点和应用技巧。
设置元件实例的色彩效果
▪ 设置显示效果：使用“选择工具〞选中影片剪辑或按
钮元件实例后〔注意不能设置图形元件实例的显示效 果〕，可利用“属性〞面板“显示〞区的“混合〞下 拉列表中的选项设置实例与排列在其下方对象的融合 效果。
设置影片剪辑实例的混合效果
▪ 添加滤镜：使用“选择工具〞选中影片剪辑或按钮元
件实例后，可利用“属性〞面板的“滤镜〞区为所选 对象添加滤镜。
▪ 设置对象在三维空间的位置：使用“选择工具〞选中
影片剪辑实例后，可利用ห้องสมุดไป่ตู้属性〞面板的“3D定位和 查看〞区设置所选对象在三维空间中的位置。
任务实施——制作闪电动画
下面我们通过制作一个闪电的动画效果，学习元件的相 关操作。
翻开素材文档后，在“背
对象。
1.要转换元件，可选中舞台上需要转换的对象，如选中“背 景〞图层中的所有对象，然后选择“修改〞>“转换为元件 〞菜单项，或按快捷键【F8】，在弹出的“转换为元件〞 对话框中输入元件名称、选择元件类型、设置对齐点后， 单击“确定〞按钮，即可将所选对象转换为元件 。
《Flash CS5工作过程导向标准教程》课件项目10
图10-10 【时间轴】面板
图10-11 设置多角星形边数
图10-12 绘制的六角星形
图10-13 【柔化填充边缘】对话框
图10-14 雪花效果
图10-15 转换为元件
图10-16 选择元件
图10-17 喷涂刷工具属性设置
图10-18 绘出的雪花图形
图10-19 分离雪花图形
图10-20 调整后的效果
图10-54 柔化填充边缘效果
图10-55 【柔化填充边缘】对话框
图10-56 原图、扩展、插入的效果
知识点三：喷涂刷工具 “喷涂刷工具” 类似于粒子喷射器，使用它可以一
次性将图案“刷”到舞台上。默认情况下，喷涂刷使用当前 选定的填充颜色喷射粒子点。除此之外，用户也可以自定义 喷涂对象。
图10-57 【属性】面板
图10-30 【时间轴】面板
图10-31 绘制的矩形
图10-32 创建遮罩动画
图10-33 【颜色】面板
图10-34 调整渐变方向
图10-35 测试影片
任务四：添加背景音乐
图10-36 【导入到库】对话框
图10-37 设置声音的属性
图10-38 【时间轴】面板
图10-39 添加声音
10.2 项 目 分 析
Flash贺卡的最大特点就是图文并茂、声像俱全，可以 非常立体化地表达情感，更好地抒发对亲人、朋友、同学的 思念。
10.3 项 目 实 施
在制作本项目的过程中，关键是学会在Flash中使用视 频文件、声音文件，并合理设置声音的属性，然后配合前面 学习的各种动画制作技术，就可以创建出非常漂亮的Flash 贺卡。本项目的参考效果如图10-1所示。
图10-50 对视频进行简单修剪
图10-51 【导出设置】选项组
图10-11 设置多角星形边数
图10-12 绘制的六角星形
图10-13 【柔化填充边缘】对话框
图10-14 雪花效果
图10-15 转换为元件
图10-16 选择元件
图10-17 喷涂刷工具属性设置
图10-18 绘出的雪花图形
图10-19 分离雪花图形
图10-20 调整后的效果
图10-54 柔化填充边缘效果
图10-55 【柔化填充边缘】对话框
图10-56 原图、扩展、插入的效果
知识点三：喷涂刷工具 “喷涂刷工具” 类似于粒子喷射器，使用它可以一
次性将图案“刷”到舞台上。默认情况下，喷涂刷使用当前 选定的填充颜色喷射粒子点。除此之外，用户也可以自定义 喷涂对象。
图10-57 【属性】面板
图10-30 【时间轴】面板
图10-31 绘制的矩形
图10-32 创建遮罩动画
图10-33 【颜色】面板
图10-34 调整渐变方向
图10-35 测试影片
任务四：添加背景音乐
图10-36 【导入到库】对话框
图10-37 设置声音的属性
图10-38 【时间轴】面板
图10-39 添加声音
10.2 项 目 分 析
Flash贺卡的最大特点就是图文并茂、声像俱全，可以 非常立体化地表达情感，更好地抒发对亲人、朋友、同学的 思念。
10.3 项 目 实 施
在制作本项目的过程中，关键是学会在Flash中使用视 频文件、声音文件，并合理设置声音的属性，然后配合前面 学习的各种动画制作技术，就可以创建出非常漂亮的Flash 贺卡。本项目的参考效果如图10-1所示。
图10-50 对视频进行简单修剪
图10-51 【导出设置】选项组
《Flash CS5工作过程导向标准教程》课件项目12
图12-53 【属性】面板
知识点四：影片优化 1. 优化对象 2. 优化字体和文字 3. 优化线条 4. 优化图形颜色
知识点五：SWF文件发布设置 完成了Flash动画的制作以后，我们可以将其发布为
SWF文件，单击菜单栏中的【文件】/【发布设置】命令， 打开【发布设置】对话框，然后切换到【Flash】选项卡， 如图12-54所示，在这里可以对相关选项进行设置。
方法二：完成了Flash动画的制作，并保存文件后，通 过【发布设置】对话框设置发布参数，然后单击菜单栏中的 【文件】/【发布】命令，完成动画的发布。
12.5 项 目 实 训
对于基本的Flash项目是一个非常简单的网站 架构，使用AS 2.0实现页面的跳转，请利用学习的内容，制 作一个类似架构的Flash网站。
项目12 制作一个Flash网站
12.1 项目说明 12.2 项目分析 12.3 项目实施 12.4 知识延伸 12.5 项目实训
12.1 项 目 说 明
小张爱好摄影，喜欢拍摄一些花草、鸟虫之类，他希望 建立一个Flash网站，展示自己的作品，推销自己，实现与 网友的互动交流。要求网站具有个性，能够实现基本的网络 功能，如留言、展示、论坛等。本项目将学习Flash网站的 制作方法。
图12-1 动画参考效果
任务一：网站外观的制作
图12-2 导入的图片
图12-3 【属性】面板
图12-4 输入的文字
图12-5 输入的文字及其属性
图12-6 绘制的矩形
图12-7 插入的关键帧
图12-8 第1帧、第6帧和第8帧处的矩形形态
图12-9 【属性】面板
图12-10 【属性】面板
图12-54 【发布设置】对话框
知识点六：HTML文件发布设置 在Web浏览器中播放Flash动画时，需要一个能激活
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
二、自定义Flash CS5工作界面
用户可以根据个人习惯和工作需要，对Flash CS5的工作 界面进行调整，调整后还可将工作界面保存起来，方便以后 调用。要调整Flash CS5的工作界面可参考以下操作。
1.启动Flash CS5并进入其工作界面后，单击“标题栏” 右侧的”基本功能”下拉按钮，可在展开的下拉列表 中根据自己的需要选择工作界面的外观模式。
网页广告
Flash音乐动画
二、Flash动画的特点
Flash动画的主要特点如下。
• 制作简单：Flash动画的制作相对比较简单，一个爱好者 只要掌握一定的软件知识，拥有一台电脑，一套软件就可 以制作出简单的动画。
• 存储容量小和缩放时不失真：Flash动画主要由矢量图形 组成，矢量图形具有存储容量小，并且在缩放时不会失真 的优点。此外，在发布Flash动画的过程中，程序还会压 缩、优化各种动画组成元素（如位图图像、音频、视频 等），这就进一步减少了动画的存储容量，从而使其更适 于在网络上传输和播放。
展开相应面板
任务二 制作第一个Flash动画
任务说明
制作Flash动画时，首先需要新建一个Flash文档并设 置文档属性。对于新手来说，要制作出Flash动画，还需要 简单了解一下制作动画的基本原理。本任务将带领大家学习 这些知识，并创建第一个Flash动画作品。
预备知识 一、Flash文档基本操作
任务一 初识Flash CS5
任务说明
下面将带领读者了解Flash动画的应用领域、特点及创作 流程，以及掌握启动和退出Flash CS5的方法，并认识Flash CS5的工作界面。
预备知识
一、Flash动画的应用领域
Flash动画被广泛应用于网页设计、网页广告、网络动画、 多媒体教学课件、游戏、企业宣传、产品展示和电子相CS5 • 制作第一个Flash动画 • 使用Flash CS5的辅助功能
• 本人有FLASH CS５项目教学的全部教学资料，包括教案，课件，素 材原文件与练习用文件，视频资料等，需要请联系QQ：32177763， 因是自己精心制作，不免费哟，非诚勿扰。
2.如果在默认的工作界面 中找不到需要的面板，可 以通过选择“窗口”>“面 板名称”菜单来打开它， 例如打开“动作”面板
选择工作界面的外观模式
打开“动作”面板
3. Flash会将某些性质相似的 面板放在同一面板组中，此 时单击面板组上方该面板的 名称标签，可在不同的面板 之间切换 。
切换面板
4.要将不需要的面板关闭，只需单击该面板右 上角的 按钮，在展开的下拉菜单中选 择“关闭”选项即可；若选择“关闭组”选项， 可关闭同组的所有面板。
单击此处的选 项，可使用系 统自带的一些 模板制作Flash 动画
单击该选项可 打开“打开” 对话框，从中 可选择要打开 的文档
Flash CS5开始页
3.进入Flash CS5的工作界面后，我们可以看到其工作界面由 标题栏、菜单栏、文档选项卡、主工具栏、时间轴、编辑栏、 舞台、工具箱和多个控制面板等组成 。
正确安装Flash CS5并进行注册后，可参照以下步骤启动 Flash CS5。
1.单击“开始”按钮，在弹出的菜单中选择“所有 程序”>“Adobe Design Premium CS5”>“Adobe Flash Professional CS5”，或双击桌面上的图标。
启动Flash CS5
2.打开Flash CS5的开始页，单击“ActionScript 3.0” 或者“ActionScript 2.0”选项即可新建一个Flash文档， 并进入Flash CS5的工作界面 。
• 工具箱：工提供了绘制、编辑和填充图形，以及缩放和平 移舞台的工具。要选择某工具，只需单击该工具即可。另 外，部分工具的右下角带有黑色小三角，表示该工具中隐 藏着其他工具，在该工具上按住鼠标左键不放，可从弹出 的工具列表中选择其他工具。
• “时间轴”面板：默认情况下，“时间轴”面板位于舞台 下方，用于组织和控制动画内容，它主要包括图层和时间 帧两部分。“时间轴”面板的左侧区域显示了动画中包含 的图层名称及其相应状态，右侧显示了各图层的时间轴。
Flash CS5工作界面
• 文档选项卡：当打开多个文档后，单击由文档名称形成的 文档选项卡标签可切换当前编辑的文档，单击文档选项卡 右侧的“关闭”按钮，可关闭相应的文档。
• 编辑栏：用于选择需要进行编辑的场景、元件，以及设置 舞台显示比例。
• 舞台：舞台是用户创作和编辑动画内容的场所。在工具箱 中选择绘图或编辑工具，并在时间轴面板中选择需要处理 的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意， 位于舞台外的内容在播放动画时不会被显示。
• 交互性强：我们可使用ActionScript语言为Flash动画添加 代码，使动画具有交互性。
三、Flash动画创作流程
每个人创建Flash动画的习惯不同，但都会遵循一个基本的 流程。下面便为读者介绍创建Flash动画的流程。
① 前期策划
② 准备素材
③ 制作动画
⑤ 发布作品
④ 后期调试
任务实施 一、启动Flash CS5并熟悉工作界面
播放头
图层区
“时间轴”面板
时间帧标尺 时间帧
时间帧状态栏
• “属性”面板：“属性”面板默认位于舞台右侧，利用它 可以方便地查看和更改当前选定对象的属性。当前选定的 对象的不同，“属性”面板中的选项也会不同。
• 其他面板：例如，利用“颜色”面板可以设置图形的填充 色或线条颜色；利用“库”面板可以保管Flash动画中用 到的素材，如元件、音乐、视频和位图等素材。
关闭面板
6.单击右侧面板组右上角的 “折叠”按钮 或“展开”按 钮 ，可使面板组在图标状态 和展开状态之间切换。
切换面板显示状态
7.在面板组处于图标状态时，单 击某图标可展开相应面板；再 次单击可折叠面板。
8.如果不小心将工作界面调乱了，还可在 “布局模 式”下拉列表中选择“重置XXX”选项，恢复默认的 工作界面。若在该下拉列表中选择“新建工作区” 选项，则可将当前工作界面保存起来。