网页制作-Flash-CS4全套电子整本书电子教案教学教程.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,天津市红星职业中等专业学校,*,天津市红星职业中等专业学校,项目一 游泳的小鸭,初识,Flash CS4,任务一,了解,Flash,基础知识,任务二,熟悉,Flash CS4,工作界面,任务三,制作小鸭游泳动画,任务四,测试导出与发布动画,【,知识加油站,】,实战演练,飞行的纸飞机,拓展训练,多变的纸飞机,目 录,任务一 了解,Flash,基础知识,本任务目标,:,了解,Flash,的应用及动画原理,本任务重点,:,1.,了解,Flash,应用,2.,掌握,Flash,的动画原理,项目任务,上一页,下一页,一、,Flash,简介,Flash,是美国的,Macromedia,公司推出的一款多媒体动画制作软件。它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的动态效果。,Flash,动画生成的文件体积较小，提升了网络传输的效率；其强大的平面设计功能使得动画设计时无须其他的软件辅助，大大地增加了设计上的效率；极高的程序控制功能,(Action Script),，可以创造互动性极佳的网页，吸引更多人的兴趣。,Flash,自面市以来以其简单易学、功能强大、适应范围广泛等特点，得到了迅猛的发展与普及，逐步奠定了在多媒体互动软件中的霸主地位。,项目任务,上一页,下一页,项目任务,上一页,下一页,二、,Flash,的应用,1,广告宣传片：,Flash,广告是使用,Flash,动画的形式宣传产品的广告，主要用于在互联网上进行产品、服务或者企业形象的宣传。近几年,Flash,发展势头迅猛，因为它既可以在网络上发布，同时也可以存为视频格式在传统的电视台播放。一次制作，多平台发布，所以越来越得到更多企业的青睐。,2,网站建设：,Flash,具有良好的动画表现能力，生成的文件体积很小，可以很快显示出来，所以现在的网页中越来越多的使用,Flash,动画来装饰页面的效果。其强大的后台技术支持,Html,与网页编程语言的使用，使得,Flash,在制作网站上具有良好的优势。,3,游戏制作,:,Flash,是目前制作网络交互动画最优秀的工具，支持动画、声音以及视频，并且利用,ActionScript,语句编制程序，再配合,Flash,强大的交互功能来制作一些游戏，比如热门游戏植物大战僵尸和经典小游戏连连看、泡泡龙等。,项目任务,上一页,下一页,4,娱乐短片：,这是当前国内最火爆，也是广大,Flash,爱好者,最热衷应用的一个领域。由于采用矢量技术这一特点，,Flash,非常,适用于制作动画短片，再配上适当的音乐，比传统的方式更具有,吸引力，而且,Flash,动画文件很小，更适合网络传播。,Flash,短片作品包括卡通动漫、电子贺卡和,MTV,等。,5,多媒体课件：,Flash,课件以文字为基础，配合图像、声音、动画等手段，可以从多方面刺激学生的感官，激发学生的兴趣，使得学生真正成为学习的主体。随着网络教学和远程教学的需要，利用,Flash,制作多媒体课件已经成为课件制作的主流。,6,手机应用：,Flash,作为一款跨媒体的软件在很多领域得到应用，尤其是,Adobe,公司逐渐加大了,Flash,对手机的支持，使用,Flash,可以制作出手机的应用动画，包括,Flash,手机屏保、,Flash,手机主题、,Flash,手机游戏、,Flash,手机应用工具等，随着手机浏览器,Flash Lite,版本不断提升，以及各款手机对,Flash,的不断支持，,Flash,在手机方面的应用越来越广。,当然,Flash,的应用远远不止这些，它在电子商务与其他媒体领域也得到了广泛的应用，在此仅列出一些主要的应用范围，相信随着,Flash,技术的发展，,Flash,的应用范围将会越来越广泛。,项目任务,上一页,三、,Flash,动画原理,动画是通过连续播放一系列画面，给视觉造成连续变化的画面。它的基本原理与电影、电视一样，都是利用了一种视觉原理。医学已证明，人类的眼睛具有“视觉暂留”的特性，,就是说当人的眼睛看到一幅画或一个物体后，它的影像就会投射到我们的视网膜上，如果这个物体突然移开，它的影像仍会在我们的眼睛里停留一段极短的时间，在,0.1,秒内不会消失。这时如果有另一个物体在这段极短的时间内出现，我们将看不出中间有断续的感觉，因为在前一个影像尚未消失时，后一个影像已经产生，并与前一个影像融合在一起，这就是“视觉暂留”原理。,为此，一个动态的运动过程就可以分解为多个静态画面。如图,1-1,所示，武士挥拳的连续动作可以根据其运动规律和关键动作分解为下面六幅画面，当这些画面以低于,0.1,秒的速度播放时，我们就感觉武士挥拳动起来了，而不必去关心两个画面之间武士动作是怎样的。,图,1-1,武士挥拳分解画面,Flash,制作动画时也是采用这一原理，我们采用时间轴来控制动画的播放时间，利用帧来记录每一幅静态画面，这样上面的六幅画面就可以用六个关键帧（记录关键动作的帧）来记录，而两个关键帧之间武士动作的衔接我们不用考虑，由计算机来帮助我们完成。所以说用,Flash,制作动画非常简单、易学。,本任务目标,:,认识,Flash CS4,工作界面,本任务重点,:,1,、工具面板,2,、时间轴面板,项目任务,上一页,下一页,任务二 熟悉,Flash CS4,工作界面,项目任务,上一页,下一页,单击,【,开始,】,菜单,【,程序,】【Adobe Flash CS4 Professional】,命令或双击桌面上的快捷图标启动,Flash CS4,应用程序。默认情况下，每次启动时系统都会自动弹出启动向导对话框，如图,1-2,所示，用于快速访问最近使用过的文件、创建不同类型的文件以及使用教程资源等。,项目任务,上一页,下一页,在新建或打开一个,Flash,文档后，就可以进入,Flash CS4,默认的工作界面，工作界面由标题栏、菜单栏、文档选项卡、舞台、时间轴面板、工具面板、属性面板和其它多个控制面板等组成，如图,1-3,所示。,项目任务,上一页,下一页,一、标题栏,标题栏位于,Flash CS4,工作界面的最上方，利用标题栏右侧的,“,基本功能,”,下拉列表框，可以根,据自己的需要切换工作界面的外观。；,“,基本功能,”,右侧的搜索栏，可以方便地搜索,Adobe,官网中的帮助信息。此外，通过单击标题栏右侧的,3,个窗口控制按钮可以将窗口最小化、最大化和关闭。,二、菜单栏,（,1,）,【,文件,】,：该菜单主要用于操作和管理动画的文件，包括比较常用的新建、打开、保存、导入、导出和发布等。,（,2,）,【,编辑,】,：该菜单主要用于对动画对象进行编辑操作，如复制、粘贴等。,（,3,）,【,视图,】,：该菜单主要用于控制工作区域的显示效果，如放大、缩小以及是否显示标尺、网格和辅助线等。,（,4,）,【,插入,】,：该菜单主要用于向动画中插入元件、图层、帧和场景等。,（,5,）,【,修改,】,：该菜单主要用于对对象进行各项修改，包括变形、排列、对齐以及位图、元件、形状进行各项修改等。,（,6,）,【,文本,】,：该菜单主要用于对文本进行编辑，包括大小、字体、样式等属性。,（,7,）,【,命令,】,：该菜单主要用于管理与运行通过历史面板保存的命令。,（,8,）,【,控制,】,：该菜单主要用于控制影片播放，包括测试影片、播放影片等。,（,9,）,【,调试,】,：该菜单主要用于调试影片中的,ActionScript,脚本。,（,10,）,【,窗口,】,：该菜单主要用于控制各种面板的显示与隐藏，包括时间轴、工具以及各种浮动面板。,（,11,）,【,帮助,】,：该菜单提供了,FlashCS4,的各种帮助信息。,项目任务,上一页,下一页,工具面板是制作,Flash,动画过程中使用最频繁的面板，默认情况下位于工作界面的右侧，分为,“,工具区,”,、,“,查看区,”,、,“,颜色区,”,和,“,选项区,”,4,个功能区域，如图,1-4,所示。,（,1,）工具区：包含了,Flash,中最常用的绘图工具、填充工具和编辑工具。,（,2,）查看区：用于改变舞台的显示比例及显示区域。,（,3,）颜色区：用于设置笔触颜色和填充颜色。,（,4,）选项区：用于设置工具的选项，选择不同的工具时，选项区会有所变化。,三、工具面板,四、时间轴面板,项目任务,上一页,下一页,时间轴面板用于组织和控制文档内容在一定时间内播放的层数和帧数，就像剧本决定了各个场景的切换以及演员出场的时间顺序一样。如图,1-5,所示时间轴面板分为左右两个部分，左边为图层控制区，右边为帧控制区。,（,1,）图层控制区中的图层由上到下排列，上面图层中的对象会叠加到下面图层的上方，在图层控制区可以对图层进行各种操作，如创建图层、删除图层、显示和锁定图层等。,（,2,）帧控制区对应左侧的图层控制区，每一个图层对应一行帧系列。在,Flash CS4,中，动画是按时间轴由左向右顺序播放的，每播放一格即一帧，一帧对应一个画面，对动画进行的编辑操作实际上就是对帧进行的编辑操作。如插入帧、删除帧、复制帧和移动帧等。,项目任务,上一页,五、属性面板,属性面板是一个非常实用而又比较特殊的面板，在属性面板中没有固定的参数选项，它会随着选择对象的不同而出现不同的选项设置，这样就可以很方便地设置对象属性。,当打开多个文档后，单击文档名称形成的文档选项卡可以切换当前编辑的文档，单击文档右侧的按钮可以关闭相应的文档。,舞台是用户创作何编辑动画内容的场所，如图,1-,所示，在工具面板中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，就可以在舞台中绘制或编辑该帧上的图形了。需要注意的是，位于舞台外的内容在播放动画时不会被显示。,六、文档选项卡,七、舞台,本任务目标,:,学习,Flash,制作动画的方法与过程,本任务重点,:,1,、图片素材的导入,2,、动画的制作方法,项目任务,上一页,下一页,任务三 制作小鸭游泳动画,1,新建文件,启动,Flash CS4,后，在如图,1-2,所示的启动向导中选择“,Flash,文件（,ActionScript2.0,）”选项即可新建一个,Flash,文档。,2,导入河流背景,如图,1-7,所示，在菜单栏中单击,【,文件,】,菜单,【,导入,】【,导入到舞台,】,命令，打开如图,1-8,所示的,“,导入,”,对话框，选择光盘中,“,素材与实例,project01,素材,”,目录下的背景河流,.jpg,文件，单击,“,打开,”,按钮，导入图片后的舞台如图,1-9,所示。,一、导入素材,项目任务,上一页,下一页,项目任务,上一页,下一页,3,修改河流图层,因为导入的背景图片太大，超出了舞台的范围，所以要对图片进行调整。单击,【,窗口,】,菜单,【,信息命令,】,，打开如图,1-10,所示的信息面板，调整背景河流图片的尺寸，参数为宽度,550,，高度,400,，按回车键确认。然后在下面的时间轴面板里双击,“,图层,1,”,，把名字改成,“,背景河流,”,并按回车键确认，如图,1-11,。图层调整后的舞台如图,1-12,所示。,图,1-10,信息面板,图,1-11,修改图层名,图,1-12,图层调整后的舞台,项目任务,上一页,下一页,4,导入小鸭图片,首先要在背景河流的图层上新建一个图层。选中,“,背景河流,”,图层，使其为蓝色（表示该图层为当前正在编辑的图层），单击时间轴面板左下方的,“,新建图层,”,按钮，新建一个名为,“,图层,2,”,的图层，按,“,背景河流,”,图层修改名称的方法，将,“,图层,2,”,改为,“,小鸭子,”,，如图,1-13,所示。,然后按背景河流的导入方法导入光盘中,“,素材与实例,project01,素材,”,目录下的卡通小鸭子,.png,文件，导入后的舞台如图,1-14,所示。,项目任务,上一页,下一页,5,修改小鸭子,单击,【,窗口,】,菜单,【,信息,】,命令，在信息面板中调整小鸭子图片的尺寸，参数为宽度,100,，高度,100,，按回车键确认。调整小鸭子后的舞台如图,1-15,所示。,项目任务,上一页,下一页,二、制作动画,1,制作开始帧,选择,“,小鸭子,”,图层，单击时间轴面板右侧第一帧，将小鸭子拖动到舞台的右下角，如图,1-16,所示。,项目任务,上一页,下一页,2,制作结束帧,拖动时间轴面板右下方的水平滚动条，显示出第,70,帧，然后选择,“,小鸭子,”,图层中的第,70,帧，单击鼠标右键在弹出菜单中选择,【,插入关键帧,】,命令，如图,1-17,所示。然后再按此方法在,“,背景河流,”,图层中的第,70,帧处插入关键帧，完成后时间轴如图,1-18,所示。,项目任务,上一页,下一页,项目任务,上一页,下一页,然后再选择小鸭子图层，把小鸭子拖动到舞台的左下角，这是动画结束时，小鸭子所在的位置，如下图,1-19,所示。,3,创建动画,选取从,1,到,70,帧当中的任意一帧，单击鼠标右键，在弹出菜单中选择,“,创建传统补间,”,命令，完成小鸭游泳动画，如图,1-20,所示。,项目任务,上一页,下一页,三、保存文件,动画制作完成后要进行保存。为了有效的管理所创作的,flash,文件，在,D,盘创建名为,“,flash,”,的文件夹，在该文件夹内创建名为,“,project 01,”,的子文件夹，在该子文件夹内再创建名为,“,实例,”,的下级文件夹，依次类推，在,flash,文件夹中创建,14,个文件夹，文件夹名称序号依次递增。单击,【,文件,】,菜单,【,保存,】,命令或按,【Ctrl+S】,快捷键，打开,“,另存为,”,对话框，如图,1-21,所示，保存路径为,d:flashproject 01,实例，输入文件名,“,游泳的小鸭,.fla,”,，保存类型为默认类型，最后单击,“,保存,”,按钮，就完成了文件的保存。,项目任务,上一页,本任务目标,:,学习,Flash,发布动画的方法,本任务重点,:,熟练掌握导出动画的方法,任务四 测试、导出与发布动画,项目任务,上一页,下一页,1.,在工作界面中测试,在制作动画过程中，按下,【Enter】,键，可以测试动画在时间轴上的播放效果；反复按,【Enter】,键可以在暂停测试和继续测试之间切换。,2.,在播放器中测试,若希望测试动画的实际播放效果，可以单击【控制】菜单【测试影片】命令或按【,Ctrl+Enter】,快捷键，打开测试窗口，就可以在播放器中进行测试了，如图,1-22,和图,1-23,所示。要想关闭测试窗口，可以选择测试窗口中,【,文件,】,菜单,【,关闭,】,命令或单击窗口右上角的,【,关闭,】,按钮。,一、测试动画,项目任务,上一页,下一页,在,Flash,软件中制作的动画只是,fla,格式的源文件，不能在播放器中播放，必须将其进行导出。,Flash,导出的动画格式通常为,swf,格式，这是,Flash,动画特有的文件格式。此外，还可以导出为其他图像、图形、声音和视频格式文件。,1.,导出影片,选择,“,文件,”,菜单,-,“,导出,”,-,“,导出影片,”,命令，弹出如图,1-24,所示的导出影片对话框。在保存类型下拉列表框中列出了,Flash,导出常用的动画文件格式，选择一种格式，给文件命名，然后单击保存按钮就完成导出操作了。,二、导出动画,项目任务,上一页,下一页,（,1,）,SWF,影片（*,.swf,）：选择该项，不需任何设置可以将其导出为,Flash,特有的,swf,格式文件。,（,2,）,Windows AVI,（*,.avi,）：选择该项，在弹出的导出,Windows AVI,对话框中可以设置选项，从而将文档导出为,Window,视频，但是会丢弃所有的交互性。,（,3,）,QuickTime,（*,.mov,）：选择该项，可以将文档导出为,QuickTime,文件，使之可以以视频流的形式或通过,DVD,进行分发，或者可以在视频编辑应用程序（如,Adobe Premiere Pro,）中使用。,（,4,）动画,GIF,（*,.gif,）：选择该项，在弹出的导出,GIF,对话框中可以设置选项，从而将文档导出为,GIF,小动画，以便在网页中使用。,（,5,）,WAV,音频（*,.wav,）：选择该项，在弹出的导出,Windows WAV,对话框中可以设置声音格式，从而将当前文件中的声音文件导出为单个的,WAV,文件。,（,6,）图像序列：选择其它选项则可以将文档导出为不同格式的图像序列文件。,项目任务,上一页,下一页,2.,导出图像,选择,【,文件,】,菜单,【,导出,】【,导出图像,】,命令，弹出,“,导出图像,”,对话框。可以将单帧图像保存为,bmp,、,jpg,、,gif,、,png,等格式的图像。,3.,制作,exe,格式动画,播放,Flash,动画需要专门的,Flash,动画播放器，即,Flash Player,。如果计算机中安装了,Flash,软件或用于播放,Flash,动画的其他插件，则可以观看动画，否则就看不到动画效果。针对这一情况，我们介绍一种将,swf,格式转换为,exe,格式的方法，使得动画可以在任何计算机上都能顺利演示。,通过资源管理器找到刚才导出的,“,游泳的小鸭,.swf,”,动画文件，双击它，此时打开,Flash Player,动画播放器并进行播放。在,Flash Player,动画播放器中，单击,【,文件,】,菜单,【,创建播放器,】,命令，弹出,“,另存为,”,对话框，此时保存类型为,“,播放器（*,.exe,）,”,类型,选择好路径，在,“,文件名,”,文本框中输入,“,游泳的小鸭,.exe,”,，如图,1-25,所示，单击,“,保存,”,按钮，就可以将,swf,文件转为,exe,文件了。,项目任务,上一页,下一页,三、发布动画,完成了动画的制作并测试无误后，除了可以将其导出外，还可以将其发布，,Flash,影片的发布格式有多种，可以直接将影片发布为,swf,格式，也可以发布为,html,、,gif,、,jpeg,和,png,等格式。,选择,【,文件,】,菜单,【,发布设置,】,命令，弹出如图,1-26,所示的,“,发布设置,”,对话框。在,“,格式,”,选项卡中的类型一栏中勾选上哪项，就会发布哪种类型的文件，同时,“,发布设置,”,对话框中就会增加该项的设置选项卡。单击某个选项卡就能打开该项的设置窗口，图,1-27,是,Flash,文件设置项，图,1-28,是,HTML,文件设置项。一般我们采用系统默认值即可，最后单击,“,发布,”,按钮就完成发布操作了。,图,1-26,发布设置对话框,图,1-27 Flash,文件设置项,图,1-28 HTML,文件设置项,项目任务,上一页,【,知识加油站,】,Flash,中的图层,项目任务,上一页,下一页,Flash,中的图层就像透明的玻璃纸一样，我们可以在一张张透明的玻璃纸上分别作画，然后再将它们按一定的顺序一层层地向上叠加，上面的物体会盖住下面的物体。,Flash,是以层的概念来存储影片的，类似与,Photoshop,中的层，区别在于,Photoshop,中的层是静止的，而,Flash,中的层是运动的。在制作一个动画影片时，往往在一个层中很难完成，应为在同一层中不能同时控制多个对象，通过增加层，我们就可以在一层中编辑小鸭游泳的动画而在另一层中使用旋转文体的变形动画，各层的操作互相独立，互不影响，也正因为如此，我们才可以制作出复杂、绚丽的动画效果。,一、,Flash,中的图层,项目任务,上一页,下一页,二、图层的基本操作,1.,创建新图层与图层文件夹,创建新图层与图层文件夹有三种方式，分别为：,（,1,）通过按钮创建：,单击时间轴面板左下方的新建图层按钮创建新图层，每单击一次就会创建一个新的普通图层，名字为,“,图层,n,”,（数字,n,是从,2,开始逐个累加的），如图,1-29,所示。同样的单击新建图层文件夹按钮也可以创建图层文件夹，如图,1-30,所示。,（,2,）通过菜单创建：,单击,【,插入,】,菜单,【,时间轴,】【,图层,】,或,【,图层文件夹,】,命令，同样可以创建图层和图层文件夹。,（,3,）通过快捷菜单创建：,在时间轴面板左侧图层处单击鼠标右键，在弹出的快捷菜单中选择,【,插入图层,】,或,【,插入文件夹,】,命令，也可以创建图层和图层文件夹。,新建完图层或图层文件夹后，可以双击它的名字，此时该名字会呈蓝色并闪动光标，然后就可以为图层或图层文件夹重命名了。,项目任务,上一页,下一页,要在在,Flash,中操作图层或图层文件夹，就必须先选中它。图层或图层文件夹的选择方式有三种，其操作方法与,Windows,中文件的选择方式相似，被选中的图层或图层文件夹会以蓝色背景显示。,（,1,）选取单个图层或图层文件夹：,在时间轴面板左侧的图层或图层文件夹名称处单击，即可将该图层或图层文件夹选中。,（,2,）选择多个连续的图层或图层文件夹：,在时间轴面板中先点击要选的第一个图层或图层文件夹，然后按住,【Shift】,键，同时选择要选的最后一个图层或图层文件夹，这样就将这两个图层或图层文件夹之间的所有图层或图层文件夹都选中了。,（,3,）选择多个不连续的图层或图层文件夹：,在时间轴面板中按住,【Ctrl】,键，同时点击你要选的图层或图层文件夹，松开,【Ctrl】,键后，你所点击图层或图层文件夹就被选中了。,2.,选择图层与图层文件夹,项目任务,上一页,下一页,在,Flash,中添加图层或图层文件夹是按自下向上的顺序进行的，在动画制作的过程中，用户可能需要调整图层或图层文件夹的顺序。可按如下方法进行：,（,1,）更改图层或图层文件夹顺序：,选择好要移动的图层或图层文件夹，按住鼠标左键，将其拖动到所需位置即可。,（,2,）将图层或图层文件夹移动到目标图层文件夹中：,选择好要移动的图层或图层文件夹，按住鼠标左键，将其拖动到目标图层文件夹中，那么该图层文件夹下就会出现你所拖动的图层或图层文件夹。,3.,调整图层与图层文件夹顺序,4.,显示与隐藏图层与图层文件夹,在,Flash,中图层或图层文件夹默认情况下是处于显示状态的，但有时为了控制动画方便可以将某些图层或图层文件夹隐藏起来，在发布,SWF,文件时可以选择是否包括这些隐藏的图层或图层文件夹。具体方法如下：,（,1,）显示或隐藏全部图层或图层文件夹：,在时间轴面板中单击,“,显示或隐藏所有图层,”,按钮，就可以将所有图层或图层文件夹隐藏起来。此时所有图层右侧的黑点显示为红叉，表示隐藏，再次点击按钮，红叉又显示为黑点，表示所有图层或图层文件夹显示，如图,1-31,、图,1-32,所示。,项目任务,上一页,下一页,（,2,）显示或隐藏单个图层或图层文件夹：,选择好要显示或隐藏的图层或图层文件夹，然后点击该单个图层或图层文件夹右侧的黑点，当黑点显示为红叉，表示隐藏，再次点击红叉又显示为黑点，表示该图层或图层文件夹显示。,项目任务,上一页,下一页,5.,锁定与解除图层与图层文件夹,默认情况下,Flash,中的图层或图层文件夹都处于解锁状态，但是,Flash,动画中有很多对象，在编辑某个图层中的对象时有可能对其它图层中的对象进行误操作，为此可以将不需要的图层或图层文件夹暂时锁定，需要时再解锁就行了。具体操作如下：,（,1,）锁定或解锁全部图层或图层文件夹：,在时间轴面板中单击“锁定或解除锁定所有图层”按钮，就可以将所有图层或图层文件夹锁定，此时所有图层右侧的黑点显示为。再次点击按钮，又显示为黑点，表示所有图层或图层文件夹解锁。,（,2,）锁定或解锁单个图层或图层文件夹：,选择好要显示或隐藏的图层或图层文件夹，然后点击该单个图层或图层文件夹右侧的黑点，当黑点显示为，表示锁定，再次点击又显示为黑点，表示该图层或图层文件夹解锁。如图,1-33,、图,1-34,所示,项目任务,上一页,下一页,6.,删除图层与图层文件夹,在使用,Flash,制作动画时经常会出现一些没用的图层或图层文件夹，我们可以将它们快速删除。方法如下：,（,1,）选择需要删除的图层或图层文件夹，然后点击时间轴面板左下方的“删除”按钮，即可删除所选图层或图层文件夹。,（,2,）首先选择需要删除的图层或图层文件夹，然后将其拖动到时间轴面板左下方的“删除”按钮处，同样可以将图层或图层文件夹删除。,在进行删除操作时，图层和空的图层文件夹可以直接删除，但是非空的图层文件夹删除时会弹出如图,1-35,所示的提示框，询问是否将该图层文件夹中嵌套的图层和图层文件夹也一并删除，如果选择“是”，则将所有嵌套的图层和图层文件夹删除；如果选“否”，则不会删除图层文件夹。,项目任务,上一页,下一页,7.,图层属性的设置,图层创建后，可以通过,“,图层属性,”,对话框修改图层的属性。点击,【,修改,】,菜单栏,【,时间轴,】【,图层属性,】,命令，或选择图层快捷菜单中的,【,属性,】,命令，弹出,“,图层属性,”,对话框，如图,1-36,所示。,项目任务,上一页,下一页,项目任务,上一页,（,1,）名称：用于图层的重命名。,（,2,）显示：用于设置该图层处于显示状态还是隐藏状态。,（,3,）锁定：用于设置该图层处于锁定状态还是解锁状态。,（,4,）类型：用于设置图层的种类，一共有,5,个单选项。,一般：表示是普通图层；,遮罩层：表示该图层是遮罩层，遮罩层的对象可以镂空的显示出其下面被遮罩图层中的对象；,被遮罩层：表示该层为被遮罩层，与遮罩层结合使用可以制作遮罩动画；,文件夹：表示将该层设置为,“,文件夹,”,，如果该层中有动画对象，则会弹出如图,1-37,所示的提示框，询问是否将当前层的全部内容删除；,引导层：表示将该层设置为引导层，利用它可以制作引导层动画，同时还会多出一个,“,被引导,”,选项，可将图层转换为被引导层。,（,5,）轮廓颜色：用于设置当前图层中对象的轮廓线颜色以及是否以轮廓显示。,（,6,）图层高度：用于设置图层的高度，通过在下拉列表中进行设置。,实战演练 飞行的纸飞机,本任务目标,:,运用所学知识制作飞行的纸飞机。,本任务重点,:,1.,开始帧和结束帧的制作,2.,创建动画的方法。,项目任务,上一页,下一页,利用素材中的蓝天和纸飞机图片，做一个纸飞机的飞行动画，具体步骤如下：,（,1,）新建一个,Flash,文件。,（,2,）打开光盘中,“,素材与实例,-project01-,素材,”,目录，导入蓝天,.jpg,图片，将图片的大小设置为宽,550,，高,400,，并将该图层改名为,“,蓝天,”,。,（,3,）在蓝天图层上新建一个图层命名为,“,纸飞机,”,，打开光盘中,“,素材与实例,-project01-,素材,”,目录，导入纸飞机,.png,图片，将图片的大小设置为宽,100,，高,50,。,（,4,）选择纸飞机图层的第,1,帧，将飞机拖到如图,1-38,所示位置。,（,5,）选择蓝天和纸飞机图层，在第,100,帧处插入关键帧，将飞机拖到如图,1-39,所示位置。,（,6,）在第,1,帧到第,100,帧中间任意一帧上单击鼠标右键，在弹出菜单中选择,“,创建传统补间,”,命令，完成动画制作，如图,1-40,所示。,（,7,）保存,Flash,源文件，测试动画，导出,swf,动画文件，并将其转换成,exe,文件。,项目任务,上一页,下一页,图,1-38,第,1,帧,图,1-39,第,100,帧,图,1-40,纸飞机动画,项目任务,上一页,下一页,拓展训练 多变的纸飞机,本任务目标,:,综合运用所学知识进行纸飞机飞行的制作。,本任务重点,:,1,、添加多个关键帧,2,、飞机的变形,项目任务,上一页,下一页,在纸飞机飞行动画的基础上进行修改实现飞机由远及近成曲线飞行的效果。提示如下：,（,1,）由远及近的效果就是飞机在第一帧的时候小一些，到最后一帧的时候大一些，可以利用信息面板控制飞机的大小。,（,2,）飞机沿曲线飞行就是在第,1,帧和第,100,帧之间在多加一些关键帧，在每一个关键帧中拖动飞机到一定位置，使飞机最终实现有下到上再由上到下的曲线飞行轨迹。,（,3,）其运动轨迹如下图所示。,图,1-41,纸飞机动画,图,1-42,纸飞机动画,项目任务,上一页,下一页,图,1-43,纸飞机动画,图,1-44,纸飞机动画,图,1-45,纸飞机动画,项目任务,上一页,项目二,可爱的草莓,绘制与填充图形,任务一,认识常用绘图工具,任务二,绘制草莓轮廓,任务三,认识常用填充工具,任务四,为草莓填充颜色,知识加油站,实战演练,绘制酷酷苹果,拓展训练,绘制水果一家亲,目 录,任务一 认识常用绘图工具,本任务目标,:,认识线条、钢笔、矩形和椭圆、选取工具。,本任务重点,:,1.,了解,Flash,中图形与图像的概念、区别和用法，,以及绘制图形的基本方法。,2.,熟练掌握,Flash CS4,中,线条、钢笔、矩形和椭圆、,选取工具等,基本绘图工具的使用。,项目任务,上一页,下一页,一、认识线条工具,1.,使用,【,线条工具,】,绘制图形,使用线条工具绘制图形非常简单，单击工具面板中的,【,线条工具,】,按钮 ，将光标放置在舞台中，当光标显示为,“,+,”,时表示可以开始绘图，确定绘制线条的起始点，然后拖动鼠标到结束点位置后释放鼠标，即可绘制出一条直线。,2.,线条工具的选项设置,选中线条工具后，会在工具面板下方的选项区出现两个选项按钮。其功能如下：,（,1,）,【,对象绘制,】,按钮 ：选择此项后，每个绘制的图形都将创建为独立对象，其多个图形叠加时不会合并，可以分别进行移动和调整而不会影响其他图形。不选此项，则多个重叠图形会自动合并，再进行移动、调整等操作时会作为一个整体进行。,（,2,）,【,贴紧至对象,】,按钮 ：选择此项后，绘制的线条如果靠近其他图形或辅助线时会自动吸附上去。,项目任务,上一页,下一页,3.,线条工具的属性设置,选择线条工具后，可以在属性面板中设置线条工具的相关属性，从而改变绘制线条的颜色、粗细、样式、线条端点显示方式等。,（,1,）笔触颜色：单击,【,笔触颜色,】,按钮 旁边的颜色选项 ，会弹出颜色设置调色板，选择合适的颜色就可以改变线条颜色了。,（,2,）笔触：用于设置笔触的高度，拖动右侧的滑杆就可以确定线条的粗细了。,（,3,）样式：用来设置线条的不同样式，共有,7,种，分为极细线、实线、虚线、点状线、锯齿线、点刻线、和斑马线。,（,4,）端点：用于设置线条端点的样式，有,3,种类型，无端点、圆角和方形。,（,5,）接合：用于设置两条直线相接时端点的接合方式，有尖角、圆角和斜角,3,种。,项目任务,上一页,下一页,二、认识钢笔工具,（,1,）绘制直线。单击工具面板上的,【,钢笔工具,】,按钮 ，将光标放到舞台中点击一下，画下直线的第一个锚点,起始点，移动鼠标到合适的位置单击左键，画下直线的第二个锚点,结束点，这时两点之间会自然连成一条直线，如图,2-1,所示，单击,【,选择工具,】,可终止绘制直线。,（,2,）绘制曲线。用钢笔绘制曲线时，第一个锚点直接在舞台上单击鼠标即可，第二个锚点在鼠标单击左键并拖动鼠标，就会出现一曲线，如图,2-2,所示，单击,【,选择工具,】,可终止绘制曲线。,图,2-1,绘制直线,图,2-2,绘制曲线,项目任务,上一页,下一页,2.,锚点工具,按住工具面板上的,【,钢笔工具,】,按钮 ，会出现一个下拉列表，里面除了钢笔工具还有三个锚点工具。其功能和作用如下：,（,1,）,【,添加锚点工具,】,按钮 ：用于在路径上添加锚点。有时路径上的锚点可能较少，这样不利于做更细致的调整，这就需要添加锚点。添加方式很简单，选中,【,添加锚点工具,】,后在路径上需要添加锚点的位置点击左键就可以添加一个锚点。,（,2,）,【,删除锚点工具,】,按钮 ：用于删除路径上的锚点。当路径上有多余的锚点时，可以选择,【,删除锚点工具,】,，在要删除的锚点上单击左键，就可以把选中的锚点删除掉。,项目任务,上一页,下一页,（,3,）,【,转换锚点工具,】,按钮,:,用于转换锚点形式。路径有两种锚点：角点和平滑点。角点是突然改变路径方向的锚点，它可以连接直线，也可以连接曲线；平滑点是路径平滑过渡的锚点，它的两端都为曲线。选中,【,转换锚点工具,】,后，单击一个平滑点可以将它转换为角点，拉直了该锚点两端的线段，如图,2-3,所示。用,【,转换锚点工具,】,拖动一个角点可以将它转换为平滑点，并显示出它的方向线，通过拖动方向线上的方向点,a,或,b,，改变方向线的长短和位置，调整曲线的弧度和方向，如图,2-4,所示。,平滑点,角点,图,2-3,平滑点转换为角点,角点,平滑点,a,b,图,2-4,角点转换为平滑点,项目任务,上一页,下一页,3.,调整路径,路径绘制完成后，还可以对其进行修改。修改路径的方法主要有下面几种：,（,1,）移动路径：选择,【,转换锚点工具,】,，单击图形出现路径后，通过键盘的方向键可以上下左右移动路径的位置。或者选择,【,部分选取工具,】,，单击图形出现路径后，用鼠标拖动或用方向键控制路径，都能实现路径的移动。,（,2,）移动锚点：选择,【,部分选取工具,】,，单击图形出现路径后，选中需要移动的锚点，用鼠标拖动或用方向键控制它，都能移动锚点位置，改变路径走向，从而改变图形的形状。,（,3,）调整曲线：选择,【,转换锚点工具,】,，拖动锚点方向线上的方向点，通过改变方向线的长短、方向、位置来调整曲线的线形。,项目任务,上一页,下一页,三、认识矩形工具与椭圆工具,1.,矩形工具,矩形工具用于绘制不同样式的矩形、正方形和圆角矩形。绘制时单击工具面板上的,【,矩形工具,】,按钮，在舞台上单击并拖动鼠标，绘制出一个矩形。如果在拖动鼠标的同时按住,【Shift】,键，就可以绘制出一个正方形。若按住,【Alt】,键拖动鼠标会以起点为中心绘制矩形或正方形。,在绘制矩形时，可以通过属性面板，对如图,2-5,所示的矩形工具属性进行设置。,图,2-5,矩形工具属性,项目任务,上一页,下一页,项目任务,上一页,下一页,属性面板上半部分的填充和笔触的设置与线条工具的属性设,置相同。下半部分的矩形选项用于设置圆角矩形,4,个边角半径的角度值。,（,1,）矩形