flash第一章课件.ppt

FlashCS3实例与操作,第1章初次接触FlashCS3,关于Flash动画熟悉FlashCS3工作界面Flash的基本操作Flash动画入门,1.1关于Flash动画,1.1.1Flash动画的应用领域,Flash目前被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示和电子相册等领域。,网页设计网页广告,Flash音乐动画多媒体教学课件,Flash游戏,1.1.2Flash动画的特点,Flash动画的特点主要有以下几点。,主要由矢量图组成：Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。这就使得Flash动画具有存储容量小，而且在缩放播放窗口时不会影响画面清晰度的优点。存储容量小：Flash动画主要是由矢量图形组成的，矢量图形具有存储容量小、并且在缩放时不会失真的优点。可以边下载边播放：在网络上播放时，发布后的.swf文件具有“流”媒体的特点，可以边下载边播放，而不像GIF动画那样要把整个文件下载完了才能播放。具有交互性：FLASH可通过为动画添加脚本使其具有交互性，它可以让观众参与到动画中，通过点击、选择等操作决定动画的运行过程和结果，这一点是传统动画所无法比拟的。制作简单：FLASH动画的制作相对比较简单，一个爱好者只要掌握一定的软件知识，拥有一台电脑，一套软件就可以制作出简单的动画。制作成本低：用FLASH制作动画可以大幅度降低制作成本，减少人力、物力资源的消耗。同时，在制作时间上也比传统动画大大缩短。,1.1.3Flash动画创作流程,在创建Flash动画时，虽然每个人的制作风格不同，但创建动画的步骤基本相同。,1.2熟悉FlashCS3工作界面,1.2.1启动FlashCS3,启动FlashCS3,1.单击“开始”按钮，在弹出的菜单中选择“所有程序”“AdobeDesignPremiumCS3”“AdobeFlashCS3Professional”。,FlashCS3开始页,2.进入FlashCS3的开始页，单击“Flash文件（ActionScript3.0）”或者“Flash文件（ActionScript2.0）”选项即可新建一个Flash文档，并进入FlashCS3工作界面。,1.2.2FlashCS3工作界面的组成部分,FlashCS3工作界面,FlashCS3的工作界面包含标题栏、菜单栏、文档选项卡、主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制面板等组成部分。,1标题栏,标题栏位于FlashCS3工作界面的最上方，从左向右依次为软件名称、当前编辑的文档名称和软件控制按钮。,标题栏,2菜单栏,菜单栏中的各菜单包含了几乎所有的FlashCS3应用命令，通过执行这些命令，可以满足用户的不同需求。,菜单栏,3主工具栏,主工具栏位于菜单栏下方，通过单击主工具栏上的按钮，可以快速执行FlashCS3的常用命令。,主工具栏,4文档选项卡,打开多个文档后，单击文档选项卡可切换当前编辑的文档，此外在“文档选项卡”上右击鼠标，还可以在弹出的快捷菜单中使用常用的文件操作命令。,文档选项卡,5.时间轴,“时间轴”面板用于组织和控制动画内容，它主要包括图层和时间帧两部分。,“时间轴”面板,图层区：在图层区中可以进行新建图层、删除图层、改变图层顺序等操作。时间帧：我们在Flash中绘制的图形，实际上都为位于时间帧上，舞台只是观察、编辑图形的地方。时间帧标尺：用于计算时间帧的长度。播放头：用于指示舞台的显示，舞台中所显示的图像是播放头所在帧的图像。时间帧状态栏：用于显示播放头所在帧的状态，还可以设置帧的显示方式。,6编辑栏,编辑栏用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。,编辑栏,7舞台,舞台是放置和编辑动画内容的矩形区域，这些内容可以是矢量图形、文本框、按钮、导入的位图图形或视频剪辑等。,8工具箱,工具箱位于舞台左侧，其中包含了Flash中常用的绘图工具、填充工具和编辑工具。,工具箱,9常用面板,制作动画时，最常用的几个面板是“属性”面板、“颜色”面板、“库”面板和“动作”面板。,“属性”面板：使用“属性”面板可以方便地查看和编辑当前选定对象的属性。,“属性”面板,“颜色”面板组：“颜色”面板组用来设置图形填充色或线条颜色。它包括“颜色”和“样本”两个面板。“库”面板：“库”面板是保管Flash动画素材的一个仓库，在Flash中创建的元件，以及从外部导入的音乐、视频和位图等素材都存放在“库”面板中。,“颜色”面板组“库”面板,“动作”面板：在制作交互动画时，若在创建Flash文档时选择“Flash文件（ActionScript2.0）”选项，则只能在“动作”面板中查看、输入或编辑选定对象（关键帧、按钮实例或影片剪辑）上的动作脚本；若选择“Flash文件（ActionScript3.0）”选项，则即可以在“动作”面板中为关键帧添加动作脚本，也可以新建一个ActionScript文件输入动作脚本。,1.2.3自定义工作界面,用户可以根据个人习惯和工作需要，对工作界面进行调整，调整后还可将工作界面保存起来，以方便以后调用。,打开“动作”面板,1.启动FlashCS3并进入其工作界面后，如果在默认的工作界面中找不到你想要的面板，可以通过选择“窗口”“相应面板名称”菜单来打开它，例如打开“动作”面板。,“颜色”面板组,2.Flash会将某些性质相同的面板放在一个面板组中，此时单击面板组中的面板名称，可在不同的面板之间切换。,隐藏/显示面板,3.要隐藏某个面板，只需单击该面板的标题栏或标题栏上的“最小化”按钮，要显示隐藏的面板，只需单击该面板的标题栏或“还原”按钮即可。,折叠/展开面板,5.单击右侧面板组右上角的折叠”按钮或“展开”按钮可使面板组在图标状态和打开状态之间切换。,6.在面板组处于图标状态状态时，单击图标可展开相应面板。,展开相应面板,4.要关闭某个面板组，可单击面板组标题栏右侧的按钮；要单独关闭面板组中的某个面板，可单击面板名称右侧的按钮。,“保存工作区布局”对话框,7.如果希望将调整好的工作界面保存起来，以便下次直接调用，可选择“窗口”“工作区”“保存当前”菜单，在打开的“保存工作区布局”对话框中输入名称，然后单击“确定”按钮，即可保存当前的工作界面。,选择保存的工作界面,8.保存工作界面后，可以在“窗口”“工作区”的子菜单中选择它。,如果想恢复FlashCS3的默认布局，只需选择“窗口”“工作区”“默认”菜单即可。,1.3Flash文档的基本操作,启动Flash时，在开始页单击“Flash文件（ActionScript3.0）”或“Flash文件（ActionScript2.0）”，系统会自动新建一个Flash文档并进入工作界面。选择“文件”“新建”菜单或按快捷键【Ctrl+N】，在打开的对话框中选择“Flash文件（ActionScript3.0）”或“Flash文件（ActionScript2.0）”选项，单击“确定”按钮。右击文档选项卡，在弹出的快捷菜单中选择“新建”菜单；或单击主工具栏中的“新建”按钮。,1.3.1新建、保存和打开文档,1新建文档,要制作Flash动画，应首先创建一个Flash文档。创建Flash文档的方法有以下几种。,2保存文档,新建文档并在文档中进行操作后，为了在以后需要时随时打开该文档，应在关闭文档前进行保存。,保存文档,1选择“文件”“保存”菜单，或按快捷键【Ctrl+S】，在打开的“另存为”对话框中选择文档保存路径，输入保存文件名，选择保存类型，然后单击“保存”按钮，即可保存文档。,3关闭文档,保存文档后，若暂时用不到该文档，可将该文档关闭以节省系统资源。关闭文档的方法主要有以下几种。,单击文档选项卡最右侧的“关闭”按钮，可关闭当前文档。右击工作界面中的文档选项卡，在弹出的快捷菜单中选择“关闭”菜单，可关闭当前文档，选择“全部关闭”菜单，可关闭所有打开的文档。在工作界面中选择“文件”“退出”菜单，可退出FlashCS3程序。,通过按钮关闭文档通过右击文档选项卡关闭文档,4打开文档,将文档保存并关闭后，在需要时可再将其打开进行编辑或调用。打开文档的方法主要有以下几种。,启动Flash时，在开始页左侧的“打开最近的项目”下选择最近保存过的文档，或在“文件”“打开最近的文档”子菜单中选择需要打开的文档名称。要打开任意文档，可选择“文件”“打开”菜单，或按快捷键【Ctrl+O】，打开“打开”对话框，在该对话框中选择要打开的文档路径及名称，单击“打开”按钮,打开文档,1.3.2设置文档属性,在新建Flash文档后，可根据实际需要设置舞台大小、背景颜色和帧频等文档属性。具体设置方法请参考以下操作。,1.新建Flash文档后打开“属性”面板，单击面板中的“文档属性”按钮。,2.在打开的“文档属性”对话框中，可设置文档尺寸、背景颜色、帧频等文档属性。,设置文档属性,标题和描述：将动画传到网上后，若希望别人能通过搜索引擎搜索到动画，可以在此处暑如动画标题和描述，作为搜索关键词。尺寸：尺寸是指舞台的宽和高。最小尺寸可设置为1像素1像素，最大尺寸可设置为2880像素2880像素。播放动画时，位于舞台外面的对象不会被显示。匹配：要将舞台大小设置为最大可用打印区域，可选择“打印机”单选按钮。背景颜色：单击该选项右侧的色块，可在弹出的“拾色器”中设置舞台的颜色。帧频：是指动画的播放速度，单位是“fps”，即每秒播放多少帧。帧频越高，动画播放的速度越快。比较常用的帧频为12、18、24和25。标尺单位：如果要在文档中使用标尺，可在该选项右侧的下拉列表中选择标尺的度量单位。,1.3.3设置舞台,舞台是创建和编辑Flash动画中所需对象的场所。在绘制或编辑对象时，对舞台进行放大、缩小或移动等设置，可方便我们的操作。要对舞台进行放大、缩小或移动操作，可参考以下操作。,放大舞台显示比例,1.要放大舞台应单击选择工具箱中的“缩放工具”（或按快捷键【Z】），然后将光标移动到舞台，当光标呈形状时单击，即可将舞台显示比例放大。,缩小舞台显示比例,2.选择“缩放工具”，然后将光标移动到舞台中并按下【Alt】键，当光标呈形状时单击可缩小舞台显示比例。,放大指定区域,3.选择“缩放工具”后，在舞台中按住鼠标左键并拖动，拖出一个矩形框，松开鼠标后，矩形框内的区域会填满整个窗口。,“缩放”下拉列表,4.单击编辑栏右侧的“缩放”下拉按钮，通过选择打开的下拉列表中的不同选项可快速调整舞台大小。,利用滚动条移动舞台使用“手形工具”移动舞台,5.将舞台放大后，如果希望查看没有被显示的区域，可拖动舞台下方或右侧的滚动条。,6.选择工具箱中的“手形工具”，然后在舞台上按住鼠标左键并拖动，也可移动舞台显示区域。,利用快捷键【Ctrl+】或【Ctrl-】可快速使舞台放大200%或缩小50%。双击工具箱中的“手形工具”或选择“视图”“缩放比率”“符合窗口大小”菜单，可缩放舞台以使其完全适合目前的窗口空间。选择“视图”“缩放比率”“显示全部”菜单，可以显示当前帧中的全部内容，包括舞台外的对象。,1.3.4网格、标尺与辅助线,在绘图或移动对象时，利用网格可以精确安排对象在舞台上的位置，并使不同对象相互对齐；利用标尺和辅助线可以精确定位对象在舞台上的位置。要使用网格、标尺和辅助线，可参考以下操作。,显示网格线,1.选择“视图”“网格”“显示网格”命令，即可在舞台上显示网格。,“网格”对话框,2.选择“视图”“网格”“编辑网格”菜单，在打开的“网格”对话框中可以设置网格线的颜色、网格间的距离以及对象是否贴紧网格对齐等。,启用标尺选择标尺度量单位,3.选择“视图”“标尺”菜单，即可在舞台中启用标尺。,4.选择“修改”“文档.”菜单，打开“文档属性”对话框，在对话框中的“标尺单位”下拉菜单中，可以根据需要选择标尺度量单位。,拖出辅助线,根据辅助线放置对象,5.在舞台上方的标尺处按住鼠标左键并拖动，可拖出水平辅助线，在舞台左侧的标尺处按住鼠标左键并拖动，可拖出垂直辅助线，反复操作可拖出多条辅助线。,6.拖出辅助线后，便可以根据辅助线放置对象，对象会自动贴紧辅助线。,“辅助线”对话框,清除全部辅助线,7.选择“视图”“辅助线”“编辑辅助线”菜单，可在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数。,8.要清除某条辅助线，只需使用“选择工具”将其拖出舞台即可，若要清除舞台上的全部辅助线，可选择“视图”“辅助线”“清除辅助线”菜单。,1.3.5操作的撤销与恢复,在制作Flash作品的过程中，有时会发生误操作，此时可将误操作撤销；还有时会将正确的操作误撤销，此时可将其恢复。对操作进行撤销和恢复的方法主要有以下几种。,选择“编辑”“撤销”菜单（为上一步操作），或按快捷键【Ctrl+Z】可撤销前一步操作，连续执行可撤销多步操作；选择“编辑”“重做”菜单，或按快捷键【Ctrl+Y】可恢复撤销的操作，连续执行可恢复多步撤销操作。单击主工具栏上的“撤销”按钮可撤销前一步操作；单击主工具栏上的“重做”按钮可恢复撤销的操作。利用“历史记录”面板可一次性撤销或恢复多步操作，具体方法请参考本书第3章内容。,1.4Flash动画入门,1.4.1一个简单的动画Flash动画制作原理,传统动画和影视都是通过连续播放一组静态画面实现，每一幅静态画面就是一个帧，Flash动画也是如此。在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性，例如位置、形状、大小、颜色、透明度等，当播放头在这些帧之间移动时，便形成了动画。,1.打开素材文档。,制作心跳动的动画,2.选中第2帧，然后按【F6】键插入一个关键帧。,3.使用“任意变形工具”适当放大心图形。,4.按快捷键【Ctrl+Enter】观看动画播放效果，即可看到一颗心在碰碰的跳动。,1.4.2另一个简单的动画认识绘图工具、元件、帧和图层,下面通过绘制动画所需的小球，熟悉“工具箱中”绘图工具的使用方法。,打开素材文档,1.打开素材文档。,1认识绘图工具绘制小球,选择“椭圆工具”设置填充颜色为“没有颜色”,2.按住“工具箱”中的“矩形工具”不放，在打开的工具列表中单击“椭圆工具”（或者按快捷键【O】）将其选中。,3.单击“工具箱”颜色区的“填充颜色”按钮，在打开的“拾色器”对话框中选择“没有颜色”。,绘制正圆形,4.单击图层2的第1帧，将光标移动到舞台中，然后在按住【Shift】键的同时按住鼠标左键并拖动，绘制一个没有填充色的正圆形。,选择“颜料桶工具”选择渐变填充色,5.单击“工具箱”中的“颜料桶工具”或按快捷键【K】，将其选中。,6.再次单击“填充颜色”按钮，在打开的“拾色器”对话框中选择由蓝色到黑色的放射状渐变色。,填充正圆形,7.将光标移动到正圆形的左上角并单击，为正圆填充颜色，小球就绘制好了。,在制作动画补间动画时，必须将绘制的图形转换为元件（或先创建元件，再在元件内部绘制图形）。下面通过将刚刚绘制的小球转换为图形元件，介绍将对象转换为元件的操作过程。,选择“转换为元件”菜单输入元件名称并设置元件类型,2.在打开的“转换为元件”对话框中“名称”编辑框中输入“小球”，再在“类型”列表中选择“图形”单选钮，设置完毕后单击“确定”按钮，即可将小球转换为名为“小球”的图形元件。,1.使用“选择工具”双击舞台中的小球将其选中，然后选择“修改”“转换为元件”菜单（或按快捷键【F8】）。,2.认识元件将小球转换为图形元件,“库”面板中的元件