第一章 flash快速入门

Flash动画制作教程,黄海端讲师Flash邮箱：用户名：flash_2015密码：flash2015,课程简介,Flash动画制作这门课是我院学生的一门公共选修课，是一门实践性较强的课程，共计24学时，面向全院学生。培养学生网页动画、广告动画、动画特效及简单交互动画制作技能，可在动漫设计、角色设计以及场景设计等岗位找到新的就业点。本门课内容安排：Flash快速入门、Flash图形的创建与编辑、创建与编辑文本对象、帧动画的制作及场景管理、动作补间及形状补间动画的制作、元件和库、制作简单的Flash动画、Flash综合应用。,早知道,学习使用Flash,课程内容,课程任务,掌握动画制作软件Flash的基本操作，能够使用Flash制作简单的动画,课程考核,过程考核（50%）+1次综合性创作作品（50%）,计划学时,24学时=2学时/周12周,第1章Flashcs5快速入门,1.1了解Flash动画知识1.2认识Flash的工作界面1.3掌握Flashcs5的常用操作1.4测试与发布影片1.5典型实例,1.1了解Flash动画知识,1.1.1什么是Flash1.1.2Flash矢量图特点1.1.3动画的形成原理1.1.4Flash的应用领域,1.1了解Flash动画知识,1.1.1什么是FlashFlash是美国Macromedia公司出品的矢量图形编辑和动画创作专业软件。在其制作的动画中可融合声音、视频等多种媒体信息，它还提供了功能强大的编程语言以实现交互功能，另外，利用程序控制动画和对象还可实现特殊的效果。Flash版本：MacromediaFlash1、2、3、4、5，FlashMX、MX2004、Flash8；AdobeFlashcs3、4、5、5.5,6。最新版本？,1.1.2Flash矢量图特点位图矢量图矢量图特点：缩放不失真；占用空间小Flash制作的动画是矢量图形动画,动画的形成利用了人眼的视觉暂留特征：每当一幅图像从眼前消失的时候，留在视网膜上的图像并不会立即消失，还会延迟约1/161/12秒。在这段时间内，如果下一副图像又出现了，我们眼睛里就会产生上一画面与下一画面之间的过渡效果从而形成连续的画面。电影、电视的动态效果也是视觉暂留原理形成的。电影的播放速度一般式每秒24帧，即帧频为24fps，Flash动画的帧频一般设置为12fps。若要控制动画的播放速度，可以根据需要改变帧频。注：fpsframepersecond，即帧/秒的意思。霓虹灯案列演示,1.1.3动画的形成原理,1.1.4Flash的应用领域,教学课件将文字、图形、图像、视频、音频结合，制作出丰富的画面和动态效果，并可以实现人机交互。卡通动漫卡通动漫的制作是创建Flash作品中最重要的一步，卡通动漫部分的制作效果将直接决定Flash作品的成功与否。著名的flash作品：大话三国，小破孩，中央三台的相声动画快乐驿站。电子贺卡随着网络的普及，人们喜欢通过发E-mail的方式向对方表示祝福。Flash广告Flash的表现力强大，可以给用户非常深刻的印象和交互体验。Flashmtv用Flash软件制作mtv音乐，脱离了真人的扮演，以清新、优美的画面和新颖的表现方式深入人心。Flash网站Flash网站设计精美，拥有音效、动画、流媒体剪辑、美术效果及兼顾互动性等特征。Flash游戏利用脚本语言(ActionScript)制作小型的网络或手机游戏。,1.2认识Flash的工作界面,菜单栏,时间轴,场景区,工具栏,属性面板,对比举例：制作一个flash动画-筹备一场演出1)导演-你2)剧本-时间轴3)演员-工具栏4)化妆师-属性栏5)舞台-场景区,时间轴面板,帧是Flash动画的基本组成元素，也是Flash作品的基本播放单位。在时间轴上，每个小方格（亦称影格）即为一帧，其内容可包括：图形、音频、素材符号、嵌入对象等。图层是Flash为制作复杂动画作品而引入的一种手段，相当于一张透明的玻璃纸。将不同对象放在不同层上，可以轻松制作场景复杂的动画，每个图层上的文档相对独立，编辑时不会影响到其他图层。分为：Normal（普通）、Guide（引导）、Guided（被引导）、Mask（遮罩）和Masked（被遮罩）。,绘图工具栏,绘画工具栏中包括多种工具，可以分为四大部分:工具区：放置了所有与绘图有关的工具，这些工具的使用将在以后的学习中详细地介绍。查看区：在编辑图形时，用于暂时缩小或放大图形。颜色区：用来设计颜色，显示目前所使用的各种颜色。选项区：根据用户选择的绘图工具提供相关的附属功能。,“属性”面板是最重要、最常用的面板，它位于界面的最下方，在这里可以显示和修改一切对象的基本属性，而且会随着选取对象的不同而出现不同的属性内容。比如在新建了一个文件，没有选取任何对象时，打开“属性”面板，出现的就是整个影片的属性，如图所示。此时“属性”面板提供了设置影片尺寸、背景颜色、播放速度以及发布设置几项内容，可以根据需要进行设置。,“属性”面板,如果选取了一个椭圆对象，再打开“属性”面板，可以看到面板中出现的是这个椭圆对象的属性内容（如图所示）。此时“属性”面板的内容包括设置椭圆的线条颜色、线条粗细、线形和填充颜色等内容。总之，随着选取对象的不同都会随之出现该对象的基本属性，可以对这些属性进行修改。在以后的动画制作中经常会用到这个面板。,“属性”面板,舞台、工作区和场景,在Flash中，舞台是用来制作动画的区域，可以在其中直接绘制图像，也可以在舞台中安排导入的图像。舞台外面的灰色区域是工作区，类似于剧院的后台，它也可以放置对象，但只有舞台上的内容才是最终显示出来的动画作品，工作区内的对象不会在动画中显示。场景是由舞台和工作区共同组成的区域。,舞台和工作区,1.3掌握Flashcs5的常用操作,Flashcs5的基本操作可以看作是创建动画的基本操作，它包括Flashcs5应用软件的启动与退出，Flashcs5文档操作。其中Flashcs5文件的新建、打开、保存等可以说是最基本的操作，下面分别进行说明。,1.3.1Flashcs5的启动与退出,双击该图标就可启动Flashcs5。也可以通过单击“开始”“程序”“Adobe”“AdobeFlashProfessionalcs5.5”来启动Flashcs5。Flashcs5的退出和其他应用软件的退出方法相似，常用以下两种方法：按钮：单击标题栏右端的“关闭”按钮即可。图标：双击标题栏上的Flashcs5应用程序图标。,1.3.2Flashcs5文档操作,新建文档执行“文件-新建”命令，弹出“新建文档”对话框。切换至“模板”选项卡，在其中选择相应的选项。单击“确定”按钮，即可从模板中新建文档。打开文档执行“文件-打开”命令，弹出“打开”对话框。在“打开”对话框中选择要打开的文件，单击“打开”，即可打开Flash文档。保存文档执行“文件-保存”命令，即可保存Flash文档。如果该文档从未保存，将弹出“另存为”对话框。在“另存为”对话框的“文件名”文本框中输入文件的名称，在“保存类型”下拉列表框中选择“Flashcs5文档（*.fla）”选项，单击“保存”按钮，即可保存Flash文档。,1.4测试与发布影片,在制作好Flash动画后，可先对制作的动画进行优化，当测试其符合下载要求后，再将其输出为其他格式的文件，以便其能在其他程序中使用；也可以将Flash动画发布到Flash网站上，供Flash爱好者或其他人观看。,1.4.1测试动画,选择“文件”“打开”命令，打开一个素材文件，选择“控制”“测试影片”“测试”命令，（或按快捷键Ctrl+Enter）执行操作后，动画开始播放。打开霓虹灯文件进行演示,1.4.2测试场景,在拥有多个场景的编辑区中，有时不需要测试整个动画，这时可以测试当前编辑的场景或元件。选择“文件”“打开”命令，打开一个素材文件“霓虹灯”，选择“控制”“测试场景”命令，执行操作后，即可测试场景。,在执行“测试影片”命令的同时在与源文件相同的路径下以相同的名字保存了一个（.swf）文件。没有安装Flash播放器的计算机上就不能播放了。在播放器的“文件”菜单中执行“创建播放器”命令，下图所示。弹出“另存为”对话框，在该对话框中选择保存路径，输入文件名称，然后单击“保存”按钮。这样就在指定的路径下生成了一个（.exe）文件，即可执行文件，使影片脱离了Flash提供的播放器，达到了随意播放的效果。,“创建播放器”文件,创建播放器,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典型实例,实例效果界面,实例目的：通过这个实例来说明如何进行Flash的操作，让大家对Flash有一个初步的感性认识。,制作过程：1创建电影文件。首先选择菜单“文件-新建”创建一个空白电影文件，然后选择菜单“修改-文档”命令打开“文档属性”对话框，设置背景颜色为黑色，其余内容根据用户需要进行相应设置。,2.制作简单动画。（1）单击工具箱中的文本工具按钮，在场景1的第1帧上输入文本“我的第一个Fla