资源描述
项目一 Flash入门基础知识,初识Flash CS5 制作第一个Flash动画 使用Flash CS5的辅助功能 本人有FLASH CS项目教学的全部教学资料,包括教案,课件,素材原文件与练习用文件,视频资料等,需要请联系QQ:32177763,因是自己精心制作,不免费哟,非诚勿扰。,任务一 初识Flash CS5,任务说明,下面将带领读者了解Flash动画的应用领域、特点及创作流程,以及掌握启动和退出Flash CS5的方法,并认识Flash CS5的工作界面。,一、Flash动画的应用领域,Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏、企业宣传、产品展示和电子相册等领域。,网页广告 Flash音乐动画,预备知识,二、Flash动画的特点,Flash动画的主要特点如下。,制作简单:Flash动画的制作相对比较简单,一个爱好者只要掌握一定的软件知识,拥有一台电脑,一套软件就可以制作出简单的动画。 存储容量小和缩放时不失真:Flash动画主要由矢量图形组成,矢量图形具有存储容量小,并且在缩放时不会失真的优点。此外,在发布Flash动画的过程中,程序还会压缩、优化各种动画组成元素(如位图图像、音频、视频等),这就进一步减少了动画的存储容量,从而使其更适于在网络上传输和播放。 交互性强:我们可使用ActionScript语言为Flash动画添加代码,使动画具有交互性。,三、Flash动画创作流程,每个人创建Flash动画的习惯不同,但都会遵循一个基本的流程。下面便为读者介绍创建Flash动画的流程。, 发布作品,任务实施,一、启动Flash CS5并熟悉工作界面,启动Flash CS5,1.单击“开始”按钮,在弹出的菜单中选择“所有程序”“Adobe Design Premium CS5”“Adobe Flash Professional CS5”,或双击桌面上的图标。,正确安装Flash CS5并进行注册后,可参照以下步骤启动Flash CS5。,Flash CS5开始页,2.打开Flash CS5的开始页,单击“ActionScript 3.0”或者“ActionScript 2.0”选项即可新建一个Flash文档,并进入Flash CS5的工作界面 。,Flash CS5工作界面,3.进入Flash CS5的工作界面后,我们可以看到其工作界面由标题栏、菜单栏、文档选项卡、主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制面板等组成 。,文档选项卡:当打开多个文档后,单击由文档名称形成的文档选项卡标签可切换当前编辑的文档,单击文档选项卡右侧的“关闭”按钮,可关闭相应的文档。 编辑栏:用于选择需要进行编辑的场景、元件,以及设置舞台显示比例。 舞台:舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具,并在时间轴面板中选择需要处理的帧后,便可以在舞台中绘制或编辑该帧上的图形。注意,位于舞台外的内容在播放动画时不会被显示。 工具箱:工提供了绘制、编辑和填充图形,以及缩放和平移舞台的工具。要选择某工具,只需单击该工具即可。另外,部分工具的右下角带有黑色小三角,表示该工具中隐藏着其他工具,在该工具上按住鼠标左键不放,可从弹出的工具列表中选择其他工具。,“时间轴”面板:默认情况下,“时间轴”面板位于舞台下方,用于组织和控制动画内容,它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显示了动画中包含的图层名称及其相应状态,右侧显示了各图层的时间轴。,“时间轴”面板,“属性”面板:“属性”面板默认位于舞台右侧,利用它可以方便地查看和更改当前选定对象的属性。当前选定的对象的不同,“属性”面板中的选项也会不同。 其他面板:例如,利用“颜色”面板可以设置图形的填充色或线条颜色;利用“库”面板可以保管Flash动画中用到的素材,如元件、音乐、视频和位图等素材。,二、自定义Flash CS5工作界面,用户可以根据个人习惯和工作需要,对Flash CS5的工作界面进行调整,调整后还可将工作界面保存起来,方便以后调用。要调整Flash CS5的工作界面可参考以下操作。,选择工作界面的外观模式 打开“动作”面板,1.启动Flash CS5并进入其工作界面后,单击“标题栏”右侧的”基本功能”下拉按钮,可在展开的下拉列表中根据自己的需要选择工作界面的外观模式。,2.如果在默认的工作界面中找不到需要的面板,可以通过选择“窗口”“面板名称”菜单来打开它,例如打开“动作”面板,关闭面板,4.要将不需要的面板关闭,只需单击该面板右上角的 按钮,在展开的下拉菜单中选 择“关闭”选项即可;若选择“关闭组”选项,可关闭同组的所有面板。,切换面板,3. Flash会将某些性质相似的面板放在同一面板组中,此时单击面板组上方该面板的名称标签,可在不同的面板之间切换 。,切换面板显示状态,展开相应面板,6.单击右侧面板组右上角的“折叠”按钮 或“展开”按钮 ,可使面板组在图标状态和展开状态之间切换。,7.在面板组处于图标状态时,单击某图标可展开相应面板;再次单击可折叠面板。,8.如果不小心将工作界面调乱了,还可在 “布局模式”下拉列表中选择“重置XXX”选项,恢复默认的工作界面。若在该下拉列表中选择“新建工作区”选项,则可将当前工作界面保存起来。,任务二 制作第一个Flash动画,任务说明,制作Flash动画时,首先需要新建一个Flash文档并设置文档属性。对于新手来说,要制作出Flash动画,还需要简单了解一下制作动画的基本原理。本任务将带领大家学习这些知识,并创建第一个Flash动画作品。,预备知识,一、Flash文档基本操作,1新建文档,新建Flash文档的方法主要有以下两种。,新建Flash文档,新建Flash文档,2保存文档,保存文档,3打开文档,启动Flash时,在开始页左侧的“打开最近的项目”下选择最近保存过的文档。 在工作界面中选择“文件”“打开”菜单,或按快捷键【Ctrl+O】,在打开的“打开”对话框中选择要打开的文档,单击“打开”按钮。 直接在保存文档的文件夹中双击要打开的Flash文档。,要打开以前保存的文档进行再次编辑,可使用以下几种方法。,二、Flash动画制作原理,下面通过制作一颗心在跳动的动画,使读者进一步了解动画原理。,制作心跳动的动画,1. 打开素材文档 。,2.在时间轴面中板单击选中第2帧,然后按【F6】键插入一个关键帧 。,3.使用“任意变形工具”适当放大第2帧中的心图形 。,任务实施,一、新建Flash文档并设置属性,要制作Flash动画,首先要创建一个文档并设置其属性,下面是具体操作方法。,选择“文档” 菜单,1.启动Flash CS5,在开始页的“创建”设置区单击“ActionScript 3.0”选项,创建一个Flash文档并进入Flash CS5工作界面。,2.选择“修改”“文档”菜单 。,设置Flash文档属性,3.在“尺寸”编辑框中设置文档的宽度和高度均为400像素,然后单击“背景颜色” 右侧的色块,在弹出的“拾色器”面板中单击黄色,其他选项保持默认设置不变,单击“确定”按钮 。,尺寸:设置舞台的宽和高。播放动画时,将只显示位于舞台中的动画组成元素。 背景颜色:单击该选项右侧的色块,可在弹出的“拾色器”面板中设置舞台颜色。 帧频:是指动画的播放速度,单位是“fps”,即每秒播放多少帧,默认为24fps。 标尺单位:如果要在文档中使用标尺,可在该选项右侧的下拉列表中选择标尺的度量单位。,二、制作小球弹跳动画,下面我们就来制作一个小球弹跳的动画。,绘制正圆图形,1.按住工具箱中的“矩形工具”不放,在展开的工具列表中单击选择“椭圆工具” 。,2.单击工具箱颜色区的“填充颜色”按钮,在打开的“拾色器”面板中选择一种渐变色,然后将光标移动到舞台中,在按住【Shift】键的同时,按住鼠标左键并拖动,绘制一个正圆形 。,创建“小球”图形元件,3.单击“图层1”的第1帧以选中舞台中的图形,然后按快捷键【F8】,在打开的“转换为元件”对话框的“名称”编辑框中输入“小球”,再在“类型”下拉列表中选择“图形”选项。设置完毕后单击“确定”按钮,即可将鸡蛋图形转换为图形元件。,插入普通帧,4.单击“时间轴”面板的第50帧处选中该帧,然后按【F5】键在该处插入一个普通帧 。,创建补间动画并设置第1帧上的元件实例,5.右击舞台中的小球元件实例,从弹出的快捷菜单中选择“创建补间动画”,为该元件实例创建补间动画 。,6.单击“时间轴”面板第1帧将播放头转到该帧,然后单击选中工具箱中的“选择工具”,将光标移动到舞台中的小球元件实例上,按住鼠标左键不放并向左上方拖动,将小球元件实例拖到舞台外左侧偏上位置 。,设置第25帧和第50帧上的元件实例,7.单击“时间轴”面板第25帧将播放头转到该帧,然后使用“选择工具”将小球元件实例移动到舞台下方 ,参考以上方法设置第50帧上的元件实例 。,三、预览动画,在制作动画过程中,按下【Enter】键,可以测试动画在时间轴上的播放效果;反复按【Enter】键可在暂停测试和继续测试之间切换。,预览动画,四、保存和关闭Flash文档,保存和关闭动画,任务三 使用Flash CS5的辅助功能,任务说明,在Flash中绘制精细图形时,经常需要对视图进行缩放和平移,以及使用标尺、网格和辅助线精确定位对象的位置等。本任务将带领大家学习这些知识。,预备知识,一、使用标尺、网格和辅助线,在绘图或编辑对象时,利用网格、标尺和辅助线可以精确调整对象在舞台上的位置,并使不同对象相互对齐。,显示网格线 “网格”对话框,拖出辅助线 “辅助线”对话框,二、操作的撤销和恢复,按快捷键【Ctrl+Z】可撤销前一步操作,连续执行可撤销多步操作;若不小心将正确的操作撤销了,可按快捷键【Ctrl+Y】恢复撤销的操作。,使用历史记录面板撤销和恢复操作,任务实施,一、缩放和平移视图,放大舞台显示比例,1.单击选择工具箱中的“缩放工具”然后将光标移动到舞台,默认情况下光标呈 形状,此时单击可放大舞台显示比例。,下面为读者介绍缩放和平移视图的具体方法。,缩小舞台显示比例,2.选择“缩放工具” ,然后单击工具箱“选项区”的“缩小”按钮 ,或直接将光标移动到舞台中并按住【Alt】键,当光标呈 形状时单击可缩小舞台显示比例。,放大指定区域,3.选择“缩放工具” 后,在舞台中按住鼠标左键并拖动,拖出一个矩形框,松开鼠标后,矩形框内的区域会填满整个工作区。,“缩放”下拉列表,4.单击编辑栏右侧的“缩放”下拉按钮,通过选择打开的下拉列表中的不同选项可快速调整舞台大小 。,符合窗口大小:缩放舞台以使其适合目前的窗口空间。双击工具箱中的“手形工具”可实现同样的效果。 显示全部:在工作区显示当前帧中的全部内容(包括舞台外的对象)。 显示帧:在工作区显示整个舞台。,利用滚动条移动舞台 使用“手形工具”移动舞台,5.将舞台放大后,如果希望查看没有被显示的区域,可拖动舞台下方或右侧的滚动条 。,6.选择工具箱中的“手形工具” ,然后在舞台上按住鼠标左键并拖动,也可以查看没有被显示的区域。,二、排列图案,下面以调整舞台上对象的位置制作图案为例,使读者进一步掌握网格、标尺与辅助线的使用方法。,显示网格线,启用标尺,1.打开素材文档,选择“视图”“网格”“显示网格”命令,即可在舞台上显示网格 。,2.选择“视图”“标尺”菜单,即可在舞台中启用标尺 。,拖出辅助线,3在舞台上方的标尺处按住鼠标左键并拖动,可拖出水平辅助线,在舞台左侧的标尺处按住鼠标左键并拖动,可拖出垂直辅助线,反复操作可拖出多条辅助线。,锁定辅助线,4.选择“视图”“辅助线”“锁定辅助线”菜单,将辅助线锁定 。,根据辅助线放置对象,5.拖出辅助线后,便可以根据辅助线放置对象,对象会自动贴紧辅助线 。,6.选择“视图”“辅助线”“显示辅助线”菜单,隐藏辅助线。,
展开阅读全文