电子课件-《Flash CC动画设计与制作》-A06-2765 第一章 Flash CC基础知识
合集下载
《Flash CC动画制作案例教程》教学课件 第1章 Flash CC基础知识
• 一切准备妥当后就可 以开始制作动画了， 这主要包括为角色设 计动作，角色与背景 的合成，动画与声音 的合成等。
（4）后期调试
（5）发布作品
• 后期调试包括调试动 画和测试动画两方面。 调试动画主要是针对 动画的细节、动画片 段的衔接、场景的切 换、声音与动画的协 调等进行调整，使整 个动画显得更加流畅 和有节奏感；测试动 画是对动画在本地和 网上的最终播放效果 进行检测，以保证动 画能完美地展现在观 众面前。
Flash CC工作界面
案例一 制作接球动画——Flash动画制作快速入门
下面简单了解一下其特有的组成元素的作用：
文档选项卡：当翻开多个文档后，单击由文档名称形成的文档选项卡标签可切换当前编辑的 文档，单击文档选项卡右侧的“关闭〞按钮 ，可关闭相应的文档。 编辑栏：用于选择需要进行编辑的场景、元件，以及设置舞台显示比例。 舞台：舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在〞时 间轴〞面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于 舞台外的内容在播放动画时不会被显示。 工具箱：提供了绘制、编辑和填充图形，以及缩放和平移舞台的工具。要选择某工具，只需 单击该工具即可。另外，局部工具的右下角带有黑色小三角 ，表示该工具中隐藏着其他工具， 在该工具上按住鼠标左键不放，可从弹出的工具列表中选择其他工具。
案例一 制作接球动画——Flash动画制作快速入门
传统动画和影视都是通过连续播放一组静态画面实现的，每一幅静态画面就是一个帧，Flash动画也是如 此。在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性，例如位置、形状、大小、颜色、透明 度等，当播放头在这些帧之间移动时，便形成了动画。
下面通过制作一个心跳动的动画来说明Flash动画的制作原理：
电子课件-《Flash CC动画设计与制作》-A06-2765 第一章 Flash CC基础知识
1.2.2 Flash CC软件的卸载
第1步：单击电脑桌面的“开始”按钮或“Windows”图标，选择“ 所有程序”菜单栏下的“控制面板”命令。
第2步：弹出“控制面板”窗口，鼠标左键单击“程序—卸载程序” 选项。
第3步：弹出“卸载或更改程序”界面，在界面中选择 AdobeFlashProfessional CC选项，鼠标左键单击“卸载”命令。 第4步：弹出“卸载选项”界面，根据自己的需求勾选卸载内容，然
1.5.2 制作步骤
制作过程中主要使用“矩形工具”、“多边星形工具”、“ 线条工具”、“钢笔工具”等组合完成。
1.6 综合案例（二）绘制灯笼
• 1.6.1 案例描述
• 1.6.2 制作步骤
1.6.1 案例描述
本案例制作一个大红灯笼高高挂起，以增添节日的喜庆气氛。 该案例主要练习Flash绘图及属性设置能力，制作过程中使用文件导 入、椭圆工具、线条工具、选取工具、部分选取工具等组合完成。 最终如效果图所示。
令启动程序，如图1-16所示。（首次启动将弹出登录欢迎界面。 ） 第2种： 在电脑桌面上单击 （Adobe Flash professional CC）的快捷方 式。 第3种：双击Flash相关联的文档，即双击一个Flash文档。
• 2．退出Flash CC，常见的退出方式有4种。 • 第1种：在菜单栏中选择【文件】>【退出】命令，即可退出Flash。 • 第2种：在程序窗口左上角的图标上右击，在弹出的快捷菜单中选
在广告动画领域，以动画为主的广告形式也随之出现，它不但可以给创意策划带 来更大的空间，而且也节省了财力物力，可避免实物拍摄所产生的弊端。最 重要的能给观众带来一个全新的视觉感受，让人们在娱乐的同时对广告宣传 的产品有了一个深刻的记忆。目前，新浪、搜狐、亚马逊、京东、淘宝等大 型门户商业网站都很大程度地使用了Flash动画。
Flash动画设计与制作教学PPT课件
提供各种预设的图形、按钮、声音和视频 导入功能。
Flash动画制作流程
故事板设计
确定动画的主题和情节， 绘制故事板草图。
角色与场景设计
根据故事板，设计角色和 场景的外观。
动画制作
根据故事板和角色设计， 制作动画的关键帧和中间 帧。
音效与配乐
添加音效、背景音乐和声 效，增强动画的氛围。
测试与发布
在完成动画制作后，进行 测试并发布到不同的平台。
02 场景布局
合理安排场景中的元素，如建筑、道具、光线等， 营造出场景的氛围和意境，增强观众的代入感。
03 细节处理
注重场景中的细节处理，如纹理、质感、光影等， 使场景更加真实、细腻，提高观众的视觉体验。
色彩与构图
色彩设计
根据故事情感和主题，选择合适 的色彩搭配，如冷暖色调、对比 色等，营造出特定的氛围和情感。
02 表情与动作
通过细腻的表情和动作设计，表现出角色的情感 和性格特点，增强角色的表现力和感染力。
03 服装与道具
根据角色特点和故事背景，为角色设计合适的服 装和道具，使角色形象更加完整和统一。
场景设计
01 场景风格
根据故事背景和主题，选择合适的场景风格，如 写实、卡通、科幻等，使场景与故事相得益彰。
• 总结词：通过逐帧动画，可以创建出细腻、流畅的动画效果，适合表现细节丰富的动作或场 景。
实例一：制作一个简单的逐帧动画
详细描述 01
确定动画主题和内容，准备素材。 02
在Flash中新建一个空白文档，设置舞台大小和帧 03 频。
实例一：制作一个简单的逐帧动画
01 在时间轴中插入关键帧，将准备好的素材逐一拖 拽到舞台中。
• 总结词：引导线动画是一种通过引导线来控制对 象运动轨迹的动画方式，可以创建出曲线运动效 果。
Flash动画制作流程
故事板设计
确定动画的主题和情节， 绘制故事板草图。
角色与场景设计
根据故事板，设计角色和 场景的外观。
动画制作
根据故事板和角色设计， 制作动画的关键帧和中间 帧。
音效与配乐
添加音效、背景音乐和声 效，增强动画的氛围。
测试与发布
在完成动画制作后，进行 测试并发布到不同的平台。
02 场景布局
合理安排场景中的元素，如建筑、道具、光线等， 营造出场景的氛围和意境，增强观众的代入感。
03 细节处理
注重场景中的细节处理，如纹理、质感、光影等， 使场景更加真实、细腻，提高观众的视觉体验。
色彩与构图
色彩设计
根据故事情感和主题，选择合适 的色彩搭配，如冷暖色调、对比 色等，营造出特定的氛围和情感。
02 表情与动作
通过细腻的表情和动作设计，表现出角色的情感 和性格特点，增强角色的表现力和感染力。
03 服装与道具
根据角色特点和故事背景，为角色设计合适的服 装和道具，使角色形象更加完整和统一。
场景设计
01 场景风格
根据故事背景和主题，选择合适的场景风格，如 写实、卡通、科幻等，使场景与故事相得益彰。
• 总结词：通过逐帧动画，可以创建出细腻、流畅的动画效果，适合表现细节丰富的动作或场 景。
实例一：制作一个简单的逐帧动画
详细描述 01
确定动画主题和内容，准备素材。 02
在Flash中新建一个空白文档，设置舞台大小和帧 03 频。
实例一：制作一个简单的逐帧动画
01 在时间轴中插入关键帧，将准备好的素材逐一拖 拽到舞台中。
• 总结词：引导线动画是一种通过引导线来控制对 象运动轨迹的动画方式，可以创建出曲线运动效 果。
flash动画设计课件
第1章
1.1 1.2
Flash 基础
Flash 的背景知识 Flash 的安装
1.3
1.4
Flash 的启动与退出
Flash 的工作环境
1.5
1.6
2013-7-31
Flah 的基本概念
使用辅助工具
1
1.1
1.1.1
Flash 的背景知识
Flash 简介
Flash 是Macromedia公司推出的一款多媒体动画制作软
2013-7-31 15
2.2.1
2.2 绘图工具 线条工具
线条工具
用于绘制直线的工具，在工具箱中选取“线条工具” 后，可先在属性面板中设臵好笔触颜色、样式及高 度，然后在舞台中单击并拖动就可以绘制直线。如 下图所示。
图2-9 不同类型的线条
2013-7-31
图2-10 绘制一个三角形
16
2.2.2 铅笔工具
2.1 矢量图与位图 2.2 绘图工具 2.3 颜色的填充 2.4 处理文本 2.5 形状渐变动画实例
2013-7-31 14
2.1 矢量图与位图
2.1.1 矢量图形
矢量图形使用直线和曲线（即所谓的“矢量”）来描述图像。当用户编
辑矢量图形时，实际上是在修改直线和曲线的属性。矢量属性还包括颜 色和位臵属性。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩
手形工具
缩放工具
笔触颜色 填充颜色
工具功能选项
图1-5 工具箱
2013-7-31
返回3
5
1.2.5
时间轴
“时间轴”控制面板，简称“时间轴”（如下图所示）,它可以对动画中层
和帧的电影内容进行组织和控制，使这些内容随着时间的推移而发生相应的 变化。层就像多种电影胶片叠放在一起，每一层中都包含不同的图像，它们
1.1 1.2
Flash 基础
Flash 的背景知识 Flash 的安装
1.3
1.4
Flash 的启动与退出
Flash 的工作环境
1.5
1.6
2013-7-31
Flah 的基本概念
使用辅助工具
1
1.1
1.1.1
Flash 的背景知识
Flash 简介
Flash 是Macromedia公司推出的一款多媒体动画制作软
2013-7-31 15
2.2.1
2.2 绘图工具 线条工具
线条工具
用于绘制直线的工具，在工具箱中选取“线条工具” 后，可先在属性面板中设臵好笔触颜色、样式及高 度，然后在舞台中单击并拖动就可以绘制直线。如 下图所示。
图2-9 不同类型的线条
2013-7-31
图2-10 绘制一个三角形
16
2.2.2 铅笔工具
2.1 矢量图与位图 2.2 绘图工具 2.3 颜色的填充 2.4 处理文本 2.5 形状渐变动画实例
2013-7-31 14
2.1 矢量图与位图
2.1.1 矢量图形
矢量图形使用直线和曲线（即所谓的“矢量”）来描述图像。当用户编
辑矢量图形时，实际上是在修改直线和曲线的属性。矢量属性还包括颜 色和位臵属性。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩
手形工具
缩放工具
笔触颜色 填充颜色
工具功能选项
图1-5 工具箱
2013-7-31
返回3
5
1.2.5
时间轴
“时间轴”控制面板，简称“时间轴”（如下图所示）,它可以对动画中层
和帧的电影内容进行组织和控制，使这些内容随着时间的推移而发生相应的 变化。层就像多种电影胶片叠放在一起，每一层中都包含不同的图像，它们
flash第1章
本章要点: 了解什么是Flash Flash的特点 认识FlashCS3的工作界面，简单介 绍各种面板 讲解Flash的基本操作
Flash 动画设计与制作
1.1
Flash概述
Flash 动画设计与制作
1.1.1 什么是Flash
Flash是美国Macromedia公司推出的 世界主流多媒体网络交互动画工具软件， 设计人员和开发人员可以用它来创建演 示文稿、应用程序和其它允许用户交互 的内容。它可以通过添加图片、声音、 视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。
Flash 动画设计与制作
1.5 与Flash相关的各种文件类型 Flash可与多种文件类型一起使用， 每种类型的文件有不同使用方法和用途。 FLA文件 SWF文件 AS文件
SWC文件 FLP文件
2．自定义面板
小三角折叠按钮 面板控点 标题栏 折叠的标题栏 展开的标题栏
图1-21 自定义面板
Flash 动画设计与制作
3．自定义快捷键
直接复制副本按钮
重命名设置按钮 删除设 置按钮
单击+号按钮增 加快捷键
图1-22 【快捷键】对话框
Flash 动画设计与制作
1.4.4 网格和标尺 在实际操作Flash制作动画的过程中， 有时需要对某些对象进行精确定位，这时 可以通过设置网格和标尺来定位对象。
Flash 动画设计与制作
1.3.1 FlashCS3的工作界面
打开已有 Flash文件
新建各种 Flash文件
从模板新建各种 Flash文件
图1-2 打开Flash应用程序
Flash 动画设计与制作
菜单栏 工具箱
时间轴
《Flash动画设计与制作》教学课件—01Flash软件工具
1.6 基本动画
帧分为3种类型：普通帧、关键帧、空白关键帧；帧的操作包括选择帧、复制和粘贴、移动帧 以及删除帧等。如下图所示。
帧分为3种类型：普通帧、关键帧、空白关键帧；帧的操作包括 选择帧、复制和粘贴、移动帧以及删除帧等。如下图所示。
动画分为逐帧动画、形状动画、动作补间动画、引导动画和遮 罩动画五种，每一种都用于不同的类型，而产生不同效果。
1.4 图像编辑
1.4.1位图与矢量图
计算机绘图分为位图(又称点阵图或栅格图像)和矢量图形两大类，认识他们的特色和差 异，有助于创建、输入、输出编辑和应用数字图像。位图图像和矢量图形没有好坏之分，只 是用途不同而已。如下图所示。
1.5 “秋景”绘制之元件篇
元件是动画形成的重要元素之一，在Flash中随处都可以看到元 件的存在。元件包括了图形元件、影片剪辑元件和按钮元件3种类型。 如下图所示。
第一章 Flash软件工具
学习目标
1、能够基本了解Flash cs6的软件基本工作环境 2、能够基本了解Flash cs6的软件的界面基本布局与结构 3、基本掌握Flash cs6的软件主界面，主菜单绘图面板的各 项基本功能 4、 基本掌握Flash cs6 “舞台”“元件”“库”“时间轴” 几个概念的工作构成原理 5、 基本掌握Flash cs6图层的工作原理
1.2.2界面之“时间轴”
时间轴是Flash动画制作和内容编排的重要场所，是Flash软件的核心内容，Flash使用 关键帧技术，通过对时间轴上的关键帧的制作，Flash会自动生成运动中的动画帧，节省了制 作人员的大部份的时间，也提高了效率。如下图所示。
1.2.3 关于“文档”
上节已经讲过如何新建文档，此 节介绍如何设置文档。设置文档 应该是制作动画的第一步应该确 定及要设置的内容，后面的内容 都是根据此设置制作的，如果完 成动画再回来设置，那将费九牛 二虎之力也未必尽心。文档设置 包括：舞台大小、背景色、帧频 等。如下图所
中文版Flash CC 动画制作案例教程第一章[10页]
![中文版Flash CC 动画制作案例教程第一章[10页]](https://img.taocdn.com/s3/m/4e3957b9f5335a8102d220f0.png)
➢ Flash的前身是Future Wave公司的Future Splash。
➢ 1996年，美国的Macromedia公司收购了 Future Wave，并将其改名为Macromedia Flash，简称为Flash。
➢ 2005年，全球最大的图像编辑软件供应商 Adobe公司宣布收购Flash网页设计软件供应 商Macromedia公司，将Flash最终命名为 Adobe Flash。
《中文版Flash CC动画制作案例教程》
1.3 Flash CC操作基础
➢ Flash CC的基础操作包括新建Flash文件、打 开Flash 文件以及保存Flash 文件三个步骤。
• 新建Flash 文件是使用Flash CC进行设计的第一步。 • 通过打开Flash文件的操作，使用者可以对已有的
首页 末页 向上 向下 返回 结束
《中文版Flash CC动画制作案例教程》
1 Flash CC入门基础知识
➢ 1.1 认识Flash动画 ➢ 1.2 Flash CC的工作环境 ➢ 1.3 Flash CC操作基础
首页 末页 向上 向下 返回 结束
《中文版Flash CC动画制作案例教程》
1.1 认识Flash动画
《中文版Flash CC动画制作案例教程》
1 Flash CC入门基础知识
首页 末页 向上 向下 返回 结束
《中文版Flash CC动画制作案例教程》
➢ 章节导读 Adobe公司发布的Adobe Flash Professional
CC中文正式版，简称为Flash CC。Flash的整 体风格及操作与adobe公司的其他软件相似， 界面清新简洁友好，操作简单直观，用户们 可以在较短的时间内掌握软件的使用。
➢ 1996年，美国的Macromedia公司收购了 Future Wave，并将其改名为Macromedia Flash，简称为Flash。
➢ 2005年，全球最大的图像编辑软件供应商 Adobe公司宣布收购Flash网页设计软件供应 商Macromedia公司，将Flash最终命名为 Adobe Flash。
《中文版Flash CC动画制作案例教程》
1.3 Flash CC操作基础
➢ Flash CC的基础操作包括新建Flash文件、打 开Flash 文件以及保存Flash 文件三个步骤。
• 新建Flash 文件是使用Flash CC进行设计的第一步。 • 通过打开Flash文件的操作，使用者可以对已有的
首页 末页 向上 向下 返回 结束
《中文版Flash CC动画制作案例教程》
1 Flash CC入门基础知识
➢ 1.1 认识Flash动画 ➢ 1.2 Flash CC的工作环境 ➢ 1.3 Flash CC操作基础
首页 末页 向上 向下 返回 结束
《中文版Flash CC动画制作案例教程》
1.1 认识Flash动画
《中文版Flash CC动画制作案例教程》
1 Flash CC入门基础知识
首页 末页 向上 向下 返回 结束
《中文版Flash CC动画制作案例教程》
➢ 章节导读 Adobe公司发布的Adobe Flash Professional
CC中文正式版，简称为Flash CC。Flash的整 体风格及操作与adobe公司的其他软件相似， 界面清新简洁友好，操作简单直观，用户们 可以在较短的时间内掌握软件的使用。
电子课件-《Flash CC动画设计与制作》-A06-2765 第九章 Flash CC动画优化和发布
9.3.3 案例小结——细节元素上的优化
在制作图片文件时如果需要导入位图,导入后可以按 C t r l ＋L 组合键打开 “ 库 ”面板,双击库中已导入的图片元件,弹出 “ 位图属性”面板,把 “ 使用导入的 J P E G 数据”前的勾去掉,在品质栏里输入 “９ ８ ”( 不要输入 “ １ ０ ０ ”) ,单 击 “ 更新”按钮,导入的位图即得到大幅度压缩. 在制作时注意限制线条类型的数量也可以控制文件的大小.例如,少用虚线、点 ２ ３ ３ 状线等,尽量使用实线,因为它所占体积较小.另外,用铅笔工具生成的线条 比用刷子工具笔触生成的线条体积小.
由一个位置到另一个位置的变化。在关键帧之间的任意一帧，右键选 择“创建传统补间”即可实现同一个元件的大小、位置、颜色、透明度
、旋转等属性的变化。 SWF动画是在浏览网页时常见的具有交互功能的动画。它是以 .swf为后缀的文件，拥有动画、声音和交互等全部功能，需要在浏览
器中安装Flash播放器才能看到。
目录
9.1 动画发布 9.2 网友发布 9.3 图片发布
本章小结
9.1 动画发布
9.1.1 案例描述 9.1.2 制作步骤 9.1.3 案例小结——传统补间、SWF动画的运用 9.1.4 能力扩展
9.1.1 案例描述
本案例主要使用“钢笔工具”绘制蝴蝶停在梅花上舞动效果。蝴 蝶翅膀的舞动效果，运用传统补间，实现同一个元件的大小属性的变
也可以去掉白边，但画面会被拉伸变形。
9.2.4 能力扩展
结合进度表运动原理制作，运用传统补间动画，制作玻璃瓶水满效果动画，如上 图所示“扩展效果图”。
9.3 图片发布
9.3.1 案例描述 9.3.2 制作步骤 9.3.3 案例小结——网页发布设置 9.3.4 能力扩展
教学课件：《Flash动画制作》
1.2 FlashCS5界面
1.2工F作la界sh面CS5界面
• 标题栏
位于工作界面的最上方，主要用于显示软件名称和控制
窗口等，用户可通过标题栏右侧的“最小化”按钮 ，
“最大化”按钮 和“关闭”按钮 化、最大化以及关闭操作。
对Flash 进行最小
❖菜单栏
菜单栏位于标题栏的下方，菜单栏中包括文件、编辑、 视图、插入、修改、文本、命令、控制、调试、窗口和帮 助等菜单。在制作Flash 动画时，通过执行相应菜单中的命 令，可实现特定的效果。
1.1.1 Flash的历史
Flash最早的版本称为FutureSplashAnimator。1996年11月， FutureWave软件公司被Macromedia公司收购，并且Macromedia公司将 FutureSplashAnimator正式更名为Flashl，从此Flash迈出了它前进的脚步。 Macromedia公司在1997年6月推出了Flash2，并引入了库的概念。 在1998年5月推出了Flash3。 2002年3月，Macromedia推出了FLashMX版本。 2003年3月推出的FlashMX2004。 2005年10月，Macromedia再次推出了Flash8，它增强了对视频的支持， 可以打包成FLash视频文件，即．fiv文面板用于记录对文档新建或打开以后的操作步骤，便于制作者查看 操作的步骤过程。在面板中可以有选择地撤销一个或多个操作步骤，还可将面板 中的步骤应用于同一对象或文档中的不同对象。系统默认的状态下，“历史记录” 面板可以撤销100次的操作步骤，还可以根据自身需要在“首选参数”面板中设置 不同的撤销步骤数，数值的范围为2~300。 选择“窗口一其他面板一历史记录”命令或按Clrl ＋F10键．弹出“历史记录” 面板，如图所示在文档中进行一些操作后，”历史记录”面板将这些操作按顺序 进行记录。其中滑块所在位置就是当前进行操作的步骤。
第一单元第1课flash和flash动画——flash入门(共48张PPT)
逐帧动画的特点：
1、至少有两个关键帧2、相邻关键帧内的画面不同。
逐帧动画的制作方法：
简单地说，只要将不同画面放置在不同的关键帧内，就可以制作出逐帧动画。
教学重难点的处理
二、Flash CS5.5的初步认识（界面、启动、保存、测试、退出）
三、普通帧、空白关键帧、关键帧
四、制作逐帧动画
一、动画制作的原理。
天啊，它现在什么也不缺，但却再也不能唱歌了。
『我懂了。』它想。『这里有点道理。』 它停了下来。
轻轻的把那一角放下 ，
它一边走，一边轻轻的唱；
『喔，我要去找失落的一角，我要去找失落的一角，啊哈哈，上路啦，去找我那失落的一角。』
这组漫画说明了一个什么道理？
世界上并不存在十全十美的人，但要尽量去完善自己。
大展身手
任务：请设计有个性的“倒计时”动画效果
自我总结（制作过程中困惑与解决方法）
帧的类型 关键帧：画面内容可以发生变化的帧；用 表示 空白关键帧：用 °表示，是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。 普通帧：在关键帧的后面，延续上一关键帧内容，用来延长动画播放时间。
自主学习 做好笔记
绘图工具箱
“库”面板
“属性”面板
图层区
时间轴
帧频率
Flash CS5.5的各组成界面1有哪些菜单？2各个面板名称自主实践3如何调用面板？4如何改变动画的播放速度？
舞台：是创建flash文档时放置图形内容的区域，这些图形包括矢量图形，文本框，按钮，导入的位图图形或视频剪辑。flash各种活动都发生在舞台上，在舞台上看到的内容就是导出的影片，观众看到的内容。
它向前滚动，因为不再缺少什么，所以越滚越快，从来没有滚过这么快。
1、至少有两个关键帧2、相邻关键帧内的画面不同。
逐帧动画的制作方法：
简单地说，只要将不同画面放置在不同的关键帧内，就可以制作出逐帧动画。
教学重难点的处理
二、Flash CS5.5的初步认识（界面、启动、保存、测试、退出）
三、普通帧、空白关键帧、关键帧
四、制作逐帧动画
一、动画制作的原理。
天啊，它现在什么也不缺，但却再也不能唱歌了。
『我懂了。』它想。『这里有点道理。』 它停了下来。
轻轻的把那一角放下 ，
它一边走，一边轻轻的唱；
『喔，我要去找失落的一角，我要去找失落的一角，啊哈哈，上路啦，去找我那失落的一角。』
这组漫画说明了一个什么道理？
世界上并不存在十全十美的人，但要尽量去完善自己。
大展身手
任务：请设计有个性的“倒计时”动画效果
自我总结（制作过程中困惑与解决方法）
帧的类型 关键帧：画面内容可以发生变化的帧；用 表示 空白关键帧：用 °表示，是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。 普通帧：在关键帧的后面，延续上一关键帧内容，用来延长动画播放时间。
自主学习 做好笔记
绘图工具箱
“库”面板
“属性”面板
图层区
时间轴
帧频率
Flash CS5.5的各组成界面1有哪些菜单？2各个面板名称自主实践3如何调用面板？4如何改变动画的播放速度？
舞台：是创建flash文档时放置图形内容的区域，这些图形包括矢量图形，文本框，按钮，导入的位图图形或视频剪辑。flash各种活动都发生在舞台上，在舞台上看到的内容就是导出的影片，观众看到的内容。
它向前滚动，因为不再缺少什么，所以越滚越快，从来没有滚过这么快。
《Flash动画设计与制作》教学课件—01Flash动画形象设计与制作
实训项目一 Flash动画形象设计与制作
技能训练 Flash动画形象设计稿制作
(1) 分析某航空公司的航徽、品牌定位及品牌LOGO设 计，确定本项目中形象设计的基本造型风格为Q版，核心视 觉表现元素为鸽子与中小型飞机的融合造型。
实训项目一 Flash动画形象设计与制作
分析对象01：某航空公司航徽。 国内某航空公司航徽的基本元素为一只展翅高飞的鸽子。 一方面表明该航空公司希望为社会、公众提供安全、快捷、 温馨、舒适的航空服务；另一方面也表明了该航空公司是个 负责、诚信的企业，同时，更寓意着该航空公司在企业战略 以及经营管理上所拥有的准确的判断力、高效的执行力，及 对既定目标坚定不移的信念与持之以恒的追求精神。
实训项目一 Flash动画形象设计与制作 (5) 对角色造型进行颜色设定，并使用工具面板中的
“颜料桶工具”进行填充，如图1-24所示。
图1-24 对角色造型进行颜色指定，并使用“颜料桶工具”进行填充
实训项目一 Flash动画形象设计与制作
项目小结
本项目的目的是培养学生设计课题分析、设计素材搜集、 设计方案指定、设计稿手绘、动画形象的设计制作、动画形 象的标准稿制作、动画形象的色彩制定等方面的能力。通过 这种基础性项目的制作，培养学生在设计中的标准规范意识， 也是对该软件基本功能的熟悉过程，更是Flash动画制作流 程中的关键性基础步骤。
图1-19 设置显示网格参考线
实训项目一 Flash动画形象设计与制作
图1-20 编辑网格参考线显示比例为50像素 × 50像素
实训项目一 Flash动画形象设计与制作 (3) 在工具面板中选择“线条工具”，在“网格比例”
图层中进行网格绘制，绘制完成后关掉显示网格，如图1-21 所示。
Flash二维动画设计与制作第1章 认识Flash简明教程PPT课件
Flash二维动画设计与制作
前
言
利用Flash软件进行动画设计、制作在现代影视动画制作、广告设计、网页制作中已经被广 泛地应用，其动画、广告产品制作的快速、直观、灵巧、节省成本、高质的特性已经被广大平 面设计工作者、动画制作者、广告公司、电视台、网络运营商、手机制造商所接受。熟练掌握 Flash广告、动画制作，已经是每个平面设计工作者和动画制作者所必须具备的一项基本技能。 Flash动画制作工艺、手段已经打破了传统动画制作的工艺、方式。例如：传统动画制作中的 上色、摄像、后期制作、中间画绘制的拷贝箱、动检等工艺和设备都已经被一台计算机和一个 软件或其他相关的软件所取代，为动画产品的制作节省了大量的人力、物力、财力和时间。所 以，Flash动画制作与传统动画制作相结合，作为一个教研、教改课题，在影视动画专业和其 他平面设计类专业的教学中已经作为一个课题被广大艺术类院校和专业所重视，在培养新一代 的平面、影视设计人才方面，作为一项传统产业的新兴专业技能，其作用已经得到社会的认同，
第一章
1.1工作界面
认识FLASH
启动Flash后，进入工作主界面，该界面由多个部分组成，包含了所有的 Flash菜单、工具箱、场景编辑区和浮动工具面板等，如图1-1所示。
菜单栏
浮动工具面板
时间轴面板
标签栏 编辑栏
工具箱面板
场景编辑区
图1-1
1.1.1 工具箱面板
【工具箱面板】是Flash主要操作 工具的集合面板，它包含了绘图工具 组、选择工具组、颜色填充工具组、
箭头选取工具 任意变形工具 渐变变形工具
部分选取工具 3D旋转工具 3D平移工具
套索选取工具
钢笔工具 添加删除锚点工具组 线条工具 铅笔工具
Байду номын сангаас
前
言
利用Flash软件进行动画设计、制作在现代影视动画制作、广告设计、网页制作中已经被广 泛地应用，其动画、广告产品制作的快速、直观、灵巧、节省成本、高质的特性已经被广大平 面设计工作者、动画制作者、广告公司、电视台、网络运营商、手机制造商所接受。熟练掌握 Flash广告、动画制作，已经是每个平面设计工作者和动画制作者所必须具备的一项基本技能。 Flash动画制作工艺、手段已经打破了传统动画制作的工艺、方式。例如：传统动画制作中的 上色、摄像、后期制作、中间画绘制的拷贝箱、动检等工艺和设备都已经被一台计算机和一个 软件或其他相关的软件所取代，为动画产品的制作节省了大量的人力、物力、财力和时间。所 以，Flash动画制作与传统动画制作相结合，作为一个教研、教改课题，在影视动画专业和其 他平面设计类专业的教学中已经作为一个课题被广大艺术类院校和专业所重视，在培养新一代 的平面、影视设计人才方面，作为一项传统产业的新兴专业技能，其作用已经得到社会的认同，
第一章
1.1工作界面
认识FLASH
启动Flash后，进入工作主界面，该界面由多个部分组成，包含了所有的 Flash菜单、工具箱、场景编辑区和浮动工具面板等，如图1-1所示。
菜单栏
浮动工具面板
时间轴面板
标签栏 编辑栏
工具箱面板
场景编辑区
图1-1
1.1.1 工具箱面板
【工具箱面板】是Flash主要操作 工具的集合面板，它包含了绘图工具 组、选择工具组、颜色填充工具组、
箭头选取工具 任意变形工具 渐变变形工具
部分选取工具 3D旋转工具 3D平移工具
套索选取工具
钢笔工具 添加删除锚点工具组 线条工具 铅笔工具
Байду номын сангаас
Flash动画设计与制作课件PPT课件
然不专业也不够严谨。 ☻采用逐帧拍摄对象并连续播放而形成运动的影像就是
动画。
3
第1章 动画基础知识
1.1 动画概念及原理
1.1.2 动画原理
☻ 人的肉眼在观看运动中的形象时，每个形象都会 在消失的片刻仍滞留在视网膜上不到一秒钟的时间。 这就是“视觉暂留”现象， 这一理论也就成为后来 动画艺术兴起与发展的关键理论基础。
1.3 影视镜头概念及视听语言 1.3.3 视角
③.俯角：是摄影机由高处向下拍摄的镜头，就像人在低头俯
视，既可以表现壮观浩大的场景，也可以用来造成压抑、低沉 的气氛。
27
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.3 视角
④.顶角：拍摄的方向与地面成垂直时，便产生了顶角镜头。
如杂技中得空中飞人，有时就是用顶角拍摄，即惊险又优美。
28
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.4 镜头运动拍摄法
早期电影是把摄影机固定在一个地点进行拍摄的。1896年的 一天，法国摄影师——普洛米奥乘游艇返回旅馆，看到两岸的 景色不断向后移动，便联想到如果用摄影机摄影的话，肯定也 会使不动的东西产生动感效果。于是经过实验，他在威尼斯终 于发明了移动电影——即运用摄影机的运动来拍摄镜头的电影。
人以整体感，人在其中显得很小。
18
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.2 景别
②.全景：表现成年人全身或场景全貌的画面，可以看到人
物的形体动作及人物与环境的关系，能展示较完整的场景。
19
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.2 景别
③.中景：表现成年人脚踝以上或场景局部的画面，可以看到人
动画。
3
第1章 动画基础知识
1.1 动画概念及原理
1.1.2 动画原理
☻ 人的肉眼在观看运动中的形象时，每个形象都会 在消失的片刻仍滞留在视网膜上不到一秒钟的时间。 这就是“视觉暂留”现象， 这一理论也就成为后来 动画艺术兴起与发展的关键理论基础。
1.3 影视镜头概念及视听语言 1.3.3 视角
③.俯角：是摄影机由高处向下拍摄的镜头，就像人在低头俯
视，既可以表现壮观浩大的场景，也可以用来造成压抑、低沉 的气氛。
27
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.3 视角
④.顶角：拍摄的方向与地面成垂直时，便产生了顶角镜头。
如杂技中得空中飞人，有时就是用顶角拍摄，即惊险又优美。
28
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.4 镜头运动拍摄法
早期电影是把摄影机固定在一个地点进行拍摄的。1896年的 一天，法国摄影师——普洛米奥乘游艇返回旅馆，看到两岸的 景色不断向后移动，便联想到如果用摄影机摄影的话，肯定也 会使不动的东西产生动感效果。于是经过实验，他在威尼斯终 于发明了移动电影——即运用摄影机的运动来拍摄镜头的电影。
人以整体感，人在其中显得很小。
18
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.2 景别
②.全景：表现成年人全身或场景全貌的画面，可以看到人
物的形体动作及人物与环境的关系，能展示较完整的场景。
19
第1章 动画基础知识
1.3 影视镜头概念及视听语言 1.3.2 景别
③.中景：表现成年人脚踝以上或场景局部的画面，可以看到人
电子课件-《Flash CC动画设计与制作》-A06-2765 第二章 Flash CC图形绘制基础
2.1.1 案例描述 2.1.2 制作步骤 2.1.3 案例小结——椭圆工具的运用 2.1.4 能力扩展
2.1.1 案例描述
本案例主要讲述如何运用椭圆工具绘制彩虹，通过实际操作介绍一些绘制素材时 经常使用的命令。通过本例的学习，要求能熟练掌握选择工具、椭圆工具、填充 变形工具的使用方法以及颜色面板的设置方法，并能将其灵活应用到实践中。
Flash CC 动画设计与制作
第二章 Flash CC图形绘制基础
教学目标
1.掌握Flash的基本操作。 2.学会使用各种变形命令。 3.学会组合各种图形的操作方法。 4.学会使用常用快捷键。
教学内容：
通过第一章的学习，已经对Flash CC有了基本的了解，本 章将带领大家进行实践操作，学习如何绘制图形。主要知识包 括在使用椭圆工具和矩形工具时，如何设置“笔触颜色”和“填充 色”的颜色；使用混色器面板时，应注意什么问题；使用颜料桶 工具填色时，如何填充出不同的效果等。
2.5.1 案例描述
本案例主要讲述运用钢笔工具绘制卡通动物小熊。通过本例的学习，巩固上一节 的知识，强化绘制角色素材的能力。要求熟练掌握选择工具、椭圆工具、矩形工 具、填充变形工具的使用方法和颜色面板的设置方法，并能将其灵活应用到实践
中。
效果图
2.5.2 制作步骤
主要学习基本工具的运用，如钢笔工具、转换锚点工具、填充变形工具等绘制卡 通动物小熊
本节通过一个简单的小场景绘制案例使大家对绘制完整的场景有一个深入的了解 。难点是钢笔工具的运用和对图层、元件的叠放顺序的整理。排列同一图层上的 对象：在同一图层上，Flash会根据对象绘制的先后顺序层叠放置，先绘制的放在 最下面，最后绘制的放在最上面。对于群组、绘制对象、元件实例和文本，可以 改变它们在舞台上的叠放次序，通过图层和元件的不同叠放顺序会产生不同的层
2.1.1 案例描述
本案例主要讲述如何运用椭圆工具绘制彩虹，通过实际操作介绍一些绘制素材时 经常使用的命令。通过本例的学习，要求能熟练掌握选择工具、椭圆工具、填充 变形工具的使用方法以及颜色面板的设置方法，并能将其灵活应用到实践中。
Flash CC 动画设计与制作
第二章 Flash CC图形绘制基础
教学目标
1.掌握Flash的基本操作。 2.学会使用各种变形命令。 3.学会组合各种图形的操作方法。 4.学会使用常用快捷键。
教学内容：
通过第一章的学习，已经对Flash CC有了基本的了解，本 章将带领大家进行实践操作，学习如何绘制图形。主要知识包 括在使用椭圆工具和矩形工具时，如何设置“笔触颜色”和“填充 色”的颜色；使用混色器面板时，应注意什么问题；使用颜料桶 工具填色时，如何填充出不同的效果等。
2.5.1 案例描述
本案例主要讲述运用钢笔工具绘制卡通动物小熊。通过本例的学习，巩固上一节 的知识，强化绘制角色素材的能力。要求熟练掌握选择工具、椭圆工具、矩形工 具、填充变形工具的使用方法和颜色面板的设置方法，并能将其灵活应用到实践
中。
效果图
2.5.2 制作步骤
主要学习基本工具的运用，如钢笔工具、转换锚点工具、填充变形工具等绘制卡 通动物小熊
本节通过一个简单的小场景绘制案例使大家对绘制完整的场景有一个深入的了解 。难点是钢笔工具的运用和对图层、元件的叠放顺序的整理。排列同一图层上的 对象：在同一图层上，Flash会根据对象绘制的先后顺序层叠放置，先绘制的放在 最下面，最后绘制的放在最上面。对于群组、绘制对象、元件实例和文本，可以 改变它们在舞台上的叠放次序，通过图层和元件的不同叠放顺序会产生不同的层
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Flash CC 动画设计与制作
第一章 Flash CC 基础知识
教学目标
1.熟悉Flash CC操作界面。 2.了解绘制的基本概念。 3.掌握文件的基本操作。 4.掌握页面设置的基本操作。
教学内容：
Flash CC是一款优秀的设计和制作二维动画的专
业软件，它采用了网络流式媒体技术和矢量技术，突
在游戏领域，鉴于体积小、互动性强、便于网络传播的特点，如今很多网页游戏 都是用Flash开发制作的N 2的片头，为DVD游戏软件节省更多的空间。游戏互动程序开发 ，如：制作投影游戏互动，人在投射区域里行走，水会出现波纹，同时会惊 动到水中的鱼；手划过投射区，该区域出现的水果就会被切成两半，同事果 汁会溅到墙面等效果。
在教育教学领域，相对于以往的PPT制作课件，用Flash制作更为灵活、互动性强 ，特别是网络教学的方式更能突出其优势，更能激发学习兴趣。
在二维动画片领域，如《喜羊羊和灰太狼》、《奇趣俱乐部》等，都受到了业内 人士及大众的一致好评。可见，中国电视观众已经完全接受了Flash动画这种 新的艺术表现形式。短短几年时间，Flash动画就从网络迅速推广到影视媒介 ，其发展速度之快，出乎很多人的意料。
后鼠标左键单击“卸载”按钮。
第5步：进入“卸载”界面，进度条显示卸载过程。 第6步：卸载完成后，弹出“卸载完成”界面，鼠标左键单击“关闭
”按钮，完成Flash CC卸载。
1.2.3 启动与退出
1．启动Flash CC，常见的启动方式有3种。 第1种：执行单击“开始”按钮，选择“程序”菜单中的Flash CC命
择【关闭】命令，如图1—17所示。 • 第3种：单击程序窗口右上角的按钮，关闭Flash CC。 • 第4种：按Alt+F4组合键关闭Flash CC。
1.3 Flash CC新增功能介绍
1．云同步 2．64位的系统和高清导出 3．用户界面 4．实时测试和代码 5．时间轴和画板绘制
1.4 Flash CC操作界面介绍
• 1.4.5 场景和舞台
• 场景是专门用来容纳、包含图层里面的各种对象的平台。 • 舞台是创作影片中各个帧的内容的区域，可以在其中进行
编辑、修改动画、绘制图像或安排导入图像的场所。生成 swf格式的文件中，只会播放出舞台上出现的对象。 • Flash允许建立一个或多个甚至N个场景，以此来扩充更多 的舞台范围。简单的说，舞台就像是话剧里演员站着的舞 台一样，而场景就是这个话剧的一幕戏。
• 1.4.4 工具箱
• 工具箱是在Flash动画制作的过程中不能缺少的。和普通 Photoshop软件一样工具箱里工具的使用方式和功能都极为 相似。通常人们会用工具箱中的工具来绘制和编辑矢量图 形，以达到不同的绘制效果。主要由选择变换工具、绘画 工具、绘画调整工具、视图工具、颜色工具、工具选项区 等6部分组成。
• 1.4.2 菜单栏
• 【文件】菜单、【编辑】菜单、 • 【视图】菜单、【插入】菜单、 • 【修改】菜单、【文本】菜单、 • 【命令】菜单、【控制】菜单、 • 【调试】菜单、【窗口】菜单、 • 【帮助】菜单
• 1.4.3 时间轴
• 时间轴是Flash动画制作的基础操作面板，分别由显示播放 状况的“帧”、“帧查看窗口”、和表示阶层的“图层 ”“图层查看窗口”等组成。可以控制影片播放和停止等 操作。时间轴上的每一个小格叫做帧，是Flash动画最小的 时间单位。连续的帧保持着相仿的动作轨迹，便形成了动 画。
1.1.3 Flash动画特点 Flash 是一种交互的矢量动画，能够在低文件数据传输
率下实现高质量的动画效果。除此之外，相对于其他动画 而言，Flash 动画还具有以下显著特点。 1．矢量图形系统 2．支持流式下载
3．支持平台广泛
4．Flash动画文件容量小
5．多种多样的文件格式
6．交互式动画
1.2 Flash CC的安装与卸载
• 1.4.1 启动并新建空白文档 • 1.4.2 菜单栏 • 1.4.3 时间轴 • 1.4.4 工具箱 • 1.4.5 场景和舞台 • 1.4.6 操作工作区 • 1.4.7 “属性”面板
• 1.4.1 启动并新建空白文档
• 1．启动Flash CC后，弹出开始页面。 • 2．新建文档 • 3．文档背景颜色设定 • 4．文档大小设定 • 5．动画播放速率设定 • 6．打开文档 • 7．文档内容测试 • 8．保存和关闭文档
1.5.2 制作步骤
制作过程中主要使用“矩形工具”、“多边星形工具”、“ 线条工具”、“钢笔工具”等组合完成。
1.6 综合案例（二）绘制灯笼
• 1.6.1 案例描述
• 1.6.2 制作步骤
1.6.1 案例描述
本案例制作一个大红灯笼高高挂起，以增添节日的喜庆气氛。 该案例主要练习Flash绘图及属性设置能力，制作过程中使用文件导 入、椭圆工具、线条工具、选取工具、部分选取工具等组合完成。 最终如效果图所示。
1.6.2 制作步骤
制作过程中主要使用“椭圆工具”、“线条工具”、“选择 工具”、“部分选择工具”、“矩形工具”等组合完成。
本章小结
本章主要介绍了Flash CC的基本概况，通过讲解Flash CC的 应用领域、工作界面、工作环境、基本操作和新增功能等，使读 者对了Flash CC有了一个全面的了解，加深对软件的认识，为后 面的深入学习打下了坚实的基础。
• 1.4.6 操作工作区
• 操作工作区是舞台外围绕舞台的灰色区域，可以放置对象 ，通常用作动画的开始和结束点的设置，最终作品中工作 区内的对象是不会显示的。如图1—39所示，灰色部分为操 作工作区。
• 1.4.7 “属性”面板
• “属性”面板的内容不是固定的，它会显示所选中对象的 属性信息，并通过该面板对对象进行编辑修改，提高了动 画编辑的工作效率和准确性。
令启动程序，如图1-16所示。（首次启动将弹出登录欢迎界面。 ） 第2种： 在电脑桌面上单击 （Adobe Flash professional CC）的快捷方 式。 第3种：双击Flash相关联的文档，即双击一个Flash文档。
• 2．退出Flash CC，常见的退出方式有4种。 • 第1种：在菜单栏中选择【文件】>【退出】命令，即可退出Flash。 • 第2种：在程序窗口左上角的图标上右击，在弹出的快捷菜单中选
1.1 认识Flash动画
• 1.1.1Flash历史回顾 • 1.1.2Flash应用领域与市场 • 1.1.3Flash动画特点
1.1.1Flash历史回顾
Flash的前身是一家名为Future Wave的小公司于1996年发布的Future Splash Animator，它是世界 上第一个商用二维矢量动画软件。 1997年，一直致力于在网页多媒体市场上发展的Macromedia公司收购了该公司， 先后发布了Flash3、 Flash4、和Flash5，得到了用户的认可。2003年12月，在众多用户的期待和关心中，增强了多媒体功 能的Flash MX 2004发布了。到了2005年，Flash发展到了最新的Flash 8版本，各方面的性能进一步提 高。 2005年底，Macromedia公司被Adobe公司收购，同年发布了Flash CS3.0。如果说Flash CS3.0的发布是Flash 新世纪的开端，那么2008年9月Flash CS4.0的发布就是Flash发展史上的“工业革命”。从Flash CS4以 全新的Flash动画制作开创一个新时代。到2013年9月，Adobe Flash Professional CC诞生了，这是Flash 目前最新的版本，它是一个新的软件设计理念溶入，仿佛是回归，又仿佛是飞跃，它精简并提升和 完善了CS系列的很多元素，开始界面也较之前的版本更具有视觉冲击力，功能也变得更加强大了。
1.5 综合案例 （一）绘制铅笔
• 1.5.1 案例描述
• 1.5.2 制作步骤
1.5.1 案例描述
本案例使用透视的原理进行铅笔的排列，利用近大远小，让作
品产生强烈的空间感、立体感以及丰富的层次感，是把三维空间呈 现在平面上的一种方法。制作过程中，通过使用“矩形工具”、“ 椭圆工具”等绘图工具绘制，使用“颜料桶工具”对绘制的铅笔上 色。最终如效果图所示。
破了网络带宽的限制，能在网络上快速地播放动画， 并实现动画交互。本章带领大家了解Flash的历史、现 状和未来，并介绍Flash CC中的新增功能以及操作界 面、软件的安装与卸载、新建Flash文档等。这些知识 是Flash CC的基础内容，对后续的进阶学习非常重要， 是必须熟练掌握的。
目录
• 1.1 认识Flash动画 • 1.2 Flash CC的安装与卸载 • 1.3 Flash CC新增功能介绍 • 1.4 Flash CC操作界面介绍 • 1.5 综合案例 （一）绘制铅笔 • 1.6 综合案例（二）绘制灯笼 • 本章小结
在音乐领域，网络视频音频播放器能迅速打开，一边加载一边播放，减少了缓存 时间。网络MTV、Flash MV更好的提供了在唱片宣传上既保证质量又降低成本 的有效途径。国外许多流行歌手，以Flash制作的MTV可以同时在网络与电视 台播出。国内众多歌手也纷纷尝试效仿Flash MV。动态贺卡、请柬，加入了声 音、动画等元素，更具互动性。
• 1.2.1 Flash CC软件的安装 • 1.2.2 Flash CC软件的卸载 • 1.2.3 启动与退出
1.2.1 Flash CC软件的安装
第1步：在相应的文件夹下双击Set-up.exe软件安装程序。 第2步：双击Set-up.exe软件安装程序”，就会弹出“Adobe安装程序”对话框。 第3步：初始化程序完成后，会弹出Adobe Flash Professional CC的欢迎对话框，用
在广告动画领域，以动画为主的广告形式也随之出现，它不但可以给创意策划带 来更大的空间，而且也节省了财力物力，可避免实物拍摄所产生的弊端。最 重要的能给观众带来一个全新的视觉感受，让人们在娱乐的同时对广告宣传 的产品有了一个深刻的记忆。目前，新浪、搜狐、亚马逊、京东、淘宝等大 型门户商业网站都很大程度地使用了Flash动画。
第一章 Flash CC 基础知识
教学目标
1.熟悉Flash CC操作界面。 2.了解绘制的基本概念。 3.掌握文件的基本操作。 4.掌握页面设置的基本操作。
教学内容：
Flash CC是一款优秀的设计和制作二维动画的专
业软件，它采用了网络流式媒体技术和矢量技术，突
在游戏领域，鉴于体积小、互动性强、便于网络传播的特点，如今很多网页游戏 都是用Flash开发制作的N 2的片头，为DVD游戏软件节省更多的空间。游戏互动程序开发 ，如：制作投影游戏互动，人在投射区域里行走，水会出现波纹，同时会惊 动到水中的鱼；手划过投射区，该区域出现的水果就会被切成两半，同事果 汁会溅到墙面等效果。
在教育教学领域，相对于以往的PPT制作课件，用Flash制作更为灵活、互动性强 ，特别是网络教学的方式更能突出其优势，更能激发学习兴趣。
在二维动画片领域，如《喜羊羊和灰太狼》、《奇趣俱乐部》等，都受到了业内 人士及大众的一致好评。可见，中国电视观众已经完全接受了Flash动画这种 新的艺术表现形式。短短几年时间，Flash动画就从网络迅速推广到影视媒介 ，其发展速度之快，出乎很多人的意料。
后鼠标左键单击“卸载”按钮。
第5步：进入“卸载”界面，进度条显示卸载过程。 第6步：卸载完成后，弹出“卸载完成”界面，鼠标左键单击“关闭
”按钮，完成Flash CC卸载。
1.2.3 启动与退出
1．启动Flash CC，常见的启动方式有3种。 第1种：执行单击“开始”按钮，选择“程序”菜单中的Flash CC命
择【关闭】命令，如图1—17所示。 • 第3种：单击程序窗口右上角的按钮，关闭Flash CC。 • 第4种：按Alt+F4组合键关闭Flash CC。
1.3 Flash CC新增功能介绍
1．云同步 2．64位的系统和高清导出 3．用户界面 4．实时测试和代码 5．时间轴和画板绘制
1.4 Flash CC操作界面介绍
• 1.4.5 场景和舞台
• 场景是专门用来容纳、包含图层里面的各种对象的平台。 • 舞台是创作影片中各个帧的内容的区域，可以在其中进行
编辑、修改动画、绘制图像或安排导入图像的场所。生成 swf格式的文件中，只会播放出舞台上出现的对象。 • Flash允许建立一个或多个甚至N个场景，以此来扩充更多 的舞台范围。简单的说，舞台就像是话剧里演员站着的舞 台一样，而场景就是这个话剧的一幕戏。
• 1.4.4 工具箱
• 工具箱是在Flash动画制作的过程中不能缺少的。和普通 Photoshop软件一样工具箱里工具的使用方式和功能都极为 相似。通常人们会用工具箱中的工具来绘制和编辑矢量图 形，以达到不同的绘制效果。主要由选择变换工具、绘画 工具、绘画调整工具、视图工具、颜色工具、工具选项区 等6部分组成。
• 1.4.2 菜单栏
• 【文件】菜单、【编辑】菜单、 • 【视图】菜单、【插入】菜单、 • 【修改】菜单、【文本】菜单、 • 【命令】菜单、【控制】菜单、 • 【调试】菜单、【窗口】菜单、 • 【帮助】菜单
• 1.4.3 时间轴
• 时间轴是Flash动画制作的基础操作面板，分别由显示播放 状况的“帧”、“帧查看窗口”、和表示阶层的“图层 ”“图层查看窗口”等组成。可以控制影片播放和停止等 操作。时间轴上的每一个小格叫做帧，是Flash动画最小的 时间单位。连续的帧保持着相仿的动作轨迹，便形成了动 画。
1.1.3 Flash动画特点 Flash 是一种交互的矢量动画，能够在低文件数据传输
率下实现高质量的动画效果。除此之外，相对于其他动画 而言，Flash 动画还具有以下显著特点。 1．矢量图形系统 2．支持流式下载
3．支持平台广泛
4．Flash动画文件容量小
5．多种多样的文件格式
6．交互式动画
1.2 Flash CC的安装与卸载
• 1.4.1 启动并新建空白文档 • 1.4.2 菜单栏 • 1.4.3 时间轴 • 1.4.4 工具箱 • 1.4.5 场景和舞台 • 1.4.6 操作工作区 • 1.4.7 “属性”面板
• 1.4.1 启动并新建空白文档
• 1．启动Flash CC后，弹出开始页面。 • 2．新建文档 • 3．文档背景颜色设定 • 4．文档大小设定 • 5．动画播放速率设定 • 6．打开文档 • 7．文档内容测试 • 8．保存和关闭文档
1.5.2 制作步骤
制作过程中主要使用“矩形工具”、“多边星形工具”、“ 线条工具”、“钢笔工具”等组合完成。
1.6 综合案例（二）绘制灯笼
• 1.6.1 案例描述
• 1.6.2 制作步骤
1.6.1 案例描述
本案例制作一个大红灯笼高高挂起，以增添节日的喜庆气氛。 该案例主要练习Flash绘图及属性设置能力，制作过程中使用文件导 入、椭圆工具、线条工具、选取工具、部分选取工具等组合完成。 最终如效果图所示。
1.6.2 制作步骤
制作过程中主要使用“椭圆工具”、“线条工具”、“选择 工具”、“部分选择工具”、“矩形工具”等组合完成。
本章小结
本章主要介绍了Flash CC的基本概况，通过讲解Flash CC的 应用领域、工作界面、工作环境、基本操作和新增功能等，使读 者对了Flash CC有了一个全面的了解，加深对软件的认识，为后 面的深入学习打下了坚实的基础。
• 1.4.6 操作工作区
• 操作工作区是舞台外围绕舞台的灰色区域，可以放置对象 ，通常用作动画的开始和结束点的设置，最终作品中工作 区内的对象是不会显示的。如图1—39所示，灰色部分为操 作工作区。
• 1.4.7 “属性”面板
• “属性”面板的内容不是固定的，它会显示所选中对象的 属性信息，并通过该面板对对象进行编辑修改，提高了动 画编辑的工作效率和准确性。
令启动程序，如图1-16所示。（首次启动将弹出登录欢迎界面。 ） 第2种： 在电脑桌面上单击 （Adobe Flash professional CC）的快捷方 式。 第3种：双击Flash相关联的文档，即双击一个Flash文档。
• 2．退出Flash CC，常见的退出方式有4种。 • 第1种：在菜单栏中选择【文件】>【退出】命令，即可退出Flash。 • 第2种：在程序窗口左上角的图标上右击，在弹出的快捷菜单中选
1.1 认识Flash动画
• 1.1.1Flash历史回顾 • 1.1.2Flash应用领域与市场 • 1.1.3Flash动画特点
1.1.1Flash历史回顾
Flash的前身是一家名为Future Wave的小公司于1996年发布的Future Splash Animator，它是世界 上第一个商用二维矢量动画软件。 1997年，一直致力于在网页多媒体市场上发展的Macromedia公司收购了该公司， 先后发布了Flash3、 Flash4、和Flash5，得到了用户的认可。2003年12月，在众多用户的期待和关心中，增强了多媒体功 能的Flash MX 2004发布了。到了2005年，Flash发展到了最新的Flash 8版本，各方面的性能进一步提 高。 2005年底，Macromedia公司被Adobe公司收购，同年发布了Flash CS3.0。如果说Flash CS3.0的发布是Flash 新世纪的开端，那么2008年9月Flash CS4.0的发布就是Flash发展史上的“工业革命”。从Flash CS4以 全新的Flash动画制作开创一个新时代。到2013年9月，Adobe Flash Professional CC诞生了，这是Flash 目前最新的版本，它是一个新的软件设计理念溶入，仿佛是回归，又仿佛是飞跃，它精简并提升和 完善了CS系列的很多元素，开始界面也较之前的版本更具有视觉冲击力，功能也变得更加强大了。
1.5 综合案例 （一）绘制铅笔
• 1.5.1 案例描述
• 1.5.2 制作步骤
1.5.1 案例描述
本案例使用透视的原理进行铅笔的排列，利用近大远小，让作
品产生强烈的空间感、立体感以及丰富的层次感，是把三维空间呈 现在平面上的一种方法。制作过程中，通过使用“矩形工具”、“ 椭圆工具”等绘图工具绘制，使用“颜料桶工具”对绘制的铅笔上 色。最终如效果图所示。
破了网络带宽的限制，能在网络上快速地播放动画， 并实现动画交互。本章带领大家了解Flash的历史、现 状和未来，并介绍Flash CC中的新增功能以及操作界 面、软件的安装与卸载、新建Flash文档等。这些知识 是Flash CC的基础内容，对后续的进阶学习非常重要， 是必须熟练掌握的。
目录
• 1.1 认识Flash动画 • 1.2 Flash CC的安装与卸载 • 1.3 Flash CC新增功能介绍 • 1.4 Flash CC操作界面介绍 • 1.5 综合案例 （一）绘制铅笔 • 1.6 综合案例（二）绘制灯笼 • 本章小结
在音乐领域，网络视频音频播放器能迅速打开，一边加载一边播放，减少了缓存 时间。网络MTV、Flash MV更好的提供了在唱片宣传上既保证质量又降低成本 的有效途径。国外许多流行歌手，以Flash制作的MTV可以同时在网络与电视 台播出。国内众多歌手也纷纷尝试效仿Flash MV。动态贺卡、请柬，加入了声 音、动画等元素，更具互动性。
• 1.2.1 Flash CC软件的安装 • 1.2.2 Flash CC软件的卸载 • 1.2.3 启动与退出
1.2.1 Flash CC软件的安装
第1步：在相应的文件夹下双击Set-up.exe软件安装程序。 第2步：双击Set-up.exe软件安装程序”，就会弹出“Adobe安装程序”对话框。 第3步：初始化程序完成后，会弹出Adobe Flash Professional CC的欢迎对话框，用
在广告动画领域，以动画为主的广告形式也随之出现，它不但可以给创意策划带 来更大的空间，而且也节省了财力物力，可避免实物拍摄所产生的弊端。最 重要的能给观众带来一个全新的视觉感受，让人们在娱乐的同时对广告宣传 的产品有了一个深刻的记忆。目前，新浪、搜狐、亚马逊、京东、淘宝等大 型门户商业网站都很大程度地使用了Flash动画。