第一章flash快速入门

1、Flash动画制作教程动画制作教程黄海端黄海端 讲师讲师Flash邮箱：邮箱：用户名：用户名：flash_密码：密码：flash2015 课程简介课程简介Flash动画制作这门课是我院学生的一门公共选修课，是一门实践性较强的课程，共计24学时，面向全院学生。培养学生网页动画、广告动画、动画特效及简单交互动画制作技能，可在动漫设计、角色设计以及场景设计等岗位找到新的就业点。 本门课内容安排： Flash快速入门、Flash图形的创建与编辑、创建与编辑文本对象、帧动画的制作及场景管理、动作补间及形状补间动画的制作、元件和库、制作简单的Flash动画、Flash综合应用。 早知道早知道学习使用Fla

2、sh课程内容课程任务掌握动画制作软件Flash 的基本操作，能够使用Flash 制作简单的动画课程考核过程考核（50%）+1次综合性创作作品（50%）计划学时24学时=2学时/周12周n第4、6、8、n11、13、15周n上机课n第17周上交作品(.fla)n发到n第3、5、7、n9、12、14周n上理论课n课程安排第第1 1章章 Flash cs5Flash cs5快速入门快速入门 1.1 了解了解Flash动画知识动画知识 1.2 认识认识Flash的工作界面的工作界面 1.3 掌握掌握Flash cs5的常用操作的常用操作 1.4 测试与发布影片测试与发布影片 1.5 典型实例典型实例1

3、.1 1.1 了解了解FlashFlash动画知识动画知识1.1.1 1.1.1 什么是什么是FlashFlash1.1.2 Flash1.1.2 Flash矢量图特点矢量图特点1.1.3 1.1.3 动画的形成原理动画的形成原理1.1.4 Flash1.1.4 Flash的应用领域的应用领域1.1 1.1 了解了解FlashFlash动画知识动画知识1.1.1 1.1.1 什么是什么是FlashFlash Flash是美国Macromedia公司出品的矢量图形编辑和动画创作专业软件。在其制作的动画中可融合声音、视频等多种媒体信息，它还提供了功能强大的编程语言以实现交互功能，另外，利用程序控制

4、动画和对象还可实现特殊的效果。 Flash版本： Macromedia Flash 1、2、3、4、5，Flash MX、 MX2004、 Flash8；Adobe Flash cs3、4、5、5.5,6。最新版本？1.1.2 Flash1.1.2 Flash矢量图特点矢量图特点 位图 矢量图 矢量图特点：缩放不失真；占用空间小Flash制作的动画是矢量图形动画 动画的形成利用了人眼的视觉暂留特征： 每当一幅图像从眼前消失的时候，留在视网膜上的图像并不会立即消失，还会延迟约1/161/12秒。在这段时间内，如果下一副图像又出现了，我们眼睛里就会产生上一画面与下一画面之间的过渡效果从而形成连续的

5、画面。 电影、电视的动态效果也是视觉暂留原理形成的。 电影的播放速度一般式每秒24帧，即帧频为24fps，Flash动画的帧频一般设置为12fps。若要控制动画的播放速度，可以根据需要改变帧频。 注：fpsframe persecond，即帧/秒的意思。 霓虹灯案列演示霓虹灯案列演示1.1.3 1.1.3 动画的形成原理动画的形成原理1.1.4 Flash1.1.4 Flash的应用领域的应用领域1.2 1.2 认识认识FlashFlash的工作界面的工作界面菜单栏菜单栏时间轴时间轴场景场景区区工具栏工具栏属性面板属性面板对比举例：制作一个 flash 动画 - 筹备一场演出 1) 导演 -

6、你 2) 剧本 - 时间轴 3) 演员 - 工具栏 4) 化妆师 - 属性栏 5) 舞台 - 场景区 时间轴面板时间轴面板图层按钮播放头空白关键帧当前帧帧频播放到当前帧所用时间帧帧 是Flash动画的基本组成元素，也是Flash作品的基本播放单位。在时间轴上，每个小方格（亦称影格）即为一帧，其内容可包括：图形、音频、素材符号、嵌入对象等。图层图层 是Flash为制作复杂动画作品而引入的一种手段，相当于一张透明的玻璃纸。 将不同对象放在不同层上，可以轻松制作场景复杂的动画，每个图层上的文档相对独立，编辑时不会影响到其他图层。分为：Normal（普通）、Guide（引导）、 Guided（被引导）

7、、Mask（遮罩）和Masked（被遮罩）。绘图工具栏绘图工具栏 绘画工具栏中包括多种工具，可以分为四大部分:工具区：放置了所有与绘图有关的工具，这些工具的使用将在以后的学习中详细地介绍。查看区：在编辑图形时，用于暂时缩小或放大图形。颜色区：用来设计颜色，显示目前所使用的各种颜色。 选项区：根据用户选择的绘图工具提供相关的附属功能。“属性”面板是最重要、最常用的面板，它位于界面的最下方，在这里可以显示和修改一切对象的基本属性，而且会随着选取对象的不同而出现不同的属性内容。比如在新建了一个文件，没有选取任何对象时，打开“属性”面板，出现的就是整个影片的属性，如图所示。此时“属性”面板提供了设置影

