FLASH教案第一章探素1

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,FLASH教案第一章探素,FLASH教案第一章探素FLASH教案第一章探素第1章 Flash CS4初接触 Flash动画概述,与Flash CS4的初次见面,Flash基本操作,Flash动画制作入门滚落的鸡蛋,第1章 Flash CS4初接触,Flash动画概述,与Flash CS4的初次见面,Flash基本操作,Flash动画制作入门滚落的鸡蛋,1.1 Flash动画概述,1.1.1 Flash动画的应用领域,Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示、电子相册等领域。,Flash制作的欢迎页 Flash制作的网站,网页广告,Flash音乐动画 多媒体教学课件,Flash游戏,1.1.2 Flash动画的特点,Flash动画的特点主要有以下几点。,制作简单：,Flash动画的制作相对比较简单，一个爱好者只要掌握一定的软件知识，拥有一台电脑，一套软件就可以制作出简单的动画。,制作成本低：,用FLASH制作动画可以大幅度降低制作成本，减少人力、物力资源的消耗。同时，在制作时间上也比传统动画大大缩短。,存储容量小和缩放时不失真：,Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。,边下载边播放：,在网络上播放时，发布后的.swf文件具有“流”媒体的特点，可以边下载边播放，而不是需要把整个文件下载完了才能播放。,具有交互性：,Flash可通过为动画添加脚本使其具有交互性，它可以让观众参与到动画中，通过点击、选择等操作决定动画的运行过程和结果，这一点是传统动画所无法比拟的。,1.1.3 Flash动画创作流程,每个人创建Flash动画的习惯不同，但都会遵循一个基本的流程。,前期策划,准备素材,制作动画,后期调试,发布作品,1.2.1 启动Flash CS4,正确安装Flash CS4后，可参照以下步骤启动它。,启动Flash CS4,1.单击“开始” 按钮，在弹出的菜单中选择“所有程序”“Adobe Flash CS4 Professional”，或双击桌面的快捷方式 。,1.2 与Flash CS4的初次见面,Flash CS4开始页,2.进入Flash CS4的开始页，单击“Flash文件（ActionScript 3.0）”或者“Flash文件（ActionScript 2.0）”选项，即可新建一个Flash文档，并进入Flash CS4工作界面 。,1.2.2 熟悉Flash CS4工作界面,进入Flash CS4的工作界面后，可以看到标题栏、菜单栏、文档选项卡、编辑栏、舞台、工具箱和“时间轴”面板等组成部分。,Flash CS4工作界面,标题栏,菜单栏,文档选项卡,舞台,“时间轴”面板,“属性”面板,工具箱,1标题栏,标题栏位于Flash CS4工作界面的最上方。,标题栏,“布局模式”下拉列表,搜索栏,2菜单栏,Flash CS4 将其大部分命令分门别类地放在了“文件”、“编辑”、“视图”、“插入”、“修改”等菜单中。要执行某项功能，可首先在菜单栏中单击对应的主菜单名打开一个下拉菜单，然后继续单击选择需要菜单项即可,菜单栏,3主工具栏,主工具栏默认不显示，若要显示主工具栏可选择“窗口”“工具栏”“主工具栏”菜单。通过单击主工具栏上的按钮，可以快速执行Flash CS4的常用命令。,主工具栏,新建,打开,转到,粘贴,打印,贴紧至对像,伸直,撤销,复制,保存,平滑,剪切,缩放,重做,旋转与倾斜,对齐,4文档选项卡,打开多个文档后，单击文档选项卡可切换当前编辑的文档，单击选项卡右侧的“关闭”按钮，可关闭相应的文档。,文档选项卡,“关闭”按钮,文档选项卡,5编辑栏,编辑栏用于选择需要进行编辑的场景、元件，以及设置舞台显示比例 。,编辑栏,编辑场景,编辑元件,舞台显示比例设置,6舞台,舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。,舞台,7工具箱,工具箱位于Flash CS4工作界面的右侧，用于绘制或编辑图形，分为“工具区”、“颜色区”、“查看区”和“选项区”4个区域。,8“时间轴”面板,“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括图层和时间帧两部分。,“时间轴”面板,图层区,播放头,时间帧标尺,时间帧状态栏,时间帧,工具箱,工具区,查看区,颜色区,选项区,9其他常用面板,制作动画时，最常用的几个面板是“属性”面板、“颜色”面板和“库”面板 。,“属性”面板 “颜色”面板 “库”面板,“属性”面板用来查看和设置所选对象的属性,“颜色”面板用来设置图形的填充色和线条颜色,“库”面板用来保存元件、图像、视频等动画素材,1.2.3 自定义工作界面,用户可以根据个人习惯和工作需要，对工作界面进行调整，调整后还可将工作界面保存起来，以方便以后调用。,选择工作界面的外观模式,1.启动Flash CS4并进入其工作界面后，单击“标题栏”右侧的“布局模式”下拉按钮，可在展开的下拉列表中根据需要选择工作界面的外观模式 。,打开“动作”面板,2.如果在默认的工作界面中找不到需要的面板，可以通过选择“窗口”面板名称”菜单来打开它 。,关闭面板,显示/隐藏面板,3.要将不需要的面板关闭，只需单击该面板右上角的按钮，在展开的下拉菜单中选择“关闭”选项即可；若选择“关闭组”选项，可关闭同组的所有面板 。,4. 要隐藏某个面板，只需单击该面板的标题栏，要显示隐藏的面板，只需再次单击该面板的标题栏即可 。,切换面板显示状态,展开相应面板,5.单击右侧面板组右上角的折叠”按钮 或“展开”按钮 可使面板组在图标状态和打开状态之间切换。,6.在面板组处于图标状态状态时，单击图标可展开相应面板 。,“新建工作区”对话框,选择保存的工作界面,“管理工作区”对话框,7.调整好工作界面后，选择“窗口”“工作区”“新建工作区”菜单，在打开的“新建工作区”对话框中输入名称，然后单击“确定”按钮，可保存当前的工作界面 。,8.保存工作界面后，单击“布局模式”下拉按钮，可在展开的下拉列表中选择保存的界面 。,9.选择“窗口”“工作区”“管理工作区”菜单，可在打开的“管理工作区”对话框中对已有工作界面进行重命名或删除 。,1.3 Flash CS4基本操作,1.3.1 新建、保存、关闭与打开文档,1新建文档,启动Flash时，在开始页单击“Flash文件（ActionScript 3.0）”或“Flash文件（ActionScript 2.0）”选项。,创建Flash文档的方法有以下几种。,单击工作界面中主工具栏上的“新建”按钮。,在工作界面中选择“文件”“新建”菜单或按快捷键【Ctrl+N】，在打开的对话框中选择“Flash文件（ActionScript 3.0）”或“Flash文件（ActionScript 2.0）”选项。,2保存文档,新建Flash文档后，应及时将其保存在电脑中，避免因意外丢失当前的工作成果。,保存文档,1.选择“文件”“保存”菜单，或按快捷键【Ctrl+S】。,2.在打开的“另存为”对话框中选择文档保存路径，输入保存文件名，选择保存类型 ，然后单击“保存”按钮，即可保存文档 。,3关闭文档,对文档进行保存后，可将暂时不用的文档关闭，以节省系统资源。关闭文档的方法主要有以下几种。,单击文档选项卡右侧的“关闭”按钮。,选择“文件”“关闭”菜单，可关闭当前文档。,选择“文件”“全部关闭”菜单，可关闭所有打开的文档。,选择“文件”“退出”菜单，可关闭所有打开的文档并退出Flash CS4程序。,4打开文档,打开文档的方法主要有以下几种。,启动Flash时，在开始页左侧的“打开最近的项目”下选择最近保存过的文档。,通过开始页打开最近保存的文档,在工作界面中选择“文件”“打开”菜单，或按快捷键【Ctrl+O】，在打开的“打开”对话框中选择要打开的文档路径及名称。,在保存目标文档的文件夹中，双击要打开的Flash文档（.fla文档）。,1.3.2 设置文档属性,在新建Flash文档后，可根据实际需要设置舞台大小、背景颜色和帧频等文档属性。,设置文档属性,1.新建Flash文档后在“属性”面板中单击“编辑文档属性”按钮 。,2.在打开的“文档属性”对话框中，可设置文档尺寸、背景颜色和帧频等文档属性 。,尺寸：,尺寸是指舞台的宽和高。播放动画时，位于舞台外面的对象不会被显示。,背景颜色：,单击该选项右侧的色块，可在弹出的“拾色器”对话框中设置舞台的颜色。,帧频：,是指动画的播放速度，单位是“fps”，即每秒播放多少帧。帧频越高，动画播放的速度越快。比较常用的帧频为12、18、24和25。,标尺单位：,如果要在文档中使用标尺，可在该选项右侧的下拉列表中选择标尺的度量单位。,1.3.3 缩放和平移舞台,制作动画时，适当地放大舞台显示比例，可以对图形的细微处进行精确处理；适当地缩小舞台显示比例，可以更好地把握图形的整体形态以及在舞台上的位置。,放大舞台显示比例,1.单击选择工具箱中的“缩放工具” （或按快捷键【M】），然后将光标移动到舞台，默认情况下光标呈 形状，此时单击可将舞台显示比例放大。,缩小舞台显示比例,2.选择“缩放工具” ，然后单击工具箱“选项区”的“缩小”按钮 ，或将光标移动到舞台中并按下【Alt】键，当光标呈,形状时单击可缩小舞台显示比例。,放大指定区域,3.选择“缩放工具” 后，在舞台中按住鼠标左键并拖动，拖出一个矩形框，松开鼠标后，矩形框内的区域会填满整个窗口。,“缩放”下拉列表,利用滚动条移动舞台,4.单击编辑栏右侧的“缩放”下拉按钮，通过选择打开的下拉列表中的不同选项可快速调整舞台大小 。,5.将舞台放大后，如果希望查看没有被显示的区域，可拖动舞台下方或右侧的滚动条 。,使用“手形工具”移动舞台,6.选择工具箱中的“手形工具” ，然后在舞台上按住鼠标左键并拖动，也可以查看没有被显示的区域。,1.3.4 使用网格、标尺与辅助线,在绘图或移动对象时，利用网格、标尺和辅助线可以精确调整对象在舞台上的位置，并使不同对象相互对齐。,显示网格线,“网格”对话框,1.选择“视图”“网格”“显示网格”命令，即可在舞台上显示网格 。,2.选择“视图”“网格”“编辑网格”菜单，在打开的“网格”对话框中可以设置网格线的颜色、网格间的距离以及对象是否贴紧网格对齐等,启用标尺,拖出辅助线,根据辅助线放置对象,3.选择“视图”“标尺”菜单，即可在舞台中启用标尺 。,4.在舞台上方的标尺处按住鼠标左键并拖动，可拖出水平辅助线，在舞台左侧的标尺处按住鼠标左键并拖动，可拖出垂直辅助线，反复操作可拖出多条辅助线。,5.拖出辅助线后，便可以根据辅助线放置对象，对象会自动贴紧辅助线 。,“辅助线”对话框,清除全部辅助线,6.选择“视图”“辅助线”“编辑辅助线”菜单，可在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数 。,7.要清除某条辅助线，只需使用“选择工具” 将其拖出舞台即可，若要清除舞台上的全部辅助线，可选择“视图”“辅助线”“清除辅助线”菜单。,1.3.5 操作的撤销与恢复,对操作进行撤销和恢复的方法主要有以下几种。,选择“编辑”“撤销”菜单，或按快捷键【Ctrl+Z】可撤销前一步操作，连续执行可撤销多步操作；选择“编辑”“重做”菜单，或按快捷键【Ctrl+Y】可恢复撤销的操作，连续执行可恢复多步撤销操作。,单击主工具栏上的“撤销”按钮 可撤销前一步操作；单击主工具栏上的“重做”按钮 可恢复撤销的操作。,利用“历史记录”面板可一次性撤销或恢复多步操作。,1.5 Flash动画制作入门滚动的鸡蛋,本节将通过制作一个鸡蛋滚落的动画效果，介绍绘图工具的使用方法，以及帧、图层和元件等在制作动画过程中所起的作用。,1.5.1 Flash动画制作原理,传统动画和影视都是通过连续播放一组静态画面实现，每一幅静态画面就是一个帧，Flash动画也是如此。下面我们通过制作一个汽车启动的动画来进行说明。,打开素材文档,1.打开素材文档，该文档的时间轴第1帧是一个红色的心图形,插入关键帧,适当放大心图形,2.单击选中“时间轴”面板中的第2帧，然后按【F6】键插入一个关键帧，此时第1帧上的心图形自动延伸到新建的第2个关键帧上，且第2帧自动成为当前帧 。,3.单击选中工具箱中的“任意变形工具”，单击第2帧上的心图形，然后按住【Shift】健，将鼠标指针移至心图形左下角的变形控制柄上，按住鼠标左键并稍微向左下方拖动，适当放大心图形 。,4.按快捷键【Ctrl+Enter】观看动画播放效果，即可看到一颗心在碰碰地跳动 。,1.5.2 绘图工具的使用绘制鸡蛋,打开素材文档,1.打开素材文档。,图形是组成Flash动画的基本元素。制作动画时，可利用Flash工具箱中提供的绘图工具绘制出动画需要的图形。下面通过绘制动画所需的鸡蛋，了解工具箱中绘图工具的使用方法 。,新建图层,选择“椭圆工具”,2.单击“时间轴”面板左下方的“插入图层”按钮 ，在“背景”图层上方新建“图层2” 。,3.按住“工具箱”中的“矩形工具” 不放，在展开的工具列表中单击选择“椭圆工具” （或者按快捷键【O】）。,选择填充颜色,绘制鸡蛋,4. 单击“工具箱”颜色区的“填充颜色”按钮 ，在打开的“拾色器”对话框中选择淡黄色（#FFFFCC）。,5.单击选中“图层2”，并将光标移动到舞台中，然后按住鼠标左键并拖动，绘制一个椭圆形，作为鸡蛋。,1.5.3 认识元件将鸡蛋转换为图形元件,元件是指可以在动画场景中重复使用的一种动画元素。它可以是图形，也可以是一段动画，或者是一个按钮。在制作补间动画时，必须先将创建动画的对象转换为元件。,选择“转换为元件”菜单,创建“鸡蛋”图形元件,1.单击“图层2”的第1帧，选中舞台中的鸡蛋，然后选择“修改”“转换为元件”菜单（或按快捷键【F8】）。,2.在打开的“转换为元件”对话框中“名称”编辑框中输入“鸡蛋”，再在“类型”下拉列表中选择“图形”选项，并将注册中心点设为中间 ，然后单击“确定”按钮。,1.5.4 认识帧和图层制作滚动动画,准备好动画需要的素材后，便可以利用“时间轴”面板中的图层和帧创建动画了。图层就像堆叠在一起的多张幻灯片，每个图层都有独立的时间轴。如此一来，多个图层综合运用，便能形成复杂的动画。,插入普通帧,插入关键帧,1.单击选中“时间轴”面板中“背景”图层的第30帧，然后按【F5】键插入普通帧。,2.单击选中“时间轴”面板“图层2” 第30帧，然后按【F6】键插入关键帧，此时第1帧上的“鸡蛋”元件实例会自动延伸到该帧。 关键帧用于定义动画的变化，普通帧只用于延伸动画内容。,3.单击“图层2”第1帧将播放头转到该帧，然后单击选中工具箱中的“选择工具”，将光标移动到舞台中的“鸡蛋”元件实例上，按住鼠标左键不放并向右上方拖动，将“鸡蛋”元件实例拖到舞台外右侧偏上位置后松开鼠标。如此一来，便设置好了第1帧上的“鸡蛋”元件实例。,4.单击选中“图层2”的第30帧，然后将“鸡蛋”元件实例移动到舞台左下方。如此一来，便设置好了第30帧上的“鸡蛋”元件实例 。,创建传统补间动画,设置旋转的方向和次数,5.在“图层2”第1帧与第30帧之间任意帧上右击，然后在弹出的快捷菜单中选择“创建传统补间”菜单 ，此时鸡蛋将做从舞台右上侧移动到舞台左下侧的运动,6.为了使鸡蛋滚动移动，单击选中“图层2”的第1帧，然后在舞台右侧“属性”的“方向”下拉列表中选择“逆时针”选项，再在其右侧的“旋转”编辑框中输入“2” 。,1.5.5 测试动画,完成动画的制作后应测试其播放效果，以便及时发现动画中存在的问题，并在文档中进行修改，若没有问题便可将动画保存并发布。,1.在制作动画过程中，按下【Enter】键，可以测试动画在时间轴上的播放效果；反复按【Enter】键可在暂停测试和继续测试之间切换。,2.若希望测试动画的实际播放效果，可选择“控制”“测试影片”菜单，或按下快捷键【Ctrl+Enter】，在Flash Player播放器中进行测试。,谢谢大家！,