FLASH教案第一章探素1

《FLASH教案第一章探素1》由会员分享，可在线阅读，更多相关《FLASH教案第一章探素1（46页珍藏版）》请在装配图网上搜索。

1、单击此处编辑母版标题样式,,单击此处编辑母版文本样式,,第二级,,第三级,,第四级,,第五级,,,*,单击此处编辑母版标题样式,,单击此处编辑母版文本样式,,第二级,,第三级,,第四级,,第五级,,,,*,单击此处编辑母版标题样式,,单击此处编辑母版文本样式,,第二级,,第三级,,第四级,,第五级,,,,*,FLASH教案第一章探素,,FLASH教案第一章探素FLASH教案第一章探素第1章 Flash CS4初接触 Flash动画概述,,与Flash CS4的初次见面,,Flash基本操作,,Flash动画制作入门——滚落的鸡蛋,第1章 Flash CS4初接触,,Flash动画概述,,与Fl

2、ash CS4的初次见面,,Flash基本操作,,Flash动画制作入门——滚落的鸡蛋,,1.1 Flash动画概述,,1.1.1 Flash动画的应用领域,,Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示、电子相册等领域。,,Flash制作的欢迎页 Flash制作的网站,,,网页广告,,,,Flash音乐动画 多媒体教学课件,,Flash游戏,,,1.1.2

3、Flash动画的特点,Flash动画的特点主要有以下几点。,,制作简单：,Flash动画的制作相对比较简单，一个爱好者只要掌握一定的软件知识，拥有一台电脑，一套软件就可以制作出简单的动画。,,,制作成本低：,用FLASH制作动画可以大幅度降低制作成本，减少人力、物力资源的消耗。同时，在制作时间上也比传统动画大大缩短。,,,存储容量小和缩放时不失真：,Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。,,,,边下载边播放：,在网络上播放时，发布后的.swf文件具有“流”媒体的特点，可以边下载边播放，而不是需要把整个文件下载完了才能播放。,,,具有交互性：,Fl

4、ash可通过为动画添加脚本使其具有交互性，它可以让观众参与到动画中，通过点击、选择等操作决定动画的运行过程和结果，这一点是传统动画所无法比拟的。,,1.1.3 Flash动画创作流程,每个人创建Flash动画的习惯不同，但都会遵循一个基本的流程。,,前期策划,准备素材,制作动画,后期调试,发布作品,,1.2.1 启动Flash CS4,正确安装Flash CS4后，可参照以下步骤启动它。,,启动Flash CS4,,1.单击“开始” 按钮，在弹出的菜单中选择“所有程序”>“Adobe Flash CS4 Professional”，或双击桌面的快捷方式 。,,1.2 与Flash CS4

5、的初次见面,,,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工

6、作界面的最上方。,,标题栏,,“布局模式”下拉列表,,搜索栏,,2．菜单栏,Flash CS4 将其大部分命令分门别类地放在了“文件”、“编辑”、“视图”、“插入”、“修改”等菜单中。要执行某项功能，可首先在菜单栏中单击对应的主菜单名打开一个下拉菜单，然后继续单击选择需要菜单项即可,,菜单栏,,,3．主工具栏,主工具栏默认不显示，若要显示主工具栏可选择“窗口”>“工具栏”>“主工具栏”菜单。通过单击主工具栏上的按钮，可以快速执行Flash CS4的常用命令。,,主工具栏,新建,打开,转到,粘贴,打印,贴紧至对像,伸直,撤销,复制,保存,平滑,剪切,缩放,重做,旋转与倾斜,对齐,4．文档选项卡,

7、打开多个文档后，单击文档选项卡可切换当前编辑的文档，单击选项卡右侧的“关闭”按钮，可关闭相应的文档。,,文档选项卡,,“关闭”按钮,,文档选项卡,,,5．编辑栏,编辑栏用于选择需要进行编辑的场景、元件，以及设置舞台显示比例 。,,编辑栏,,编辑场景,,编辑元件,,舞台显示比例设置,,6．舞台,舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。,,舞台,,,7．工具箱,工具箱位于Flash CS4工作界面的右侧，用于绘制或编辑图形，分为“工具区”、“颜色区”、“

8、查看区”和“选项区”4个区域。,,8．“时间轴”面板,“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括图层和时间帧两部分。,,“时间轴”面板,,图层区,,播放头,,时间帧标尺,,时间帧状态栏,,时间帧,,工具箱,,工具区,,查看区,,颜色区,,选项区,,,9．其他常用面板,,制作动画时，最常用的几个面板是“属性”面板、“颜色”面板和“库”面板 。,,“属性”面板 “颜色”面板 “库”面板,,“属性”面板用来查看和设置所选对象的属性,,“颜色”面板用来设置图形的

