中文版Flash-CS6网页动画设计教程第1章-PPT.ppt

中文版FlashCS6网页动画设计教程第1章第1章Flash基础知识本章主要介本章主要介绍Flash CS6的一些基的一些基础知知识，如，如Flash的功能和特点，工的功能和特点，工作界面及作界面及创建建Flash文档文档的基本步的基本步骤。21.1Flash与动画Flash CS6是是Adobe公司目前推出的公司目前推出的Flash官方最新版本，是官方最新版本，是动画制作与特效画制作与特效制作最制作最优秀的秀的软件，使用件，使用该软件可以件可以创建建从从简单的的动画到复画到复杂的交互式的交互式Web应用程用程序之序之间的任何作品。的任何作品。用用户可以使用可以使用Flash软件，将零散的件，将零散的图片、片、声音和声音和视频等元素等元素组合在一起，合在一起，为其添加其添加各种丰富多彩的特效，制作出属于自己的各种丰富多彩的特效，制作出属于自己的Flash动画。画。31.1.1Flash简介Adobe Flash Professional CS6为创建数字建数字动画、交互式画、交互式Web站点、桌面站点、桌面应用用程序以及手机程序以及手机应用程序提供了功能全面的用程序提供了功能全面的创作和作和编辑环境。可以在境。可以在Flash中中创建建原始内容或者从其他原始内容或者从其他Adobe应用程序用程序(如如Photoshop或或Illustrator)导入素材，快入素材，快速速设计简单的的动画，以及使用画，以及使用Adobe AcitonScript 3.0开开发高高级的交互式的交互式项目。目。设计人人员和开和开发人人员可使用它来可使用它来创建演示文稿、建演示文稿、应用程序和其他允用程序和其他允许用用户交互交互的内容。的内容。Flash可以制作可以制作简单的的动画、画、视频内容、复内容、复杂的演示文稿和的演示文稿和应用程序以用程序以及介于它及介于它们之之间的任何内容。通常，使用的任何内容。通常，使用Flash创作的各个内容作的各个内容单元称元称为应用程用程序，即使它序，即使它们可能只是很可能只是很简单的的动画片断，也可以通画片断，也可以通过添加添加图片、声音、片、声音、视频和特殊效果，构建包含丰富媒体的和特殊效果，构建包含丰富媒体的Flash应用程序。用程序。Flash特特别适合适合创建通建通过Internet提供的内容，因提供的内容，因为它的文件非常小。它的文件非常小。Flash是通是通过广泛使用矢量广泛使用矢量图形做到形做到这一点的。与位一点的。与位图图形相比，矢量形相比，矢量图形需要的内存和形需要的内存和存存储空空间小很多，因小很多，因为它它们是以数学公式而不是大型数据集来表示的。位是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因形之所以更大，是因为图像中的每个像素都需要一像中的每个像素都需要一组单独的数据来表示。独的数据来表示。要在要在Flash中构建中构建应用程序，可以使用用程序，可以使用Flash绘图工具工具创建建图形，并将其他媒体形，并将其他媒体元素元素导入入Flash文档。然后定文档。然后定义如何以及何如何以及何时使用各个元素来使用各个元素来创建建设想中的想中的应用用程序。程序。Flash是一个非常是一个非常优秀的矢量秀的矢量动画制作画制作软件，它以流式控制技件，它以流式控制技术和矢量技和矢量技术为核核心，制作的心，制作的动画具有短小精悍的特点，所以被广泛画具有短小精悍的特点，所以被广泛应用于网用于网页动画的画的设计中，中，成成为当前网当前网页动画画设计最最为流行的流行的软件之一。件之一。41.1.2动画简介传统的的动画是通画是通过把人或物的表情、把人或物的表情、动作等分段画成作等分段画成许多幅画，再用多幅画，再用摄影机影机连续拍拍摄成一系列画面，然后成一系列画面，然后连续播放播放这些画面就形成了些画面就形成了动画。画。用用Flash等等软件制作的件制作的动画属于二画属于二维动画，如画，如七七龙珠珠、灌灌篮高手高手、小小鲤鱼历险记、喜洋洋与喜洋洋与灰太狼灰太狼等；而三等；而三维动画通常是用画通常是用Maya或或3ds max制制作而成的，如作而成的，如功夫熊猫功夫熊猫、玩具玩具总动员、海海底底总动员、玩具之家玩具之家、秦秦时明月明月、魔比魔比斯斯环等。等。电脑动画由于画由于应用用领域的不同，其域的不同，其动画文件的存画文件的存储格格式也不同，其中式也不同，其中GIF和和SWF是最常用到的是最常用到的动画文件格画文件格式。下面介式。下面介绍这两种常用格式。两种常用格式。GIF动画格式。SWF动画格式。51.2Flash的功能和特点在在Flash诞生之前，因特网上使用的大多是生之前，因特网上使用的大多是GIF动画或画或Java动画。画。GIF动画文件的尺寸画文件的尺寸较大，大，Java动画画则要要求制作者具有求制作者具有较高的高的编程能力。而程能力。而Adobe公司推出的公司推出的Flash软件件则提供了提供了创作网作网络动画的新途径。画的新途径。目前，目前，许多网站都采用多网站都采用Flash技技术来制作网来制作网页动画，画，许多多电视广告、广告、电脑游游戏的片的片头和片尾也都使用和片尾也都使用Flash软件来制作。件来制作。Flash软件件还广泛广泛应用于交互式用于交互式软件开件开发、产品展示以及教学等方面。品展示以及教学等方面。Flash软件可以直接件可以直接输出出Windows可可执行文件行文件(.exe格格式式)，还可以制作出精致的可以制作出精致的Flash游游戏。使用。使用Flash插件，插件，能把能把Flash动画直接嵌入画直接嵌入Visual Basic、Visual C+所所生成的生成的Windows可可执行文件中。在行文件中。在专业的多媒体制作的多媒体制作软件件Authorware和和Director中，也可以中，也可以导入入Flash动画。画。61.2.1Flash的优点Flash是一款非常是一款非常优秀的矢量秀的矢量动画制作画制作软件，之所以被件，之所以被许多人广泛使用，是由于其多人广泛使用，是由于其具有以下具有以下优点。点。(1)文件体积小。(2)Flash动画是一种流式动画。(3)支持插件播放。(4)支持事件响应和交互功能。(5)可以输出多种格式的文件。(6)创建和编辑Flash动画的方法简单易学。71.2.2FlashCS6的新增功能Flash CS6 主要的新增功能如下。主要的新增功能如下。(1)设计出充满表现力的内容。(2)HTML的新支持。(3)生成Sprite表单。(4)锁定3D场景。(5)高级绘制工具。(6)行业领先的动画工具。(7)高级文本引擎。(8)CreativeSuite集成。(9)专业视频工具。(10)滤镜和混合效果。(11)基于对象的动画。(12)3D转换。(13)创建一次，即可随处部署。(14)广泛的平台和设备支持。(15)高效的移动设备开发流程。(16)创建预先封装的AdobeAIR应用程序。(17)在调整舞台大小时缩放内容。8大家应该也有点累了，稍作休息大家有疑问的，可以询问和交流大家有疑问的，可以询问和交流大家有疑问的，可以询问和交流大家有疑问的，可以询问和交流91.3Flash动画的学习方法在学在学习Flash动画的制作画的制作过程中，有很多人都程中，有很多人都认为Flash动画很不好学，其画很不好学，其实，Flash属于一款属于一款简单易学易学的的动画画设计软件，任何人都可以件，任何人都可以轻松上手，只是很多松上手，只是很多人在学人在学习的的时候没有掌握好要候没有掌握好要领。在。在这里，里，为大家推大家推荐一套学荐一套学习Flash动画的方法。画的方法。(1)首先认识Flash动画的应用范围，确定自己学习Flash动画的方向。(2)掌握绘制与编辑图形的方法。(3)系统掌握与Flash有关的基础知识。(4)掌握各类Flash动画的制作原理。(5)多看、多练、多思考。多看一些别人制作好的作品，再自己实际动手做一做。另外，另外，还需要掌握一些美需要掌握一些美术与音与音频、视频处理的相关理的相关知知识。101.4熟悉FlashCS6的工作界面成功启成功启动Flash CS6后便会后便会进入入初始用初始用户界面，如界面，如图1-1所示。所示。在在“开始开始页”界面可以打开最近界面可以打开最近使用使用过的的项目或者打开保存在本目或者打开保存在本地磁地磁盘等地的等地的项目，也可以目，也可以创建建新的新的项目。另外，目。另外，Flash CS6还提供了非常多的模板，可以通提供了非常多的模板，可以通过模板模板创建建项目。如目。如图1-2所示所示为Flash CS6的工作界面，主要包的工作界面，主要包括括标题栏、菜、菜单栏、主工具、主工具栏、工具箱、工具箱、场景和舞台、景和舞台、时间轴面面板、属性面板及多个控制面板。板、属性面板及多个控制面板。111.4.1标题栏Flash CS6的的标题栏右右侧有有“搜索搜索”栏及及最小化、最小化、还原原最大化、关最大化、关闭按按钮，如，如图1-3所示。所示。在在“搜索搜索”栏可以可以输入要搜索的文件，使入要搜索的文件，使用最小化、用最小化、还原原最大化、关最大化、关闭按按钮可以可以实现窗口的最小化、窗口的最小化、还原原最大化、关最大化、关闭操作。操作。121.4.2菜单栏Flash CS6的菜的菜单栏中包括中包括11项菜菜单，它，它们是是文件菜文件菜单、编辑菜菜单、视图菜菜单、插入菜、插入菜单、修改菜修改菜单、文本菜、文本菜单、命令菜、命令菜单、控制菜、控制菜单、调试菜菜单、窗口菜、窗口菜单和帮助菜和帮助菜单，如，如图1-4所示。所示。这些菜些菜单集中了制作集中了制作Flash动画的大部分操作命画的大部分操作命令。令。131.4.3主工具栏Flash将一些常用菜将一些常用菜单命令以命令以图标按按钮的形式的形式组织在一起，放置在主工具在一起，放置在主工具栏中。当鼠中。当鼠标指向某指向某个个图标按按钮时，在其下方会出，在其下方会出现该按按钮的功能的功能说明，通明，通过单击按按钮即可即可执行相行相应的命令，如的命令，如图1-5所示。主工具所示。主工具栏通常位于界面通常位于界面顶部，可以部，可以通通过选择“窗口窗口”|“工具工具栏”|“主工具主工具栏”菜菜单来来显示或示或隐藏，藏，还可以通可以通过拖拖动按按钮外的外的空白区域来改空白区域来改变主工具主工具栏的位置。的位置。如如图1-5所示。所示。141.4.4工具箱在默在默认状状态下，工具箱位于下，工具箱位于Flash CS6工工作界面的左作界面的左侧，可以使用鼠，可以使用鼠标拖拖动来改来改变它的位置。如它的位置。如图1-6所示，工具箱中的工具所示，工具箱中的工具又可分又可分为以下以下4部分。部分。“工具工具”区域：包含区域：包含绘图、填充、填充、编辑工工具。具。“查看看”区域：包含区域：包含“缩放放”和和“手形手形”工具，它工具，它们是在是在应用程序窗口内用程序窗口内进行行缩放放和移和移动的工具。的工具。“颜色色”区域：用于区域：用于设置笔触置笔触颜色和填充色和填充颜色。色。“选项”区域：区域：显示当前所示当前所选工具的功能工具的功能和属性。和属性。151.4.5时间轴面板时间轴面板包括两部分，即面板包括两部分，即图层区域区域和和时间线区域，如区域，如图1-7所示，用于管所示，用于管理理动画中的画中的图层和和帧。通。通过选择“窗窗口口”|“时间轴”菜菜单，可以，可以显示或示或隐藏藏时间轴面板。面板。161.4.6场景与舞台在当前界面中，用于在当前界面中，用于设置置动画内画内容的整个区域称容的整个区域称为“场景景”。但最。但最终动画会画会显示示场景中矩形区域内的景中矩形区域内的内容，内容，这个区域被称个区域被称为“舞台舞台”。舞台之外的灰色区域舞台之外的灰色区域则称称为“工作工作区区”。场景是景是对影片中各影片中各对象象进行行编辑、修改的、修改的场所。所。171.4.7属性面板属性面板根据当前属性面板根据当前选定内容的不同，定内容的不同，可以可以显示当前文档、文本、元件、示当前文档、文本、元件、形状、位形状、位图、视频、群、群组、帧或工或工具的信息和具的信息和设置。当置。当选定了两个或定了两个或多个不同多个不同类型的型的对象象时，它会，它会显示示选定定对象的象的总数。属性面板会根据数。属性面板会根据用用户选择对象的不同而象的不同而变化，以反化，以反映当前映当前对象的各种属性，如象的各种属性，如图1-8所示。所示。可以可以查看舞台或看舞台或时间轴上当前上当前选定定项的常用属性，并的常用属性，并对对象的相象的相应属属性性进行行设置。通置。通过“窗口窗口”|“属属性性”菜菜单可以可以实现属性面板的属性面板的显示示或或隐藏操作。藏操作。181.4.8浮动控制面板浮浮动控制面板位于工作界面的右控制面板位于工作界面的右侧，它，它们可以可以单独拖独拖动出来，出来，还可以收可以收缩起来，以起来，以节省屏幕的空省屏幕的空间。浮浮动控制面板可以帮助用控制面板可以帮助用户预览、组织和和改改变文档中的元素，利用面板中的可用文档中的元素，利用面板中的可用选项可控制元件、可控制元件、实例、例、颜色、文字、色、文字、帧及及其他元素的特征。通其他元素的特征。通过“窗口窗口”菜菜单的下的下拉列表中可以拉列表中可以显示或示或隐藏需要的面板。藏需要的面板。191.5Flash文档在在Flash中，可以中，可以创建新文档建新文档或打开以前保存的文档，并可或打开以前保存的文档，并可以使用以使用“属性属性”面板或在面板或在“文文档属性档属性”对话框中来框中来设置新文置新文档或档或现有文档的大小、有文档的大小、帧频、背景背景颜色和其他属性。色和其他属性。201.5.1创建Flash文档创建文档的方式有以下几种。建文档的方式有以下几种。使用“开始”页创建新文档。使用“文件”|“新建”菜单命令，打开“新建文档”对话框，在“常规”选项卡上选择各种不同的Flash文档类型，然后单击“确定”按钮。单击主工具栏中的“新建”按钮，可以创建新的Flash文档。211.5.2打开Flash文档打开打开Flash文档的方式有以下几种。文档的方式有以下几种。使用“开始”页打开Flash文档。使用“文件”|“打开”菜单命令，打开“打开”对话框，在打开对话框中定位文件所在的路径并选择文件，然后单击“打开”按钮。单击主工具栏中的“打开”按钮，打开“打开”对话框，在打开对话框中定位文件所在的路径并选择文件，然后单击“打开”按钮。221.5.3设置文档属性创建新文档或打开建新文档或打开现有文档后，可以有文档后，可以根据需要根据需要设置或修改文档的相关属性。置或修改文档的相关属性。文档的属性包括大小文档的属性包括大小(尺寸尺寸)、背景、背景颜色、色、帧频等。等。设置文档属性的方式如下。置文档属性的方式如下。使用“属性”面板设置文档属性。右击舞台或工作区，在弹出的快捷菜单中设置文档属性。231.5.4保存Flash文档Flash文档文档创建完成后，建完成后，就可以将它保存，通就可以将它保存，通过“文件文件”|“保存保存”菜菜单命命令或者令或者“文件文件”|“另存另存为”菜菜单命令都可以命令都可以进行行保存。保存。241.6本章实例新建名为“第一章示例”的Flash文档1主要目的练习新建Flash文档，并更改文档属性设置，最后完成文档的保存操作。本例新建“第一章示例”文档，将其文档大小设置为300像素100像素，背景颜色设置为红色。2上机准备(1)熟练掌握新建Flash文档的操作。(2)掌握文档属性的设置方法。(3)掌握文档的保存方法。251.6本章实例新建名为“第一章示例”的Flash文档3操作步骤最终的效果如图1-22所示。26