FlashCS4动画制作基础

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2014-4-15,#,第,5,章,Flash CS4,动画制作基础,学习要点：,了解,Flash CS4,界面环境。,了解,Flash CS4,的基本工作流程。,掌握,Flash CS4,工具面板中常用工具的使用方法。,掌握,Flash CS4,所包含的对象类型。,掌握,Flash,动画的各种制作方法。,了解,ActionScript,编程语言的特点。,掌握,Flash,动画的发布和导出。,5.1,Flash CS4,简介,Flash CS4,的新功能,编程方面的增强,音频、视频方面的增强,动画方面的增强,绘画方面的增强,改进的用户界面,5.1,Flash CS4,简介,Flash CS4,的界面环境,5.1,Flash CS4,简介,Flash CS4,基本工作流程,计划项目：确定应用程序要执行哪些基本任务。,添加媒体元素：创建或导入媒体元素，如图像、视频、声音和文本等。,排列元素：在舞台上和时间轴中排列这些媒体元素，以定义它们在应用程序中的显示时间和方式。,应用特殊效果：根据需要应用图形滤镜（如模糊、发光和斜角）、混合和其它特殊效果。,使用,ActionScript,控制行为。,测试并发布应用程序：进行测试以验证应用程序是否按预先计划工作，查找并修复所遇到的错误。在整个创建过程中应不断测试应用程序。,5.1,Flash CS4,简介,Flash CS4,的文件基本操作,新建文档,设置文档属性,保存,Flash,文档,5.2,工具面板中的常用工具,菜单“窗口”,/,“工具”命令或快捷键,Ctrl+F2,将打开工具面板,5.2,工具面板中的常用工具,选取工具组,选取工具中包含了“选取工具”、“部分选取工具”、“任意变形工具”、“,3D,旋转工具”、“套索工具”等。,“选取工具”,用于选择舞台中的对象，并可以进行对象的移动、复制等操作。,用于对象的编辑操作。,“选取工具”的选项区内容。,“部分选取工具”,用来显示线段或对象轮廓上的锚点，移动锚点或路径来改变图形的形状。,5.2,工具面板中的常用工具,“任意变形工具组”,该工具组中包含两个工具。,任意变形工具,:,用于对象的旋转、倾斜、缩放、扭曲等变形等操作。,渐变变形工具,:,将对象进行渐变填充后，可使用该工具对渐变的颜色范围、方向和角度进行设置。,“,3D,工具组”,该工具组中包含两个工具。,3D,旋转工具,:,3D,旋转工具,可以在,3D,空间内旋转影片剪辑。,3D,平移工具,:,使用,3D,平移工具,在,3D,空间中移动影片剪辑。,5.2,工具面板中的常用工具,“套索工具”,套索工具,用于选择图形中的不规则区域和相互连接的相同颜色的区域。,选择不规则区域,套索工具的选项区按钮,5.2,工具面板中的常用工具,Flash,的绘图模式,“合并绘制模式”,“合并绘制模式”是默认的绘制模式。当有重叠绘制的形状时，该模式会自动进行合并重叠的部分。在同一图层中绘制互相重叠的形状时，最顶层的形状会截去在其下面的重叠形状部分的内容。因此该模式是一种破坏性的绘制模式。,5.2,工具面板中的常用工具,“对象绘制模式”,“对象绘制模式”是在叠加时不会自动合并在一起的、单独的图形对象处理模式。,5.2,工具面板中的常用工具,基本绘图工具,基本绘图工具中包含了“钢笔工具”、“线条工具”、“矩形工具组”、“铅笔工具”、“刷子工具”以及“,Deco,工具”等。,“线条工具”,:,用于绘制矢量直线。选中“线条工具”后，拖动鼠标绘制直线。单击菜单“窗口”,/,“属性”打开属性面板在其中可以设置线条的属性。,“铅笔工具”,“铅笔工具”用于绘制任意线条。,“钢笔工具组”,用于绘制复杂而精确的曲线。,5.2,工具面板中的常用工具,“椭圆工具组”,矩形工具,基本矩形工具,椭圆工具,基本椭圆工具,多角星形工具,5.2,工具面板中的常用工具,“刷子工具组”,刷子工具组包括刷子工具和喷涂刷工具,刷子工具,:,刷子工具可绘制类似于刷子的笔触，它可以创建特殊效果。使用刷子工具功能键可以选择刷子大小和形状。,刷子模式：,标准绘画：可直接对线条和填充涂色。绘制的图形会覆盖下面的内容。,颜料填充：对填充区域和空白区域涂色，不影响线条。,后面绘画：在舞台上同一图层的空白区域涂色，不影响线条和填充。,颜料选择：只对已经选择的区域进行填充。,内部绘画：绘图区域与绘图时的起笔位置有关。若起笔在图形内部，则只对图形的,5.2,工具面板中的常用工具,喷涂刷工具,:,可以一次将形状图案喷涂到舞台上。默认情况下，喷涂刷使用当前选定的填充颜色喷射粒子点。,“,Deco,工具”,使用,Deco,绘画工具，可以对舞台上的选定对象应用效果。在选择,Deco,绘画工具后，可以从属性面板中选择各种绘制效果。打开属性面板后，在“绘制效果”中包含了三种效果。,藤蔓式填充,网格填充,对称刷子,5.2,工具面板中的常用工具,改变颜色、取色、擦除颜色工具,改变颜色工具包括“颜料桶工具”、“墨水瓶工具”等，“滴管工具”进行取色，“橡皮擦工具”进行颜色的删除等。,颜料桶工具组,单击该按钮，可以看到它所包含的两个工具“颜料桶工具”和“墨水瓶工具”。,“颜料桶工具”,:,用于填充图形的内部颜色。可以使用颜色、渐变色以及位图进行填充。,“墨水瓶工具”,:,用于更改一个或多个线条或者形状轮廓的笔触颜色、宽度和样式。,5.2,工具面板中的常用工具,滴管工具,可以用滴管工具从一个对象复制笔触（即对象的轮廓）和填充的属性，然后将它们应用到其它对象。,橡皮擦工具,该工具用于擦除笔触段、填充区域以及舞台上的所有内容。,“橡皮擦模式”,水龙头,橡皮擦形状,5.2,工具面板中的常用工具,文本工具,Flash,中的文本类型,:,静态文本、动态文本和输入文本。,静态文本：默认的创建文本格式，在文件播放过程中静态文本不发生改变。,动态文本：显示动态更新的文本，可以随着文件的播放而自动更新的文本。,输入文本：在文件播放时用于交互的文本。例如在表单或调查表中输入的文本等。,5.2,工具面板中的常用工具,创建不同类型的文本,单击工具栏上的“文本”工具,，打开其属性面板。在“文本类型”下拉列表中选择“静态文本”、“动态文本”或“输入文本”。,为文本添加滤镜效果,选中文本，在属性面板的“滤镜”选项卡的底端单击“添加滤镜”按钮，如图所示。在弹出菜单中选择要添加的滤镜效果。,将文本对象转换为图形对象,单击菜单“修改”,/,“分离”命令或按快捷键,Ctrl+B,，将一个组合的文本分离为单个字符的状态。,在文本处于选中状态下，再次单击菜单“修改”,/,“分离”命令或按快捷键,Ctrl+B,，将文本对象转换成了图形对象，可以用工具面板中的工具为其设置更加复杂的文字效果。,5.3,Flash,对象的编辑,对象类型,图形,:,图形对象就是矢量图，利用绘图工具绘制的内容都是图形。,文本,:,通过文本工具在舞台上输入的内容，它可以经过两次“分离”操作转换为图形对象。,组合,:,选中要组合的对象，利用菜单“修改”,/,“组合”命令或者快捷键,Ctrl+G,建立组合。,位图,:,Flash,既可以使用矢量图也可以编辑位图。既可以将位图转换为矢量图，也可以将位图转换为组合对象。,元件,:,元件是指在,Flash,创作环境中或使用,Button(AS 2.0),、,SimpleButton(AS 3.0),和,MovieClip,类创建过一次的图形、按钮或影片剪辑。元件可在整个文档或其它文档中重复使用。,5.3,Flash,对象的编辑,对象的基本编辑,对象的排列,:,选中对象后，单击菜单“修改”,/,“排列”中的相应命令。,对象的对齐与分布,:,选中对象后，单击菜单“修改”,/,“对齐”选择相应的命令，或者单击菜单“窗口”,/,“对齐”，打开对齐面板。,对象的变形,:,选中对象后，单击菜单“修改”,/,“变形”选择相应的命令，或者单击菜单“窗口”,/,“变形”打开变形面板。,5.3,Flash,对象的编辑,位图对象的基本操作,导入位图,:,Flash CS4,中可以直接将位图导入到舞台，或者将位图导入到库。,设置位图属性,将位图转换为图形对象,:,选中舞台上的位图，单击菜单“修改”,/,“分离”或者快捷键,Ctrl+B,，将位图分离为图形对象，此时的属性面板中显示的是“形状”的属性。,将位图转换为矢量图,:,选中舞台上的位图，单击菜单“修改”,/,“位图”,/,“转换位图为矢量图”命令。,5.3,Flash,对象的编辑,元件和实例,元件与实例的基本概念,元件的具体表现形式就叫实例。当把库中的元件拖动至舞台后，舞台上的元件就称为该元件的一个实例。一个元件可以对应多个实例。若修改元件则实例都会发生变化。,元件的类型,Flash,有三类元件：图形元件、按钮元件以及影片剪辑元件。,图形元件：,可用于静止图形，并可用来创建连接到主时间轴的可重用动画片段。图形元件在,FLA,文件中的尺寸小于按钮或影片剪辑。,按钮元件,：可以创建用于响应鼠标单击、滑过、按下、弹起等动作的交互式按钮。,影片剪辑元件：,可以创建可重用的影片剪辑片段。,5.3,Flash,对象的编辑,创建与编辑元件,创建元件,创建新元件,将已经有的元素转换为图形元件,编辑元件,双击“库”面板中的元件图标或在舞台上双击该元件的一个实例，进入元件编辑状态。,5.3,Flash,对象的编辑,创建与编辑实例,创建实例,创建元件之后，将库面板中的元件拖动至舞台创建实例。,编辑实例,实例的分离,实例的分离用于将元件与实例分离。在分离实例之后修改元件，将不会影响到该实例。,在舞台上选择该实例，单击菜单“修改”,/,“分离”或者利用快捷键,Ctrl+B,。将实例分离成图形元素。,5.4,时间轴、图层和帧,时间轴的组成,时间轴主要由图层区、播放头、时间轴标尺、时间轴状态栏以及帧组成。,图层区,图层区用来创建和管理图层,添加图层、删除图层,图层重命名、移动图层,显示,/,隐藏图层,锁定,/,解除锁定图层,显示图层的轮廓,图层的属性,图层文件夹的管理,5.4,时间轴、图层和帧,播放头,播放头是时间轴上方的一条红色垂直线，,Flash,文档播放时，播放头在时间轴上移动，指示当前显示在舞台中的帧。,帧及其操作,帧是构成动画的最基本的单位。,插入帧。,选择帧。,复制,/,粘贴帧。,移动帧,删除帧,清除帧,翻转帧,帧的查看,5.5,Flash,动画制作,逐帧动画,逐帧动画是将每一帧的画面组织好，然后逐帧播放。,制作逐帧动画，应将每个帧都定义为关键帧，然后为每个帧创建不同的内容。,步骤：,新建,Flash,文档，将两张图片导入到库。在“图层,1,”的第一帧处，将库面板中的“小鸟,1.PNG,”拖动至舞台。这时，时间轴默认的第一个空白关键帧将自动转换为关键帧。选中该图片，打开“属性”面板，记录下当前图片的位置和大小的参数值。在时间轴的第二帧处按快捷键,F6,或快捷菜单中的“插入关键帧”，插入一个新的关键帧。将“小鸟,2.PNG,”拖动至舞台，将“小鸟,1.PNG,”从舞台上删除。,选中“小鸟,2.PNG,”打开“属性”面板，按照第,2,步中记录好的图片的位置和大小的参数值进行设置。按,Enter,键预览动画。或者，单击菜单“控制”,/,“播放”命令，查看效果。单击菜单“控制”,/,“测试影片”或快捷键,Ctrl+Enter,查看动画输出效果。小鸟不断地左右转头。,5.5,Flash,动画制作,补间动画,补间动画是通过为一个对象的某一帧指定属性值并为该对象的另一个帧指定一个相关属性的不同值。,Flash,自动计算这两个帧之间其它属性的值。补间动画是由属性关键帧组成的，可以在舞台、属性检查器或动画编辑器中编辑各属性关键帧。,5.5,Flash,动画制作,步骤：,在舞台上选择要补间的对象。选择菜单“插入”,/,“补间动画”命令。或者，单击所选内容或当前帧，然后在快捷菜单中选择“创建补间动画”命令。,在时间轴的补间范围的左右