9、填充色和线条颜色,,“库”面板用来保存元件、图像、视频等动画素材,,,1.2.3 自定义工作界面,用户可以根据个人习惯和工作需要，对工作界面进行调整，调整后还可将工作界面保存起来，以方便以后调用。,选择工作界面的外观模式,,1.启动Flash CS4并进入其工作界面后，单击“标题栏”右侧的“布局模式”下拉按钮，可在展开的下拉列表中根据需要选择工作界面的外观模式 。,,打开“动作”面板,,2.如果在默认的工作界面中找不到需要的面板，可以通过选择“窗口”>面板名称”菜单来打开它 。,,,,关闭面板,,,,,显示/隐藏面板,,3.要将不需要的面板关闭，只需单击该面板右上角的按钮，在展开的下拉菜单中

10、选择“关闭”选项即可；若选择“关闭组”选项，可关闭同组的所有面板 。,,4. 要隐藏某个面板，只需单击该面板的标题栏，要显示隐藏的面板，只需再次单击该面板的标题栏即可 。,,,,切换面板显示状态,,展开相应面板,,5.单击右侧面板组右上角的折叠”按钮 或“展开”按钮 可使面板组在图标状态和打开状态之间切换。,,6.在面板组处于图标状态状态时，单击图标可展开相应面板 。,,,“新建工作区”对话框,,选择保存的工作界面,,“管理工作区”对话框,,7.调整好工作界面后，选择“窗口”>“工作区”>“新建工作区”菜单，在打开的“新建工作区”对话框中输入名称，然后单击“确定”按钮，

11、可保存当前的工作界面 。,,8.保存工作界面后，单击“布局模式”下拉按钮，可在展开的下拉列表中选择保存的界面 。,,9.选择“窗口”>“工作区”>“管理工作区”菜单，可在打开的“管理工作区”对话框中对已有工作界面进行重命名或删除 。,,,1.3 Flash CS4基本操作,,1.3.1 新建、保存、关闭与打开文档,1．新建文档,启动Flash时，在开始页单击“Flash文件（ActionScript 3.0）”或“Flash文件（ActionScript 2.0）”选项。,,创建Flash文档的方法有以下几种。,,单击工作界面中主工具栏上的“新建”按钮。,,在工作界面中选择“文件”>“新建

12、”菜单或按快捷键【Ctrl+N】，在打开的对话框中选择“Flash文件（ActionScript 3.0）”或“Flash文件（ActionScript 2.0）”选项。,,,2．保存文档,新建Flash文档后，应及时将其保存在电脑中，避免因意外丢失当前的工作成果。,,保存文档,,1.选择“文件”>“保存”菜单，或按快捷键【Ctrl+S】。,,2.在打开的“另存为”对话框中选择文档保存路径，输入保存文件名，选择保存类型 ，然后单击“保存”按钮，即可保存文档 。,,,3．关闭文档,对文档进行保存后，可将暂时不用的文档关闭，以节省系统资源。关闭文档的方法主要有以下几种。,单击文档选项卡右侧的“关闭

13、”按钮。,,选择“文件”>“关闭”菜单，可关闭当前文档。,,选择“文件”>“全部关闭”菜单，可关闭所有打开的文档。,,选择“文件”>“退出”菜单，可关闭所有打开的文档并退出Flash CS4程序。,,4．打开文档,打开文档的方法主要有以下几种。,,启动Flash时，在开始页左侧的“打开最近的项目”下选择最近保存过的文档。,通过开始页打开最近保存的文档,,,在工作界面中选择“文件”>“打开”菜单，或按快捷键【Ctrl+O】，在打开的“打开”对话框中选择要打开的文档路径及名称。,,在保存目标文档的文件夹中，双击要打开的Flash文档（.fla文档）。,,1.3.2 设置文档属性,在新建Flash

14、文档后，可根据实际需要设置舞台大小、背景颜色和帧频等文档属性。,,设置文档属性,,1.新建Flash文档后在“属性”面板中单击“编辑文档属性”按钮 。,,2.在打开的“文档属性”对话框中，可设置文档尺寸、背景颜色和帧频等文档属性 。,,,尺寸：,尺寸是指舞台的宽和高。播放动画时，位于舞台外面的对象不会被显示。,,,背景颜色：,单击该选项右侧的色块，可在弹出的“拾色器”对话框中设置舞台的颜色。,,,帧频：,是指动画的播放速度，单位是“fps”，即每秒播放多少帧。帧频越高，动画播放的速度越快。比较常用的帧频为12、18、24和25。,,,标尺单位：,如果要在文档中使用标尺，可在该选项右侧的下拉列表