8、片尺寸、背景颜色、播放速度以及发布设置几项内容，可以根据需要进行设置。“属性属性”面板面板如果选取了一个椭圆对象，再打开“属性”面板，可以看到面板中出现的是这个椭圆对象的属性内容（如图所示）。此时“属性”面板的内容包括设置椭圆的线条颜色、线条粗细、线形和填充颜色等内容。总之，随着选取对象的不同都会随之出现该对象的基本属性，可以对这些属性进行修改。在以后的动画制作中经常会用到这个面板。“属性属性”面板面板舞台、工作区和场景舞台、工作区和场景 在Flash 中，舞台是用来制作动画的区域，可以在其中直接绘制图像，也可以在舞台中安排导入的图像。 舞台外面的灰色区域是工作区，类似于剧院的后台，它也可以放

9、置对象，但只有舞台上的内容才是最终显示出来的动画作品，工作区内的对象不会在动画中显示。 场景是由舞台和工作区共同组成的区域。1.3 1.3 掌握掌握Flash cs5Flash cs5的常用操作的常用操作1.3.1 Flash cs51.3.1 Flash cs5的启动与退出的启动与退出 双击该图标就可启动Flash cs5。 也可以通过单击“开始”“程序”“Adobe”“Adobe Flash Professional cs5.5”来启动Flash cs5。 Flash cs5的退出和其他应用软件的退出方法相似，常用以下两种方法： 按钮：单击标题栏右端的“关闭”按钮即可。 图标：双击标题栏上

10、的Flash cs5应用程序图标。1.3.2 Flash cs51.3.2 Flash cs5文档操作文档操作 新建文档执行“文件-新建”命令，弹出“新建文档”对话框。切换至“模板”选项卡，在其中选择相应的选项。单击“确定”按钮，即可从模板中新建文档。 打开文档执行“文件-打开”命令，弹出“打开”对话框。在“打开”对话框中选择要打开的文件，单击“打开”，即可打开Flash文档。 保存文档执行“文件-保存”命令，即可保存Flash文档。如果该文档从未保存，将弹出“另存为”对话框。在“另存为”对话框的“文件名”文本框中输入文件的名称，在“保存类型”下拉列表框中选择“Flash cs5文档（*.fl

11、a）”选项，单击“保存”按钮，即可保存Flash文档。1.4 1.4 测试与发布影片测试与发布影片 在制作好Flash动画后，可先对制作的动画进行优化，当测试其符合下载要求后，再将其输出为其他格式的文件，以便其能在其他程序中使用；也可以将Flash动画发布到Flash网站上，供Flash爱好者或其他人观看。1.4.1 1.4.1 测试动画测试动画 选择“文件” “打开”命令，打开一个素材文件， 选择“控制” “测试影片” “测试”命令，（或按快捷键Ctrl+Enter） 执行操作后，动画开始播放。打开霓虹灯文件进行演示1.4.2 1.4.2 测试场景测试场景 在拥有多个场景的编辑区中，有时不需

12、要测试整个动画，这时可以测试当前编辑的场景或元件。 选择“文件” “打开”命令，打开一个素材文件“霓虹灯”， 选择“控制” “测试场景” 命令， 执行操作后，即可测试场景。 在执行“测试影片”命令的同时在与源文件相同的路径下以相同的名字保存了一个（.swf）文件。没有安装Flash播放器的计算机上就不能播放了。 在播放器的“文件”菜单中执行“创建播放器”命令，下图所示。 弹出“另存为”对话框，在该对话框中选择保存路径，输入文件名称，然后单击“保存”按钮。 这样就在指定的路径下生成了一个（.exe）文件，即可执行文件，使影片脱离了Flash提供的播放器，达到了随意播放的效果。创建播放器创建播放器

13、1.4.3 1.4.3 发布影片发布影片 执行“文件”菜单下的“发布设置”命令，打开“发布设置”对话框，如图所示。 该面板中有三个选项卡：格式、Flash、HTML，下面分别介绍。（1）“格式”选项卡。在“格式”选项卡下提供了多种供输出的格式，如：Flash(.swf)、HTML(.html)、GIF(.gif)、JPEG(.jpg)等等，默认状态下，发布设置中总是有Flash和HTML两种格式，选择其他某种发布的文件格式后，对话框新增一个选项卡，在此选项卡上对选定的格式进行设定。（2）“Flash”选项卡。该选项卡用来设置输出的Flash格式的文件的加载顺序、保密设置以及输出品质等参数。（3）“HTML”选项卡。网页是一种HTML格式的文件，要在网页中浏览Flash 动画，就要将Flash 动画发布成网页形式。 实例效果：创建一个字体颜色渐变动画，即字体的颜色随着动画的播放在不断地改变。其效果如图所示。1.5 1.5 典型实例典型实例制作过程：制作过程：1创建电影文件。首先选择菜单“文件-新建”创建一个空白电影文件，然后选择菜单“修改-文档”命令打开“文档属性”对话框，设置背景颜色为黑色，其余内容根据用户需要进行相应设置。2. 2. 制作简单动画。制作简单动画。（1）单击工具箱中的文本工具按钮，在场景1的第1