Flashcs5基础知识
合集下载
flashcs5动画基础
Leabharlann 1.1 Flash CS5简介
（3）动画设计 将准备好的素材导入到Flash中，按照设计要求对素材进行分类使用。这是整个 动画制作的主干部分，要把握好各类工具的使用，在舞台和时间轴中排列这些 媒体元素，及添加各种动画效果等，准确、生动地将作品的主题表达出来。 （4）测试及发布动画 当一部动画制作完成后，应多次对其进行测试以验证动画是否按预期设想进行 工作，从内容、界面、素材、性能等多个方面查找并解决所遇到的错误。经过 检查和优化，确认没有问题后，将其进行发布，以便在网络或其他媒体中使用。 通过发布设置，可以将动画导出为Flash、HTML、GIF、JPEG、EXE、 Macintosh、QuickTime等格式。 通俗而言，动画制作的一般流程可归纳为：设计脚本、规划场景；布置舞台； 挑选演员；后台补妆；登台亮相。
1.1 Flash CS5简介
3.Flash动画的应用范围 由于Flash动画的诸多优点，使Flash的应用非常广泛。从某种程度上说，Flash 动画带动了中国动漫业的发展。现在，Flash的舞台已经不局限于互联网，电视、 电影、移动媒体、教学课件、MTV音乐电视等都是它展示的舞台。Flash动画借 助这些媒体已经深入人心，看Flash动画已经成为互联网时代一种新的休闲方式。 轻松的幽默剧、好玩的交互游戏、精彩的网站片头、实用的Flash广告、寓教于 乐的Flash课件、美轮美奂的Flash MTV等都是Flash动画的表现形式。图1-1所 示为两副Flash动画的截图。
图1-1Flash动画截图
1.1 Flash CS5简介
4.Flash文件格式 在Flash中，用户可以处理多种类型的文件（如fla、xfl、swf、as、swc、asc、flp等格 式），不同类型的文件其用途各不相同。下面对常用的文件类型进行简单介绍： Fla文件: 该文件是Flash中的主要文件类型，它包含Flash文档的三种基本类型信息：媒体对象、时 间轴和脚本信息。 xfl文件: 在FLASH CS5中新增加了一种文件格式，就是xfl文件。处于项目文件开源的考虑， ADOBE公司推出了这样一种公开格式的文档。在我们平常使用过程中，熟悉了解项目文 件时非常重要的。举一个简单的例子，微软的VS软件所有的项目文档都可以用记事本来 打开，也就是说所有的项目文档都是文本文档。这样不仅利于程序的修改，同时可以与第 三方软件兼容。 SWF文件: 该文件是FLA的编译版本，是能在网页上显示的文件。当用户发布FLA文件时，Flash将创 建一个SWF文件。 AS文件: 该文件指ActionScript文件，用于将部分或全部ActionScript代码放置在FLA文件以外的位 置。
（3）动画设计 将准备好的素材导入到Flash中，按照设计要求对素材进行分类使用。这是整个 动画制作的主干部分，要把握好各类工具的使用，在舞台和时间轴中排列这些 媒体元素，及添加各种动画效果等，准确、生动地将作品的主题表达出来。 （4）测试及发布动画 当一部动画制作完成后，应多次对其进行测试以验证动画是否按预期设想进行 工作，从内容、界面、素材、性能等多个方面查找并解决所遇到的错误。经过 检查和优化，确认没有问题后，将其进行发布，以便在网络或其他媒体中使用。 通过发布设置，可以将动画导出为Flash、HTML、GIF、JPEG、EXE、 Macintosh、QuickTime等格式。 通俗而言，动画制作的一般流程可归纳为：设计脚本、规划场景；布置舞台； 挑选演员；后台补妆；登台亮相。
1.1 Flash CS5简介
3.Flash动画的应用范围 由于Flash动画的诸多优点，使Flash的应用非常广泛。从某种程度上说，Flash 动画带动了中国动漫业的发展。现在，Flash的舞台已经不局限于互联网，电视、 电影、移动媒体、教学课件、MTV音乐电视等都是它展示的舞台。Flash动画借 助这些媒体已经深入人心，看Flash动画已经成为互联网时代一种新的休闲方式。 轻松的幽默剧、好玩的交互游戏、精彩的网站片头、实用的Flash广告、寓教于 乐的Flash课件、美轮美奂的Flash MTV等都是Flash动画的表现形式。图1-1所 示为两副Flash动画的截图。
图1-1Flash动画截图
1.1 Flash CS5简介
4.Flash文件格式 在Flash中，用户可以处理多种类型的文件（如fla、xfl、swf、as、swc、asc、flp等格 式），不同类型的文件其用途各不相同。下面对常用的文件类型进行简单介绍： Fla文件: 该文件是Flash中的主要文件类型，它包含Flash文档的三种基本类型信息：媒体对象、时 间轴和脚本信息。 xfl文件: 在FLASH CS5中新增加了一种文件格式，就是xfl文件。处于项目文件开源的考虑， ADOBE公司推出了这样一种公开格式的文档。在我们平常使用过程中，熟悉了解项目文 件时非常重要的。举一个简单的例子，微软的VS软件所有的项目文档都可以用记事本来 打开，也就是说所有的项目文档都是文本文档。这样不仅利于程序的修改，同时可以与第 三方软件兼容。 SWF文件: 该文件是FLA的编译版本，是能在网页上显示的文件。当用户发布FLA文件时，Flash将创 建一个SWF文件。 AS文件: 该文件指ActionScript文件，用于将部分或全部ActionScript代码放置在FLA文件以外的位 置。
第1章_Flash_CS5基础
文件的内容，供用户对对象进行浏览、绘制和编辑，默认情况下它为白 色。
2．【时间轴】面板是一个显示
的面板，其用于控制和组织文档
内容在一定时间内播放的 ，同时可以控制影片的
。
3．将动画导出为SWF影片，可以选择
命令打开【导出影片】
对话框，同时在【保存类型】下拉列表中选择
选项。
4．在【发布设置】对话框中，在【发布】栏中选择【Flash（.swf）】
1．使用矢量技术，文件短小精悍 2．使用流媒体技术，易于网络传播 3．逼真的动画和媒体支持 4．强大的交互性
1.1.2 Flash的应用领域
1．网络广告 2．交互式游戏 3．交互式课件 4．网络应用程序开发
1.2 Flash CS5的工作环境
1.2.1 Flash CS5的开始页 1.2.2 Flash CS5的操作界面 1.2.3 设置工作环境
1.3.3 保存文档
1．文档的保存 用户创建新文档后，如果是第一次保存，在选择【文件】|【 保存】命令时，Flash将打开【另存为】对话框。使用该对话框 用户可以设置动画文件保存的位置和文件名。完成设置后，单 击【保存】按钮文档即被保存。
1.3.3 保存文档
2．将文档保存为模板 Flash允许将文档保存为模板，选择【文件】|【另存为模板】 命令打开【另存为模板】对话框。在对话框的【名称】文本框 中输入模板的名称，在【类别】下拉列表中选择模板类型，在 【描述】文本框中输入对模板的描述。完成后设置后，单击【 保存】按钮即可将动画以模板的形式保存下来。
1.2.2 Flash CS5的操作界面
5．动画编辑器 Flash CS5使用动画编辑器来对每个关键帧的参数进行完全控 制，这些参数包括旋转角度、大小、缩放、位置和滤镜等。在 动画编辑器中，操作者可以借助于曲线，以图形的方式来控制 缓动。
2．【时间轴】面板是一个显示
的面板，其用于控制和组织文档
内容在一定时间内播放的 ，同时可以控制影片的
。
3．将动画导出为SWF影片，可以选择
命令打开【导出影片】
对话框，同时在【保存类型】下拉列表中选择
选项。
4．在【发布设置】对话框中，在【发布】栏中选择【Flash（.swf）】
1．使用矢量技术，文件短小精悍 2．使用流媒体技术，易于网络传播 3．逼真的动画和媒体支持 4．强大的交互性
1.1.2 Flash的应用领域
1．网络广告 2．交互式游戏 3．交互式课件 4．网络应用程序开发
1.2 Flash CS5的工作环境
1.2.1 Flash CS5的开始页 1.2.2 Flash CS5的操作界面 1.2.3 设置工作环境
1.3.3 保存文档
1．文档的保存 用户创建新文档后，如果是第一次保存，在选择【文件】|【 保存】命令时，Flash将打开【另存为】对话框。使用该对话框 用户可以设置动画文件保存的位置和文件名。完成设置后，单 击【保存】按钮文档即被保存。
1.3.3 保存文档
2．将文档保存为模板 Flash允许将文档保存为模板，选择【文件】|【另存为模板】 命令打开【另存为模板】对话框。在对话框的【名称】文本框 中输入模板的名称，在【类别】下拉列表中选择模板类型，在 【描述】文本框中输入对模板的描述。完成后设置后，单击【 保存】按钮即可将动画以模板的形式保存下来。
1.2.2 Flash CS5的操作界面
5．动画编辑器 Flash CS5使用动画编辑器来对每个关键帧的参数进行完全控 制，这些参数包括旋转角度、大小、缩放、位置和滤镜等。在 动画编辑器中，操作者可以借助于曲线，以图形的方式来控制 缓动。
Flash CS5中文版基础教程第1章FlashCS5基础入门
菜单栏
1.1.2 主工具栏
为方便使用，Flash CS5将一些常用命令以按钮的形式组织在一起，置于操作 界面的上方。主工具栏依次分为“新建”按钮、“打开”按钮、“转到Bridge”按 钮、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、“粘贴”按 钮、“撤消”按钮、“重做”按钮、“对齐对象”按钮、“平滑”按钮、“伸直” 按钮、“旋转与倾斜”按钮、“缩放”按钮以及“对齐”按钮。
1.2.5 输出影片格式
Flash CS5可以输出多种格式的动画或图形文件，一般包含以下几种常用类型。
SWF 影片 (*.swf) Windows AVI (*.avi) WAV音频 (*.wav) JPEG图像 (*.jpg) GIF序列 (*.gif) PNG序列 (*.png)
“另存为”对话框
1.2.3 打开文件
如果要修改已完成的动画文件，必须先将其打开。选择“文件 > 打开”命令， 弹出“打开”对话框，在对话框中搜索路径和文件，确认文件类型和名称，击 “打开”按钮，或直接双击文件，即可打开所指定的动画文件。
“打开”对话框
Hale Waihona Puke 1.2.4 输出文件动画作品设计完成后，要通过输出或发布方式将其制作成可以脱离Flash CS5 环境播放的动画文件。并不是所有应用系统都支持Flash文件格式，如果要在网页、 应用程序、多媒体中编辑动画作品，可以将它们导出成通用的文件格式，如GIF、 JPEG、PNG、BMP、QuickTime或AVI。
主工具栏
1.1.3 工具箱
工具箱提供了图形绘制和编辑的各种工具，分为“工具”、“查看”、“颜 色”、“选项”4个功能区。
“工具”区 提供选择、创建、编辑图形的工具。 “查看”区 改变舞台画面以便更好地观察。 “颜色”区 选择绘制、编辑图形的笔触颜色和填充色。 “选项”区 不同工具有不同的选项，通过“选项”区为当前选择的工 具进行属性选择。。
1.1.2 主工具栏
为方便使用，Flash CS5将一些常用命令以按钮的形式组织在一起，置于操作 界面的上方。主工具栏依次分为“新建”按钮、“打开”按钮、“转到Bridge”按 钮、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、“粘贴”按 钮、“撤消”按钮、“重做”按钮、“对齐对象”按钮、“平滑”按钮、“伸直” 按钮、“旋转与倾斜”按钮、“缩放”按钮以及“对齐”按钮。
1.2.5 输出影片格式
Flash CS5可以输出多种格式的动画或图形文件，一般包含以下几种常用类型。
SWF 影片 (*.swf) Windows AVI (*.avi) WAV音频 (*.wav) JPEG图像 (*.jpg) GIF序列 (*.gif) PNG序列 (*.png)
“另存为”对话框
1.2.3 打开文件
如果要修改已完成的动画文件，必须先将其打开。选择“文件 > 打开”命令， 弹出“打开”对话框，在对话框中搜索路径和文件，确认文件类型和名称，击 “打开”按钮，或直接双击文件，即可打开所指定的动画文件。
“打开”对话框
Hale Waihona Puke 1.2.4 输出文件动画作品设计完成后，要通过输出或发布方式将其制作成可以脱离Flash CS5 环境播放的动画文件。并不是所有应用系统都支持Flash文件格式，如果要在网页、 应用程序、多媒体中编辑动画作品，可以将它们导出成通用的文件格式，如GIF、 JPEG、PNG、BMP、QuickTime或AVI。
主工具栏
1.1.3 工具箱
工具箱提供了图形绘制和编辑的各种工具，分为“工具”、“查看”、“颜 色”、“选项”4个功能区。
“工具”区 提供选择、创建、编辑图形的工具。 “查看”区 改变舞台画面以便更好地观察。 “颜色”区 选择绘制、编辑图形的笔触颜色和填充色。 “选项”区 不同工具有不同的选项，通过“选项”区为当前选择的工 具进行属性选择。。
第1章 Flash CS5软件基础
2．Flash MV和动画短片 用Flash对一些歌曲进行动画创作(Music Video)，让每个人都可 以对自己喜欢的音乐作品进行诠释，抒发心情。如比较熟悉的《东北 人都是活雷锋》、《大学自习室》及《废铁是怎样练成的》等都是 Flash MV的案例。 除了MV，更多专业的作者开始进行二维动画的创作，自己编写剧 情，自己设计动画，甚至自己配音和配乐。 案例:补充资料
在工具箱中选择【选择工具】 ，可以对图形的形状进行修改。
，拖动图形上的控制柄
1.2.3 多角星形工具
• 使用【多角星形工具】绘制图形的方式与前面介绍的两类工具的绘图 方式是相同的，其可以用来绘制星形图案和多边形，如五角星或五边 形等。 • 在工具箱中选择【多角星形工具】，在【属性】面板中对图形进行设 置，在舞台上拖动鼠标即可绘制需要的图形。
在【属性】面板中的【工具设置】栏中单击【选项】按钮将打开 【工具设置】对话框，使用该对话框可以对【多角星形工具】进行设 置。
1.3
绘制不规则图形
1.3.1 线条工具 线条是构成矢量图形的基本要素，在Flash CS5中，可以使用 【线条工具】来绘制各种长度和角度的直线。同时，将绘制的多条直 线连接，可以构成各种多边形。 1．绘制线条 2．设置笔触样式 3．线条的端点 4．线条的接合 5．选项栏工具
1.1.3 Flash CS5硬件配置需求
1.Windows系统 处理器采用Intel Pentium 4、Intel Centrino, Intel Xeon. Intel Core Duo（或兼容）处理器AMD Athlon 64处理器。 作系统为Microsoft Windows XP(带有Service Pack 2，推荐Service Pack 3), Windows Vista Home Premium, Business, Ultimate或 Enterprise c带有 Service Pack l)。 2.Mac OS系统
FLASHcs5基础知识
– 启动Flash CS5后，程序将打开其默认的开始页面。开始页面将
常用的任务都集中放在一起，供用户随时调用。然后进入Flash CS5的工作界面中，包括菜单栏、工具箱、【时间轴】面板、舞 台、【属性】面板及面板集等界面元素。
FLash CS5基础知识
FLash CS5基础知识
舞台及工作区 分别是创作各帧内容和制作动画的区域
FLash CS5基础知识
• Flash动画的特点
– – – – – – Flash可使用矢量绘图； Flash动画具有交互性，能更好地满足用户的需要； Flash动画拥有强大的网络传播能力； Flash动画拥有崭新的视觉效果 Flash动画制作成本低，效率高； Flash动画在制作完成后可以把生成的文件设置成带保 护的格式，从而维护了设计者的版权利益。
FLash CS5基础知识
• Flash动画的应用领域
– 在当今信息化时代，人们已经习惯于在网络上进行工 作、交流和查找信息。随着Internet网络的不断推广， Flash动画的应用被延伸到了多个领域，譬如现下流行 的多媒体动画、游戏、教学课件、广告以及
网站制作等方面，Flash的身影无处不在。
• 【选择】工具是编辑对象所需的最基本的工具， 使用【选择】工具可以选取一个对象的整体或局 部。
– 多重选择：shift
• 【部分选取】工具主要用于选择线条、移动线条 和编辑节点以及节点方向等，其方法和作用与 【选择】工具基本相同。但它们的区别在于，当 某一对象被【部分选取】工具选中后，它的图像 轮廓线上将出现很多控制点，表示该对象已经被 选中。
组合与取消组合
• 组合
– 选中：拖选或ctrl+a – 修改>组合或ctrl+g
常用的任务都集中放在一起，供用户随时调用。然后进入Flash CS5的工作界面中，包括菜单栏、工具箱、【时间轴】面板、舞 台、【属性】面板及面板集等界面元素。
FLash CS5基础知识
FLash CS5基础知识
舞台及工作区 分别是创作各帧内容和制作动画的区域
FLash CS5基础知识
• Flash动画的特点
– – – – – – Flash可使用矢量绘图； Flash动画具有交互性，能更好地满足用户的需要； Flash动画拥有强大的网络传播能力； Flash动画拥有崭新的视觉效果 Flash动画制作成本低，效率高； Flash动画在制作完成后可以把生成的文件设置成带保 护的格式，从而维护了设计者的版权利益。
FLash CS5基础知识
• Flash动画的应用领域
– 在当今信息化时代，人们已经习惯于在网络上进行工 作、交流和查找信息。随着Internet网络的不断推广， Flash动画的应用被延伸到了多个领域，譬如现下流行 的多媒体动画、游戏、教学课件、广告以及
网站制作等方面，Flash的身影无处不在。
• 【选择】工具是编辑对象所需的最基本的工具， 使用【选择】工具可以选取一个对象的整体或局 部。
– 多重选择：shift
• 【部分选取】工具主要用于选择线条、移动线条 和编辑节点以及节点方向等，其方法和作用与 【选择】工具基本相同。但它们的区别在于，当 某一对象被【部分选取】工具选中后，它的图像 轮廓线上将出现很多控制点，表示该对象已经被 选中。
组合与取消组合
• 组合
– 选中：拖选或ctrl+a – 修改>组合或ctrl+g
(电脑)Flash CS5动画制作基础知识详解(计算机讲座教学培训课件)
（计算机讲座教学培训课件）
2. 制作背景。 ① 选择【修改】/【文档】菜单命令，打开【文档属 性】对话框，将【高】选项改为“300像素”。 ② 将默认的“图层1”重命名为“背景”层。选择 【矩形】工具，在舞台上绘制一个矩形，效果如 图1-16所示。 ③ 选择【选择】工具 ，双击刚才绘制的矩形，然后 在【属性】面板中按照图1-17进行设置。 ④ 在【颜色】面板中，设置线性渐变的第1个色块颜 色为“FF0000”（红色），第2个色块颜色为 “CC0000”（暗红色）。
【要点提示】
在【发布设置】对话框的【格式】选项卡中可以
设置发布影片的格式和路径，在【Flash】选项卡
中可以设置发布文件的播放器版本、压缩比例、
防止导入等重要属性。
③ 全部保持默认设置，单击
按钮，发布影片，
然后单击
按钮完成发布设置（也可以按
F12快捷键发布影片）。至此动画制作完成。
（计算机讲座教学培训课件）
9. 逐帧动画和关键帧动画。 10.布局。 11.吸引力。 12.个性。
1.1.3 常用动画制作软件简介
一．三维动画制作软件 目前最常见的三维动画制作软件有3ds Max、 Maya、 SoftImage和Lightwave等。
二．交互式二维动画制作软件Flash 在众多的二维动画制作软件中，Flash最为璀璨，
图1-20 输入文字
（计算机讲座教学培训课件）
③ 将文字全部选中，设置字体为“Zombie”，字体大 小为“50”，填充颜色为“FFFF00”（黄色），选 区的x和y坐标分别为“80”、“120”，如图1-21所 示。
图1-21 设置文字属性
（计算机讲座教学培训课件）
④ 至此文字制作成功，其效果如图1-22所示。
Flash cs5 第1章
第1章 初识Flash CS5
本章内容
1.1 使用Flash可以做什么 1.2 Flash CS5的安装与退出 1.3 Flash CS5的新增功能
1.1 使用Flash可以做什么
1.1.1 绘制矢量绘图 1.1.2 设计制作动画 1.1.3 强大的编程功能
1.1.1 绘制矢量绘图
1.3.1 Flash CS5 Professional中的 新功能
本节主要介绍了 Flash CS5 中新增加的功能。
1.3.2 ActionScript 3.0的增强功能
本节介绍了ActionScript 3.0有哪些增强功能
矢量绘图是Flash编辑环境的基本功能之一，使用绘图工 具可以绘制出丰富多彩的图形。
1.1.2 设计制作动画
在Flash中可以利用时间轴和舞台制作动画。
1.1.3 强大的编辑功能
在Flash中，编辑功能非常强大，使用动作脚本编写语言， 可以制作出丰富的动画。
1.2.1 运行环境需求
本节介绍Flash CS5 的运行环境配置。
1.2.h CS5 的安装的具体操作步骤。
1.2.3 启动与退出
本节讲解如何启动与退出Flash CS5 。
1.3 Flash CS5 的新增功能
1.3.1 Flash CS5 Professional中的新功能 1.3.2 ActionScript 3.0的增强功能
本章内容
1.1 使用Flash可以做什么 1.2 Flash CS5的安装与退出 1.3 Flash CS5的新增功能
1.1 使用Flash可以做什么
1.1.1 绘制矢量绘图 1.1.2 设计制作动画 1.1.3 强大的编程功能
1.1.1 绘制矢量绘图
1.3.1 Flash CS5 Professional中的 新功能
本节主要介绍了 Flash CS5 中新增加的功能。
1.3.2 ActionScript 3.0的增强功能
本节介绍了ActionScript 3.0有哪些增强功能
矢量绘图是Flash编辑环境的基本功能之一，使用绘图工 具可以绘制出丰富多彩的图形。
1.1.2 设计制作动画
在Flash中可以利用时间轴和舞台制作动画。
1.1.3 强大的编辑功能
在Flash中，编辑功能非常强大，使用动作脚本编写语言， 可以制作出丰富的动画。
1.2.1 运行环境需求
本节介绍Flash CS5 的运行环境配置。
1.2.h CS5 的安装的具体操作步骤。
1.2.3 启动与退出
本节讲解如何启动与退出Flash CS5 。
1.3 Flash CS5 的新增功能
1.3.1 Flash CS5 Professional中的新功能 1.3.2 ActionScript 3.0的增强功能
第2讲 Flash CS5基础知识(2)
此外，还可以根据需要将影片发布为.mov、.avi等格式的视频 格式，具体参见第7章 “动画发布”中的相关内容。
课堂小结
熟悉Flash cs5软件的界面 熟悉简单Flash文档的制作
第1章 Flash CS5基础知识(1.1-1.3)
本讲重点： 本讲重点：
Flash CS5是一款优秀的二维动画制作软件，在学习之前， 应掌 是一款优秀的二维动画制作软件， 是一款优秀的二维动画制作软件 在学习之前， 握其界面的基本布局和基本文档操作。而矢量图形是Flash动画的基 握其界面的基本布局和基本文档操作。而矢量图形是 动画的基 本元素之一， 本元素之一 ，Flash提供了多种工具来绘制和编辑矢量图形作为动画 提供了多种工具来绘制和编辑矢量图形作为动画 中的元素。通过本章学习应掌握以下内容： 中的元素。通过本章学习应掌握以下内容： 位图与矢量图的关系 Flash CS5的界面构成 的界面构成 基本文档操作
2.矢量图 矢量图
矢量图是由数学公式所定义的直线和曲线组成的，内容以色块和 线条为主，如一条直线的数据只需要记录两个端点的位置、直线的粗细 和颜色等，因此矢量图所占的数据容量比较小，他的清晰度与分辨率无 关。对矢量图进行放大、缩小和旋转等操作时，图形对象的清晰度和光 滑度不会发生任何偏差，如图1-2所示。
1.1 位图与矢量图
根据生成原理的不同，计算机中的图形可以分为位图和矢量图 两种。
1.位图 位图
位图是由像素构成的，单位面积内的像素数量将决定位图的最终 质量和文件大小。位图放大时，放大的只是像素点，位图图像的四周 会出现马赛克，如图1-1所示。位图与矢量图相比，具有色彩丰富的特 点。位图中单位面积内的像素越多，图像的分辨率越高，图像也就表 现得越细腻，但文件所占的空间越大，计算机处理速度越慢。因此， 要根据实际需要来制作位图。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
5.保存文件 将制作的文件保存为“我的第一个动画.fla”。 按Ctrl+Enter快捷键自动生成SWF文件。
1.2.3 高手接招──大红大吉
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •导入素材。 •保存影片。 •发布影片。
【设计效果】 创建图1-13所示效果。
最终效果
【操作步骤】
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新 建一个Flash文档。
【要点提示】 此处选择【Flash文件（ActionScript 3.0）】和【Flash文
件（ActionScript 2.0）】差别在于其动画文件支持的后台脚 本不同。 ActionScript 2.0主要针对对象编写代码，编写时语言很简单， 而ActionScript 3.0较为复杂。
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新建一个Flash文档。
2. 制作背景。 ① 选择【修改】/【文档】菜单命令，打开【文档属 性】对话框，将【高】选项改为“300像素”。 ② 将默认的“图层1”重命名为“背景”层。选择 【矩形】工具，在舞台上绘制一个矩形，效果如 图1-16所示。 ③ 选择【选择】工具 ，双击刚才绘制的矩形，然后 在【属性】面板中按照图1-17进行设置。 ④ 在【颜色】面板中，设置线性渐变的第1个色块颜 色为“FF0000”（红色），第2个色块颜色为 “CC0000”（暗红色）。
【要点提示】 在设置【颜色】面板的属性时，一定要保证矩形
处于被选中的状态，否则矩形的颜色将无法改变。
1-16 1-7
图
绘 制 矩 形
二. Flash CS5界面介绍
启动Flash CS5并熟悉工作界面
正确安装Flash CS5并进行注册后，可参照以下步骤启动 Flash CS5。
1.单击“开始”按钮，在弹出的菜单 中选择“所有程序”>“Adobe Design Premium CS5”>“Adobe Flash Professional CS5”，或双击桌面上的 图标。
Flash技能培训
授课老师：罗萍
第1章 Flash CS5动画制作基础知识
本章学习要求
了解动画的起源与发展。 掌握动画制作的原则。 了解Flash的发展历史。 了解Flash CS5的工作界面。 掌握Flash动画制作流程。
本章大纲
• 1.1 动画设计综述 • 1.2 Flash CS5动画设计简介 • 1.3 制作第一个Flash动画
Flash CS5开始页
3.进入Flash CS5的工作界面后
可以看到其工作界面由标题栏、菜单栏、文档选项卡、 主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制
面板等组成 。
Flash CS5工作界面
• “时间轴”面板：
默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内 容，它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显 示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间 轴。
② 准备素材
③ ash CS5动画设计简介 1.2.1 Flash CS5简介
一．Flash动画制作流程 Flash动画制作流程十分的简单，分为：新建Flash
文档、编辑场景、保存影片、发布影片4个步骤，其 中编辑动画部分是流程的关键，发布影片控制着发 布影片的大小、质量和文件格式等重要性质，所以 也是十分重要的。
2. 制作背景。 选择【修改】/【文档】菜单命令，打开【文档属性】对话框，将 【高】选项改为“400像素”，【宽】为“500像素” 。
3.添加文字 使用工具箱中的文字工具，输入“从零开始学Flash”的静态文 本，字体设为“华文琥珀”，大小设为“60”。
4.制作动画 将文字拖放到舞台最右边外侧。在第60帧上插入关键帧（按F6）， 将文字拖放到舞台最左边外侧。 在时间轴面板上，设置补间为“创建传统补间”。
下面详细讲解这12条基本动画原则。
1. 掌握时序。 2. 慢入和慢出。 3. 弧形动作。 4. 预期性。 5. 使用夸张。 6. 挤压和伸展。 7. 辅助动作。 8. 完成动作和重叠动作。
9. 逐帧动画和关键帧动画。 10.布局。 11.吸引力。 12.个性。
1.1.3 常用动画制作软件简介
一．三维动画制作软件 目前最常见的三维动画制作软件有3ds Max、 Maya、 SoftImage和Lightwave等。
播放头
图层区
“时间轴”面板
时间帧标尺 时间帧
时间帧状态栏
1.2.2 牛刀小试──简单动画
操作要求：实现“从零开始学Flash”几个文字由右运动 到左的动画效果。
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •补间动画。 •保存影片。 •发布影片。
【设计效果】 创建图所示效果。
最终效果
【操作步骤】
1.1 动画设计综述 1.1.1 动画的应用领域
Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学 课件、游戏、企业宣传、产品展示和电子相册等领域。
网页广告
Flash音乐动画
1.1.2 动画的设计原则
迪斯尼公司于20世纪30年代提出了动画制作的12条 原则，这些原则为动画师们找到了表现精致复杂动画的 方法。
启动Flash CS5
2.打开Flash CS5的开始页
单击“ActionScript 3.0”或者“ActionScript 2.0”
选项即可新建一个Flash文档，并进入Flash CS5 的工作界面 。
单击此处的选 项，可使用系 统自带的一些 模板制作Flash 动画
单击该选项可 打开“打开” 对话框，从中 可选择要打开 的文档
二．交互式二维动画制作软件Flash 在众多的二维动画制作软件中，Flash最为璀璨，
随着Flash的发展，Flash已经逐渐成为二维动画制作 软件的代名词。
1.1.4 Flash动画创作流程
每个人创建Flash动画的习惯不同，但都会遵循一个 基本的流程。
下面介绍创建Flash动画的流程。
① 前期策划
1.2.3 高手接招──大红大吉
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •导入素材。 •保存影片。 •发布影片。
【设计效果】 创建图1-13所示效果。
最终效果
【操作步骤】
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新 建一个Flash文档。
【要点提示】 此处选择【Flash文件（ActionScript 3.0）】和【Flash文
件（ActionScript 2.0）】差别在于其动画文件支持的后台脚 本不同。 ActionScript 2.0主要针对对象编写代码，编写时语言很简单， 而ActionScript 3.0较为复杂。
1. 创建新文件。 选择【新建】/【Flash文件（ActionScript 2.0）】命 令，新建一个Flash文档。
2. 制作背景。 ① 选择【修改】/【文档】菜单命令，打开【文档属 性】对话框，将【高】选项改为“300像素”。 ② 将默认的“图层1”重命名为“背景”层。选择 【矩形】工具，在舞台上绘制一个矩形，效果如 图1-16所示。 ③ 选择【选择】工具 ，双击刚才绘制的矩形，然后 在【属性】面板中按照图1-17进行设置。 ④ 在【颜色】面板中，设置线性渐变的第1个色块颜 色为“FF0000”（红色），第2个色块颜色为 “CC0000”（暗红色）。
【要点提示】 在设置【颜色】面板的属性时，一定要保证矩形
处于被选中的状态，否则矩形的颜色将无法改变。
1-16 1-7
图
绘 制 矩 形
二. Flash CS5界面介绍
启动Flash CS5并熟悉工作界面
正确安装Flash CS5并进行注册后，可参照以下步骤启动 Flash CS5。
1.单击“开始”按钮，在弹出的菜单 中选择“所有程序”>“Adobe Design Premium CS5”>“Adobe Flash Professional CS5”，或双击桌面上的 图标。
Flash技能培训
授课老师：罗萍
第1章 Flash CS5动画制作基础知识
本章学习要求
了解动画的起源与发展。 掌握动画制作的原则。 了解Flash的发展历史。 了解Flash CS5的工作界面。 掌握Flash动画制作流程。
本章大纲
• 1.1 动画设计综述 • 1.2 Flash CS5动画设计简介 • 1.3 制作第一个Flash动画
Flash CS5开始页
3.进入Flash CS5的工作界面后
可以看到其工作界面由标题栏、菜单栏、文档选项卡、 主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制
面板等组成 。
Flash CS5工作界面
• “时间轴”面板：
默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内 容，它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显 示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间 轴。
② 准备素材
③ ash CS5动画设计简介 1.2.1 Flash CS5简介
一．Flash动画制作流程 Flash动画制作流程十分的简单，分为：新建Flash
文档、编辑场景、保存影片、发布影片4个步骤，其 中编辑动画部分是流程的关键，发布影片控制着发 布影片的大小、质量和文件格式等重要性质，所以 也是十分重要的。
2. 制作背景。 选择【修改】/【文档】菜单命令，打开【文档属性】对话框，将 【高】选项改为“400像素”，【宽】为“500像素” 。
3.添加文字 使用工具箱中的文字工具，输入“从零开始学Flash”的静态文 本，字体设为“华文琥珀”，大小设为“60”。
4.制作动画 将文字拖放到舞台最右边外侧。在第60帧上插入关键帧（按F6）， 将文字拖放到舞台最左边外侧。 在时间轴面板上，设置补间为“创建传统补间”。
下面详细讲解这12条基本动画原则。
1. 掌握时序。 2. 慢入和慢出。 3. 弧形动作。 4. 预期性。 5. 使用夸张。 6. 挤压和伸展。 7. 辅助动作。 8. 完成动作和重叠动作。
9. 逐帧动画和关键帧动画。 10.布局。 11.吸引力。 12.个性。
1.1.3 常用动画制作软件简介
一．三维动画制作软件 目前最常见的三维动画制作软件有3ds Max、 Maya、 SoftImage和Lightwave等。
播放头
图层区
“时间轴”面板
时间帧标尺 时间帧
时间帧状态栏
1.2.2 牛刀小试──简单动画
操作要求：实现“从零开始学Flash”几个文字由右运动 到左的动画效果。
【设计思路】 •新建文档。 •制作背景。 •制作文字。 •补间动画。 •保存影片。 •发布影片。
【设计效果】 创建图所示效果。
最终效果
【操作步骤】
1.1 动画设计综述 1.1.1 动画的应用领域
Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学 课件、游戏、企业宣传、产品展示和电子相册等领域。
网页广告
Flash音乐动画
1.1.2 动画的设计原则
迪斯尼公司于20世纪30年代提出了动画制作的12条 原则，这些原则为动画师们找到了表现精致复杂动画的 方法。
启动Flash CS5
2.打开Flash CS5的开始页
单击“ActionScript 3.0”或者“ActionScript 2.0”
选项即可新建一个Flash文档，并进入Flash CS5 的工作界面 。
单击此处的选 项，可使用系 统自带的一些 模板制作Flash 动画
单击该选项可 打开“打开” 对话框，从中 可选择要打开 的文档
二．交互式二维动画制作软件Flash 在众多的二维动画制作软件中，Flash最为璀璨，
随着Flash的发展，Flash已经逐渐成为二维动画制作 软件的代名词。
1.1.4 Flash动画创作流程
每个人创建Flash动画的习惯不同，但都会遵循一个 基本的流程。
下面介绍创建Flash动画的流程。
① 前期策划