15、中选择标尺的度量单位。,,1.3.3 缩放和平移舞台,制作动画时，适当地放大舞台显示比例，可以对图形的细微处进行精确处理；适当地缩小舞台显示比例，可以更好地把握图形的整体形态以及在舞台上的位置。,,,,放大舞台显示比例,,1.单击选择工具箱中的“缩放工具” （或按快捷键【M】），然后将光标移动到舞台，默认情况下光标呈 形状，此时单击可将舞台显示比例放大。,,,,缩小舞台显示比例,,2.选择“缩放工具” ，然后单击工具箱“选项区”的“缩小”按钮 ，或将光标移动到舞台中并按下【Alt】键，当光标呈,,形状时单击可缩小舞台显示比例。,,,放大指定区域

16、,,3.选择“缩放工具” 后，在舞台中按住鼠标左键并拖动，拖出一个矩形框，松开鼠标后，矩形框内的区域会填满整个窗口。,,,“缩放”下拉列表,,利用滚动条移动舞台,,4.单击编辑栏右侧的“缩放”下拉按钮，通过选择打开的下拉列表中的不同选项可快速调整舞台大小 。,,5.将舞台放大后，如果希望查看没有被显示的区域，可拖动舞台下方或右侧的滚动条 。,,使用“手形工具”移动舞台,,6.选择工具箱中的“手形工具” ，然后在舞台上按住鼠标左键并拖动，也可以查看没有被显示的区域。,,,1.3.4 使用网格、标尺与辅助线,在绘图或移动对象时，利用网格、标尺和辅助线可以精确调整对象在舞台

17、上的位置，并使不同对象相互对齐。,显示网格线,,“网格”对话框,,1.选择“视图”>“网格”>“显示网格”命令，即可在舞台上显示网格 。,,2.选择“视图”>“网格”>“编辑网格”菜单，在打开的“网格”对话框中可以设置网格线的颜色、网格间的距离以及对象是否贴紧网格对齐等,,,启用标尺,,拖出辅助线,,根据辅助线放置对象,,3.选择“视图”>“标尺”菜单，即可在舞台中启用标尺 。,,4.在舞台上方的标尺处按住鼠标左键并拖动，可拖出水平辅助线，在舞台左侧的标尺处按住鼠标左键并拖动，可拖出垂直辅助线，反复操作可拖出多条辅助线。,,5.拖出辅助线后，便可以根据辅助线放置对象，对象会自动贴紧辅助线 。,

18、,,“辅助线”对话框,,清除全部辅助线,6.选择“视图”>“辅助线”>“编辑辅助线”菜单，可在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数 。,,7.要清除某条辅助线，只需使用“选择工具” 将其拖出舞台即可，若要清除舞台上的全部辅助线，可选择“视图”>“辅助线”>“清除辅助线”菜单。,,,1.3.5 操作的撤销与恢复,,对操作进行撤销和恢复的方法主要有以下几种。,,选择“编辑”>“撤销×××”菜单，或按快捷键【Ctrl+Z】可撤销前一步操作，连续执行可撤销多步操作；选择“编辑”>“重做×××”菜单，或按快捷键【Ctrl+Y】可恢复撤销的操作，连续执行可恢复多步撤销操

19、作。,,,单击主工具栏上的“撤销”按钮 可撤销前一步操作；单击主工具栏上的“重做”按钮 可恢复撤销的操作。,,,利用“历史记录”面板可一次性撤销或恢复多步操作。,,,1.5 Flash动画制作入门——滚动的鸡蛋,,本节将通过制作一个鸡蛋滚落的动画效果，介绍绘图工具的使用方法，以及帧、图层和元件等在制作动画过程中所起的作用。,1.5.1 Flash动画制作原理,传统动画和影视都是通过连续播放一组静态画面实现，每一幅静态画面就是一个帧，Flash动画也是如此。下面我们通过制作一个汽车启动的动画来进行说明。,,打开素材文档,,1.打开素材文档，该文档的时间轴第1帧是一个红色的

20、心图形,,,,,,插入关键帧,,适当放大心图形,,2.单击选中“时间轴”面板中的第2帧，然后按【F6】键插入一个关键帧，此时第1帧上的心图形自动延伸到新建的第2个关键帧上，且第2帧自动成为当前帧 。,,3.单击选中工具箱中的“任意变形工具”，单击第2帧上的心图形，然后按住【Shift】健，将鼠标指针移至心图形左下角的变形控制柄上，按住鼠标左键并稍微向左下方拖动，适当放大心图形 。,,4.按快捷键【Ctrl+Enter】观看动画播放效果，即可看到一颗心在碰碰地跳动 。,,,1.5.2 绘图工具的使用——绘制鸡蛋,打开素材文档,,1.打开素材文档。,,图形是组成Flash动画的基本元素。制作动画

21、时，可利用Flash工具箱中提供的绘图工具绘制出动画需要的图形。下面通过绘制动画所需的鸡蛋，了解工具箱中绘图工具的使用方法 。,,新建图层,,选择“椭圆工具”,,2.单击“时间轴”面板左下方的“插入图层”按钮 ，在“背景”图层上方新建“图层2” 。,,3.按住“工具箱”中的“矩形工具” 不放，在展开的工具列表中单击选择“椭圆工具” （或者按快捷键【O】）。,,,选择填充颜色,,绘制鸡蛋,,4. 单击“工具箱”颜色区的“填充颜色”按钮 ，在打开的“拾色器”对话框中选择淡黄色（#FFFFCC）。,,5.单击选中“图层2”，并将光标移动到舞台中，然后按住鼠

22、标左键并拖动，绘制一个椭圆形，作为鸡蛋。,,,1.5.3 认识元件——将鸡蛋转换为图形元件,元件是指可以在动画场景中重复使用的一种动画元素。它可以是图形，也可以是一段动画，或者是一个按钮。在制作补间动画时，必须先将创建动画的对象转换为元件。,,选择“转换为元件”菜单,,创建“鸡蛋”图形元件,,1.单击“图层2”的第1帧，选中舞台中的鸡蛋，然后选择“修改”>“转换为元件”菜单（或按快捷键【F8】）。,,2.在打开的“转换为元件”对话框中“名称”编辑框中输入“鸡蛋”，再在“类型”下拉列表中选择“图形”选项，并将注册中心点设为中间 ，然后单击“确定”按钮。,,,1.5.4 认识帧和图层——制作滚

23、动动画,准备好动画需要的素材后，便可以利用“时间轴”面板中的图层和帧创建动画了。图层就像堆叠在一起的多张幻灯片，每个图层都有独立的时间轴。如此一来，多个图层综合运用，便能形成复杂的动画。,,插入普通帧,,插入关键帧,,1.单击选中“时间轴”面板中“背景”图层的第30帧，然后按【F5】键插入普通帧。,,2.单击选中“时间轴”面板“图层2” 第30帧，然后按【F6】键插入关键帧，此时第1帧上的“鸡蛋”元件实例会自动延伸到该帧。 关键帧用于定义动画的变化，普通帧只用于延伸动画内容。,,,3.单击“图层2”第1帧将播放头转到该帧，然后单击选中工具箱中的“选择工具”，将光标移动到舞台中的“鸡蛋”元件实例

24、上，按住鼠标左键不放并向右上方拖动，将“鸡蛋”元件实例拖到舞台外右侧偏上位置后松开鼠标。如此一来，便设置好了第1帧上的“鸡蛋”元件实例。。,,4.单击选中“图层2”的第30帧，然后将“鸡蛋”元件实例移动到舞台左下方。如此一来，便设置好了第30帧上的“鸡蛋”元件实例 。,,,创建传统补间动画,,设置旋转的方向和次数,,5.在“图层2”第1帧与第30帧之间任意帧上右击，然后在弹出的快捷菜单中选择“创建传统补间”菜单 ，此时鸡蛋将做从舞台右上侧移动到舞台左下侧的运动,,6.为了使鸡蛋滚动移动，单击选中“图层2”的第1帧，然后在舞台右侧“属性”的“方向”下拉列表中选择“逆时针”选项，再在其右侧的“旋转”编辑框中输入“2” 。,,,1.5.5 测试动画,完成动画的制作后应测试其播放效果，以便及时发现动画中存在的问题，并在文档中进行修改，若没有问题便可将动画保存并发布。,,1.在制作动画过程中，按下【Enter】键，可以测试动画在时间轴上的播放效果；反复按【Enter】键可在暂停测试和继续测试之间切换。,,2.若希望测试动画的实际播放效果，可选择“控制”>“测试影片”菜单，或按下快捷键【Ctrl+Enter】，在Flash Player播放器中进行测试。,,,谢谢大家！,