《(中职)计算机动画设计——Flash CS32教学课件.ppt》由会员分享,可在线阅读,更多相关《(中职)计算机动画设计——Flash CS32教学课件.ppt(126页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、YCF正版可修改PPT(中职)计算机动画设计Flash CS32教学课件模块模块2 图形的绘制与编辑图形的绘制与编辑本章导读本章导读学习目标学习目标任务任务1 绘图中的基本概念绘图中的基本概念任务任务2 绘图工具的应用绘图工具的应用任务任务3 图形的编辑图形的编辑2.4 经典案例经典案例制作特效文字制作特效文字2.5 经典案例经典案例动画背景动画背景思考与练习思考与练习本章导读本章导读图形绘制是动画制作的基拙,只有绘制好了静态矢量图,才图形绘制是动画制作的基拙,只有绘制好了静态矢量图,才可能制作出优秀的动画作品。在可能制作出优秀的动画作品。在Flash中,图形造型工具通中,图形造型工具通常包括
2、铅笔工具、笔刷工具、多边形工具、线条工具以及钢常包括铅笔工具、笔刷工具、多边形工具、线条工具以及钢笔工具等。本章重点给读者讲解在笔工具等。本章重点给读者讲解在Flash CS3中绘制图形的中绘制图形的相关操作与技巧,这也是相关操作与技巧,这也是Flash用户需要经常使用的知识。用户需要经常使用的知识。熟练掌握这些工具的使用方法是熟练掌握这些工具的使用方法是Flash动画制作的关键。在动画制作的关键。在学习的过程中要清楚各种工具的用途及工具所对应属性面板学习的过程中要清楚各种工具的用途及工具所对应属性面板里每个参数的作用,并能将多种工具配合使用,从而绘制出里每个参数的作用,并能将多种工具配合使用
3、,从而绘制出丰富多彩的各类图案。丰富多彩的各类图案。返回学习目标学习目标学会使用学会使用Flash CS3中的常用工具。中的常用工具。掌握图形的选择、移动和复制。掌握图形的选择、移动和复制。掌握图形的组合、叠放、对齐、变形。掌握图形的组合、叠放、对齐、变形。掌握图形的翻转、封套。掌握图形的翻转、封套。返回任务任务1 绘图中的基本概念绘图中的基本概念2.1.1 位图位图位图图像,也称点阵图像,是由称作像素的单个点组成的。位图图像,也称点阵图像,是由称作像素的单个点组成的。位图图像色彩细腻、丰富,如位图图像色彩细腻、丰富,如图图2-1所示。所示。Flash能够识别各种矢量和位图格式。可以将文件导入
4、到当能够识别各种矢量和位图格式。可以将文件导入到当前前Flash文档的舞台或库中文档的舞台或库中;也可以通过将位图粘贴到当前文也可以通过将位图粘贴到当前文档的舞台中来导入位图。所有直接导入档的舞台中来导入位图。所有直接导入Flash文档中的位图,文档中的位图,都会自动添加到该文档的库中。都会自动添加到该文档的库中。下一页返回任务任务1 绘图中的基本概念绘图中的基本概念导入位图的具体操作步骤如下导入位图的具体操作步骤如下:(1)在在Flash CS3的主窗口中,选择的主窗口中,选择“文件文件”“导入导入”“导入到舞台导入到舞台”命令,打开命令,打开“导入导入”对话框,如对话框,如图图2-2所示。
5、所示。(2)选择要导入的图像后,单击选择要导入的图像后,单击“打开打开”按钮,可以同时将按钮,可以同时将图像导入到舞台和图像导入到舞台和“库库”面板中,如面板中,如图图2-3所示。通过所示。通过“导导入舞台入舞台”命令导入位图的同时,其实也将其存放到了该文档命令导入位图的同时,其实也将其存放到了该文档的的“库库”面板中。面板中。(3)选择选择“文件文件”“导入导入”“导入到库导入到库”命令,打开命令,打开“导入到库导入到库”对话框,如对话框,如图图2-4所示。所示。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念在其中选择要导入到库的图像后,单击在其中选择要导入到库的图像后,单击
6、“打开打开”按钮,即可按钮,即可将所选图像导入到将所选图像导入到“库库”面板中,如面板中,如图图2-5所示。如果导入所示。如果导入图像的文件名是以图像序列中的某一个数字结尾,且该序列图像的文件名是以图像序列中的某一个数字结尾,且该序列中的文件位于相同文件夹中,中的文件位于相同文件夹中,Flash会自动将其识别为图像会自动将其识别为图像序列,并弹出提示对话框提示是否导入序列中的所有图像。序列,并弹出提示对话框提示是否导入序列中的所有图像。若单击若单击“是是”按钮,按钮,Flash将导入这个图像序列中的所有图将导入这个图像序列中的所有图片片;若单击若单击“否否”按钮,则只导入选定的文件。按钮,则只
7、导入选定的文件。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念另外,还可以使用复制和粘贴的方法将图像导入到另外,还可以使用复制和粘贴的方法将图像导入到Flash中,中,具体操作步骤如下具体操作步骤如下:(1)在在Flash CS3主窗口中打开需要导入的位图图像后,再主窗口中打开需要导入的位图图像后,再在图像上右击,在弹出的快捷菜单中选择在图像上右击,在弹出的快捷菜单中选择“复制复制”命令,将命令,将图像复制。图像复制。(2)在在Flash CS3主窗口中新建一个空白文档并右击,在弹主窗口中新建一个空白文档并右击,在弹出的快捷菜单中选择出的快捷菜单中选择“粘贴粘贴”命令,即可将图
8、像粘贴到文档命令,即可将图像粘贴到文档中。中。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念在在“库库”面板中编辑图像的具体操作步骤如下面板中编辑图像的具体操作步骤如下:(1)在在Flash CS3主窗口中选择主窗口中选择“窗口窗口”“库库”命令,打命令,打开开“库库”面板并在编辑的位图上右击,在弹出的快捷菜单中面板并在编辑的位图上右击,在弹出的快捷菜单中选择选择“编辑方式编辑方式”命令,打开命令,打开“选择外部编辑器选择外部编辑器”对活框,对活框,如如图图2-6所示。所示。(2)选择编辑软件为选择编辑软件为Photoshop,单击,单击“打开打开”按钮,进按钮,进入入Phot
9、oshop CS4界面对图像进行编辑,如界面对图像进行编辑,如图图2-7所示。所示。(3)在在Photoshop CS3界面编辑完毕之后,保存图像并关界面编辑完毕之后,保存图像并关闭该界面,完成位图的编辑操作。闭该界面,完成位图的编辑操作。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念在在Flash CS3主窗口中使用导入的位图时,一般需要将其打主窗口中使用导入的位图时,一般需要将其打散散(又可称为分离又可称为分离),它是将图像中的像素分散到离散的区域,它是将图像中的像素分散到离散的区域中,再分别选择这些区域并进行修改。将位图进行打散的具中,再分别选择这些区域并进行修改。将位图
10、进行打散的具体操作步骤如下体操作步骤如下:(1)在在Flash CS3主窗口中,将位图导入到文档中并放入舞主窗口中,将位图导入到文档中并放入舞台,如台,如图图2-8所示。所示。(2)选择选择“修改修改”“分离分离”命令或按命令或按Ctrl+B组合键,将组合键,将位图打散,如位图打散,如图图2-9所示。所示。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念在在Flash中不能编辑输入的位图,若将其转化成矢量图,即中不能编辑输入的位图,若将其转化成矢量图,即可改变色彩及外形等,还可以减小图形的体积。将位图转换可改变色彩及外形等,还可以减小图形的体积。将位图转换为矢量图的具体操作步骤如
11、下为矢量图的具体操作步骤如下:(1)在在Flash CS3主窗口中选择文档中需要转换的位图图像,主窗口中选择文档中需要转换的位图图像,选择选择“修改修改”“位图位图”“转换位图为矢量图转换位图为矢量图”命令,打命令,打开开“转换位图为矢量图转换位图为矢量图”对话框,如对话框,如图图2-10所示。所示。“颜色阑值颜色阑值”:当两个像素进行比较后,如果它们的当两个像素进行比较后,如果它们的RGB颜颜色值差异低于该颜色阑值,则系统认为这两个像素颜色相同。色值差异低于该颜色阑值,则系统认为这两个像素颜色相同。取值范围为取值范围为0500,值越大,产生的颜色数量越少。,值越大,产生的颜色数量越少。“最小
12、区域最小区域”:用于设置在指定像素颜色的情况下要考虑的用于设置在指定像素颜色的情况下要考虑的周围像素的数量,取值范围为周围像素的数量,取值范围为11000。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念“曲线拟合曲线拟合”:用于设置矢量图轮廓的平滑度,下拉列表中用于设置矢量图轮廓的平滑度,下拉列表中包括包括6种选项。种选项。“角阀值角阀值”:用于设置保留锐边还是进行平滑处理。用于设置保留锐边还是进行平滑处理。(2)设置好相应参数后,单击设置好相应参数后,单击“确定确定”按钮,即可把位图转按钮,即可把位图转换成矢量图,如换成矢量图,如图图2-11所示。所示。上一页 下一页返回任务
13、任务1 绘图中的基本概念绘图中的基本概念若导入的位图包含复杂的形状和许多颜色,转换后矢量图的若导入的位图包含复杂的形状和许多颜色,转换后矢量图的大小通常会比原位图文件大,这是因为原来位图文件太复杂,大小通常会比原位图文件大,这是因为原来位图文件太复杂,需要产生非常多的矢量匹配它。利用位图可以将位图填充在需要产生非常多的矢量匹配它。利用位图可以将位图填充在文本中,具体操作步骤如下文本中,具体操作步骤如下:(1)在在Flash CS3主窗口中新建一个主窗口中新建一个Flash文档,在舞台中文档,在舞台中输入文本并将其打散,如输入文本并将其打散,如图图2-12所示。所示。(2)打开打开“颜色颜色”面
14、板,如面板,如图图2-13所示。在所示。在“类型类型”下拉列下拉列表框中选择表框中选择“位图位图”选项,打开选项,打开“导入到库导入到库”对话框,在其对话框,在其中选择被填充的位图,如中选择被填充的位图,如图图2-14所示。所示。(3)单击单击“打开打开”按钮,将位图填充到文本中,如按钮,将位图填充到文本中,如图图2-15所所示。在创建位图填充效果时,必须将要填充的位图图像导入示。在创建位图填充效果时,必须将要填充的位图图像导入到库中。到库中。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念2.1.2 矢量图矢量图矢量图,也称绘图图像,在数学上定义为一系列点与点之间矢量图,也称绘
15、图图像,在数学上定义为一系列点与点之间的关系。矢量文件中的图形元素称为对象。每个对象都是一的关系。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。因此,在维持它原有清晰度和弯曲度的同时,位置等属性。因此,在维持它原有清晰度和弯曲度的同时,多次移动和改变它的属性,不会影响图例中的其他对象。矢多次移动和改变它的属性,不会影响图例中的其他对象。矢量图的这些特征特别适用于机械制图和三维建模,因为它们量图的这些特征特别适用于机械制图和三维建模,因为它们通常要求能创建和操作单个对象。通常要求能创
16、建和操作单个对象。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念矢量绘图同分辨率无关。这意味着矢量图可以任意放大或缩矢量绘图同分辨率无关。这意味着矢量图可以任意放大或缩小而不会出现图像失真现象。小而不会出现图像失真现象。Flash中的图形图像处理都是中的图形图像处理都是以矢量图为基础的,因此在使用以矢量图为基础的,因此在使用Flash绘制图形时分笔触色绘制图形时分笔触色和填充色,即形状的外边线和内部填充色是各自独立的。和填充色,即形状的外边线和内部填充色是各自独立的。图图2-16为原大的矢量图,为原大的矢量图,图图2-17为缩小的矢量图,两者对为缩小的矢量图,两者对比,图像的清
17、晰度没有发生变化。比,图像的清晰度没有发生变化。在在Flash CS3中,使用工具箱中的工具绘制的图形都是矢量中,使用工具箱中的工具绘制的图形都是矢量图,虽然绘图工具的功能比较强大,但使用鼠标在电脑上绘图,虽然绘图工具的功能比较强大,但使用鼠标在电脑上绘图始终不如用手直接在纸上绘图灵活,所以在绘制的图形中,图始终不如用手直接在纸上绘图灵活,所以在绘制的图形中,可能会出现曲线率不够、绘制了多余的线条等情况,这时可可能会出现曲线率不够、绘制了多余的线条等情况,这时可以通过以通过Flash CS3提供的这些图形工具进行编辑,使效果更提供的这些图形工具进行编辑,使效果更加完美。加完美。上一页 下一页返
18、回任务任务1 绘图中的基本概念绘图中的基本概念在一般模式在一般模式(工具箱选项区域中的工具箱选项区域中的“对象绘制对象绘制”按钮呈凸起状按钮呈凸起状态态)下绘制图形时,上面的图形会将下面图形的重叠部分覆盖,下绘制图形时,上面的图形会将下面图形的重叠部分覆盖,使用选择工具将上面的部分移开后,下面的图形重叠的部分使用选择工具将上面的部分移开后,下面的图形重叠的部分将被剪切掉。如将被剪切掉。如图图2-18所示即为两个互相覆盖的矢量矩形。所示即为两个互相覆盖的矢量矩形。矢量图形的大概形状绘制完成之后,可能还需要调整一些细矢量图形的大概形状绘制完成之后,可能还需要调整一些细节地方,这时可以用工具箱中的选
19、择工具直接拖动图形边缘节地方,这时可以用工具箱中的选择工具直接拖动图形边缘来调整,用部分选取工具移动路径上锚记点的位置来改变图来调整,用部分选取工具移动路径上锚记点的位置来改变图形形状,用钢笔工具添加和删除线条上的锚记点来调整曲线形形状,用钢笔工具添加和删除线条上的锚记点来调整曲线的曲率。的曲率。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念2.1.3 位图和矢量图的区别位图和矢量图的区别计算机中采用两种方式表示图像,一种是位图计算机中采用两种方式表示图像,一种是位图(又称点阵图又称点阵图),一种是矢量图,一种是矢量图(又称向量图又称向量图)。习惯上又将位图称为图像,。习惯上又
20、将位图称为图像,矢量图称为图形。图形图像处理软件都是以其中一种表示方矢量图称为图形。图形图像处理软件都是以其中一种表示方式为主,另一种方式为辅,同时使用两种方式处理图像。例式为主,另一种方式为辅,同时使用两种方式处理图像。例如如:FreeHand,CorelDRAW,AutoCAD等以矢量图方等以矢量图方式为主,而式为主,而Photoshop,CorelPhotoPaint等以位图方式等以位图方式为主。位图和矢量图的区别有如下为主。位图和矢量图的区别有如下5点。点。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念(1)位图即点阵图,是最常用的图像表示方法。位图采用像位图即点阵图,
21、是最常用的图像表示方法。位图采用像素来表示图像,它将图像划分成细小的栅格即方块,栅格中素来表示图像,它将图像划分成细小的栅格即方块,栅格中的每一点就是图像的像素,其值就是像素的亮度和色彩值。的每一点就是图像的像素,其值就是像素的亮度和色彩值。(2)位图在保存文件时,需要记录下每一个像素在图像中的位图在保存文件时,需要记录下每一个像素在图像中的坐标和色彩数据。栅格划分越密,对应的图像分辨率就越高,坐标和色彩数据。栅格划分越密,对应的图像分辨率就越高,图像质量越好,当然文件也就越大,图像的处理速度也就越图像质量越好,当然文件也就越大,图像的处理速度也就越慢。慢。(3)矢量图是以数学的方式记录图像的
22、内容,采用一系列的矢量图是以数学的方式记录图像的内容,采用一系列的线段或其他造型描述一幅图像。线段或其他造型描述一幅图像。上一页 下一页返回任务任务1 绘图中的基本概念绘图中的基本概念(4)矢量图通常以一组指令的形式存在,这些指令描绘图形矢量图通常以一组指令的形式存在,这些指令描绘图形中所包含的直线、圆、弧线和矩形的大小及形状。中所包含的直线、圆、弧线和矩形的大小及形状。(5)矢量图文件占的容量相对较小,可以很容易地进行放大、矢量图文件占的容量相对较小,可以很容易地进行放大、缩小或旋转等操作。矢量图通常用于缩小或旋转等操作。矢量图通常用于3D图像的制作。图像的制作。上一页 返回任务任务2 绘图
23、工具的应用绘图工具的应用要使用要使用Flash制作出精美的动画,首先应掌握如何绘制对象制作出精美的动画,首先应掌握如何绘制对象以及如何编辑对象,而这些工作均要通过以及如何编辑对象,而这些工作均要通过“工具工具”面板中所提面板中所提供的工具来实现。供的工具来实现。2.2.1“矩形矩形”工具工具“矩形矩形”工具可以绘制方角或圆角的矩形和正方形。工具可以绘制方角或圆角的矩形和正方形。“矩形矩形”工工具的使用方法如下具的使用方法如下:(1)选择工具面板中的选择工具面板中的“矩形矩形”工具,此时工具,此时“属性属性”选项选项卡卡如如图图2-19所示。所示。下一页返回任务任务2 绘图工具的应用绘图工具的应
24、用(2)单击单击“属性属性”选项卡中的选项卡中的“笔触颜色笔触颜色”功能按钮功能按钮 ,打开如,打开如图图2-20所示的窗口,从中单击某一个颜色块,为所示的窗口,从中单击某一个颜色块,为“矩形矩形”工具选择线条颜色。工具选择线条颜色。(3)单击单击“填充颜色填充颜色”功能按钮,打开如功能按钮,打开如图图2-21所示的窗口,所示的窗口,从中单击某一个颜色块,选择填充颜色。从中单击某一个颜色块,选择填充颜色。上一页 下一页返回任务任务2 绘图工具的应用绘图工具的应用2.2.2“椭圆椭圆”工具工具用用“椭圆椭圆”工具可绘制椭圆和圆。工具可绘制椭圆和圆。“椭圆椭圆”工具的使用方法工具的使用方法如下如下
25、:(1)选择工具面板中的选择工具面板中的“椭圆椭圆”工具。工具。(2)在在“属性属性”选项卜中为选项卜中为“椭圆椭圆”工具选择线条颜色和填工具选择线条颜色和填充颜色。充颜色。(3)在舞台中单击鼠标并拖动,绘制椭圆,如在舞台中单击鼠标并拖动,绘制椭圆,如图图2-22所示。所示。选择选择“椭圆椭圆”工具后,在工具后,在“属性属性”选项卡的选项卡的“起始角度起始角度”和和“结束角度结束角度”数值框中设置不同的数值,可绘制饼图,如数值框中设置不同的数值,可绘制饼图,如图图2-23所示。在所示。在“内径内径”数值框中设置不同的数值,可绘制圆数值框中设置不同的数值,可绘制圆环,如环,如图图2-24所示。所
26、示。上一页 下一页返回任务任务2 绘图工具的应用绘图工具的应用2.2.3“多角星形多角星形”工具工具“多角星形多角星形”工具可以绘制多边形和星形。工具可以绘制多边形和星形。“多角星形多角星形”工工具的使用方法如下具的使用方法如下:(1)选择工具面板中的选择工具面板中的“多角星形多角星形”工具。工具。(2)在在“属性属性”面板中为面板中为“多角星形多角星形”工具选择线条颜色和工具选择线条颜色和填充颜色。填充颜色。(3)在舞台中单击鼠标并拖动,绘制多边形,如在舞台中单击鼠标并拖动,绘制多边形,如图图2-25图图2-27所示。所示。上一页 下一页返回任务任务2 绘图工具的应用绘图工具的应用2.2.4
27、“线条线条”工具工具“线条线条”工具可绘制各种各样的直线段。工具可绘制各种各样的直线段。“线条线条”工具的使工具的使用方法如下用方法如下:(1)选择工具面板中的选择工具面板中的“线条线条”工具。工具。(2)在在“属性属性”面板中为面板中为“线条线条”工具选择线条颜色。工具选择线条颜色。(3)在舞台中单击鼠标并拖动,绘制直线段。在舞台中单击鼠标并拖动,绘制直线段。上一页 下一页返回任务任务2 绘图工具的应用绘图工具的应用2.2.5“钢笔钢笔”工具工具使用使用“钢笔钢笔”工具绘制线条时,将创建一系列的线段与锚点。工具绘制线条时,将创建一系列的线段与锚点。线段既可以是直线段,也可以是曲线段线段既可以
28、是直线段,也可以是曲线段;锚点既可以是直线锚锚点既可以是直线锚点,也可以是曲线锚点。点,也可以是曲线锚点。利用利用“钢笔钢笔”工具绘制线条的方法如下工具绘制线条的方法如下:(1)选择工具面板中的选择工具面板中的“钢笔钢笔”工具。工具。(2)在在“属性属性”面板中为面板中为“钢笔钢笔”工具选择线条颜色。工具选择线条颜色。(3)在舞台上单击,创建第一个锚点在舞台上单击,创建第一个锚点(直线锚点直线锚点)。上一页 下一页返回任务任务2 绘图工具的应用绘图工具的应用(4)将鼠标指将鼠标指针针移动一段距离后再次进行单击,创建第移动一段距离后再次进行单击,创建第2个直个直线锚点,可得到直线段,如线锚点,可
29、得到直线段,如图图2-28所示。所示。(5)继续移动鼠标指针,然后单击鼠标并拖动,可创建曲线继续移动鼠标指针,然后单击鼠标并拖动,可创建曲线锚点,得到曲线段,如锚点,得到曲线段,如图图2-29所示。所示。(6)重复步骤重复步骤(4)和和(5)的操作,最后双击,完成线条的绘制。的操作,最后双击,完成线条的绘制。提示提示:将鼠标指将鼠标指针针移至第一个标记点上,单击即可创建闭合的移至第一个标记点上,单击即可创建闭合的线条,如线条,如图图2-30所示。所示。上一页 下一页返回任务任务2 绘图工具的应用绘图工具的应用2.2.6“填充填充”工具工具Flash提供了两种填充工具,即提供了两种填充工具,即“
30、墨水瓶墨水瓶”工具、工具、“颜料桶颜料桶”工具。利用填充工具,可改变矢量图形的填充内容。工具。利用填充工具,可改变矢量图形的填充内容。1.“墨水瓶墨水瓶”工具工具“墨水瓶墨水瓶”工具可以改变线条或者形状轮廓的笔触颜色、宽工具可以改变线条或者形状轮廓的笔触颜色、宽度和样式。度和样式。“墨水瓶墨水瓶”工具的使用方法如下工具的使用方法如下:(1)利用利用“椭圆椭圆”工具绘制圆。工具绘制圆。(2)选择工具面板中的选择工具面板中的“墨水瓶墨水瓶”工具。工具。(3)在在“属性属性”面板中选择笔触颜色。面板中选择笔触颜色。(4)在圆的边缘单击,改变笔触颜色,如在圆的边缘单击,改变笔触颜色,如图图2-31所示
31、。所示。上一页 下一页返回任务任务2 绘图工具的应用绘图工具的应用2.“颜料桶颜料桶”工具工具“颜料桶颜料桶”工具可以用颜色填充图形。工具可以用颜色填充图形。“颜料桶颜料桶”工具的使工具的使用方法如下用方法如下:(1)利用利用“矩形矩形”工具绘制矩形,如工具绘制矩形,如图图2-32所示。所示。(2)选择工具面板中的选择工具面板中的“颜料桶颜料桶”工具。工具。(3)在在“属性属性”面板中选择填充颜色。面板中选择填充颜色。(4)在矩形的封闭区域单击鼠标,改变填充颜色。在矩形的封闭区域单击鼠标,改变填充颜色。上一页 返回任务任务3 图形的编辑图形的编辑2.3.1 选择、移动和复制选择、移动和复制图形
32、的基本编辑包括图形的选择、移动、复制等操作。图形的基本编辑包括图形的选择、移动、复制等操作。1.选择图形选择图形Flash提供了两种工具用于选择图形提供了两种工具用于选择图形:“选择选择”工具和工具和“套索套索”工具。其中,工具。其中,“选择选择”工具既适用于合并绘制模式所绘制工具既适用于合并绘制模式所绘制的图形,也适用于对象绘制模式所绘制的图形的图形,也适用于对象绘制模式所绘制的图形;“套索套索”工具工具只适用于合并绘制模式所绘制的图形。只适用于合并绘制模式所绘制的图形。下一页返回任务任务3 图形的编辑图形的编辑1)“选择选择”工具工具利用利用“选择选择”工具选择图形的方法如下工具选择图形的
33、方法如下:(1)在合并绘制模式下,利用绘图工具在舞台中绘制图形,在合并绘制模式下,利用绘图工具在舞台中绘制图形,这里绘制一个矩形方块。这里绘制一个矩形方块。(2)选择工具面板中的选择工具面板中的“选择选择”工具。工具。(3)如果想要选择图形的填充内容,用鼠标在填充内容上单如果想要选择图形的填充内容,用鼠标在填充内容上单击,如击,如图图2-33所示。所示。(4)如果想要选择图形的线条,用鼠标在线条上单击,如如果想要选择图形的线条,用鼠标在线条上单击,如图图2-34所示。所示。上一页 下一页返回任务任务3 图形的编辑图形的编辑2)“套索套索”工具工具利用工具面板中的利用工具面板中的“套索套索”工具
34、,可以选择图形或者部分图工具,可以选择图形或者部分图形。需要注意的是,形。需要注意的是,“套索套索”工具只适用于合并绘制模式所工具只适用于合并绘制模式所绘制的图形。利用绘制的图形。利用“套索套索”工具选择图形的方法如下工具选择图形的方法如下:(1)利用利用“绘图绘图”工具绘制椭圆。工具绘制椭圆。(2)选择工具面板中的选择工具面板中的“套索套索”工具。工具。(3)将鼠标指针移至舞台中,单击鼠标并拖动进行选择,如将鼠标指针移至舞台中,单击鼠标并拖动进行选择,如图图2-35所示。放开鼠标,所示。放开鼠标,Flash自动闭合选区,如自动闭合选区,如图图3-36所示。所示。上一页 下一页返回任务任务3
35、图形的编辑图形的编辑2.移动图形移动图形若要移动图形,可以利用工具面板中的若要移动图形,可以利用工具面板中的“选择选择”工具。利用工具。利用“选择选择”工具移动图形的操作方法如下工具移动图形的操作方法如下:(1)在对象绘制模式下绘制图形,如在对象绘制模式下绘制图形,如图图2-37所示。所示。(2)选择工具面板中的选择工具面板中的“选择选择”工具。工具。(3)用鼠标单击图形并拖动,移到新的位置,如用鼠标单击图形并拖动,移到新的位置,如图图2-38所示。所示。上一页 下一页返回任务任务3 图形的编辑图形的编辑3.复制和粘贴图形复制和粘贴图形可以利用菜单命令来复制、粘贴图形,还可利用可以利用菜单命令
36、来复制、粘贴图形,还可利用“选择选择”工工具对图形进行复制操作。具对图形进行复制操作。1)利用菜单命令利用菜单命令复制、粘贴图形的方法如下复制、粘贴图形的方法如下:(1)选择舞台中的图形。选择舞台中的图形。(2)选择选择“编辑编辑”“复制复制”命令,复制图形。命令,复制图形。(3)选择选择“编辑编辑”“粘贴粘贴”到中心位置到中心位置”命令,粘贴图形。命令,粘贴图形。上一页 下一页返回任务任务3 图形的编辑图形的编辑2)利用利用“选择选择”工具工具复制图形的方法如下复制图形的方法如下:(1)在对象绘制模式下绘制图形。在对象绘制模式下绘制图形。(2)选择工具面板中的选择工具面板中的“选择选择”工具
37、。工具。(3)按下按下Ctrl键不放,用鼠标单击图形并拖动,移到新的位键不放,用鼠标单击图形并拖动,移到新的位置,如置,如图图2-39所示。所示。(4)释放鼠标并松开释放鼠标并松开Ctrl键,完成复制操作,如键,完成复制操作,如图图2-40所示。所示。上一页 下一页返回任务任务3 图形的编辑图形的编辑2.3.2 图形的组合图形的组合如果需要,可将图形组合在一起,作为一个整体来处理。对如果需要,可将图形组合在一起,作为一个整体来处理。对于组合后的图形,可取消其组合。组合图形的方法如下于组合后的图形,可取消其组合。组合图形的方法如下:(1)在舞台中绘制图形,并选中图形,如在舞台中绘制图形,并选中图
38、形,如图图2-41所示。所示。(2)选择选择“修改修改”“组合组合”命令,即可组合图形,如命令,即可组合图形,如图图2-42所示。所示。(3)如果要取消组合,选择组合后的图形,选择如果要取消组合,选择组合后的图形,选择“修改修改”“取取消组合消组合”命令即可。命令即可。上一页 下一页返回任务任务3 图形的编辑图形的编辑2.3.3 图形的叠放图形的叠放Flash会根据图形的创建顺序层叠对象,最先创建的图形位会根据图形的创建顺序层叠对象,最先创建的图形位于最底部,最后创建的图形位于最上面。调整图形叠放次序于最底部,最后创建的图形位于最上面。调整图形叠放次序的方法如下的方法如下:(1)在对象绘制模式
39、下绘制两个图形,并选择其中一个,如在对象绘制模式下绘制两个图形,并选择其中一个,如图图2-43所示。所示。(2)选择选择“修改修改”“排列排列”“下移一层下移一层”命令,如命令,如图图2-44所示。所示。上一页 下一页返回任务任务3 图形的编辑图形的编辑2.3.4 图形的对齐图形的对齐利用利用“对齐对齐”面板可以使所选图形水平或垂直对齐,可以使面板可以使所选图形水平或垂直对齐,可以使选定图形的右边缘、中心或左边缘垂直对齐,或者上边缘、选定图形的右边缘、中心或左边缘垂直对齐,或者上边缘、中心或下边缘水平对齐。对齐图形的方法如下中心或下边缘水平对齐。对齐图形的方法如下:(1)在对象绘制模式下绘制在
40、对象绘制模式下绘制3个图形,并全部选中,如个图形,并全部选中,如图图2-45所示。所示。(2)单击单击“窗口窗口”“对齐对齐”命令,打开命令,打开“对齐对齐”选项卜,选项卜,如如图图2-46所示。所示。(3)在在“对齐对齐”选项卜中,单击某一对齐按钮,即可按某一选项卜中,单击某一对齐按钮,即可按某一方式对齐图形,如方式对齐图形,如图图2-47所示为单击所示为单击“顶对齐顶对齐”按钮后的对按钮后的对齐效果。齐效果。上一页 下一页返回任务任务3 图形的编辑图形的编辑利用工具面板中的利用工具面板中的“任意变形任意变形”工具,可以对图形进行各种工具,可以对图形进行各种变形操作。除了变形操作。除了“任意
41、变形任意变形”工具之外,还可利用工具之外,还可利用“修改修改”“变形变形”子菜单中的命令对图形进行变形操作。子菜单中的命令对图形进行变形操作。上一页 下一页返回任务任务3 图形的编辑图形的编辑2.3.5 任意变形任意变形“任意变形任意变形”工具可对图形实现变形操作,包括缩放、旋转、工具可对图形实现变形操作,包括缩放、旋转、倾斜和扭曲。利用倾斜和扭曲。利用“任意变形任意变形”工具对图形进行变换的方法工具对图形进行变换的方法如下如下:(1)利用工具面板中的绘图工具绘制图形。利用工具面板中的绘图工具绘制图形。(2)选择工具面板中的选择工具面板中的“任意变形任意变形”工具。工具。(3)在舞台中选择图形
42、,进入任意变换状态,如在舞台中选择图形,进入任意变换状态,如图图2-48所示。所示。(4)将鼠标移至矩形的角上,单击鼠标并拖动,可进行缩放将鼠标移至矩形的角上,单击鼠标并拖动,可进行缩放操作,如操作,如图图2-49所示。所示。上一页 下一页返回任务任务3 图形的编辑图形的编辑(5)将鼠标移至矩形的角上,指针变为将鼠标移至矩形的角上,指针变为 ,单击鼠标并拖动,单击鼠标并拖动,可进行旋转操作,如可进行旋转操作,如图图2-50所示。所示。(6)当鼠标移至矩形的边上,指针变为当鼠标移至矩形的边上,指针变为 或或 ,单击鼠标并,单击鼠标并拖动,可进行倾斜操作,如拖动,可进行倾斜操作,如图图2-51所示
43、。所示。(7)按下按下Ctrl键,将鼠标移至矩形的角上,指针变为键,将鼠标移至矩形的角上,指针变为 ,单,单击鼠标并拖动,可进行扭曲操作,如击鼠标并拖动,可进行扭曲操作,如图图2-52所示。所示。(8)要结束变形操作,单击所选图形的外部即可。要结束变形操作,单击所选图形的外部即可。上一页 下一页返回任务任务3 图形的编辑图形的编辑2.3.6 翻转图形翻转图形可以沿垂直或水平轴方向翻转图形,而不改变其在舞台上的可以沿垂直或水平轴方向翻转图形,而不改变其在舞台上的相对位置。翻转图形的方法如下相对位置。翻转图形的方法如下:(1)绘制并选择图形。绘制并选择图形。(2)选择选择“修改修改”“变形变形”子
44、菜单中的子菜单中的“垂直翻转垂直翻转”命令命令或或“水平翻转水平翻转”命令,如命令,如图图2-53所示。所示。上一页 下一页返回任务任务3 图形的编辑图形的编辑2.3.7 封套命今封套命今利用利用“封套封套”命令,可灵活变形与扭曲图形。封套是一个边命令,可灵活变形与扭曲图形。封套是一个边框,更改封套的边框,将影响封套中图形的形状。利用封套框,更改封套的边框,将影响封套中图形的形状。利用封套命令变换图形的方法如下命令变换图形的方法如下:(1)绘制并选择图形,如绘制并选择图形,如图图2-54所示。所示。(2)单击单击“修改修改”“变形变形”“封套封套”命令,进入封套状命令,进入封套状态,如态,如图
45、图2-55所示。所示。(3)用鼠标拖动点和切线手柄,从而修改封套,如用鼠标拖动点和切线手柄,从而修改封套,如图图2-56所所示。示。(4)在图形外部单击鼠标,退出封套状态。在图形外部单击鼠标,退出封套状态。上一页 返回2.4 经典案例经典案例制作特效文字制作特效文字案例目标案例目标在本章的前面部分对动画及在本章的前面部分对动画及Flash动画做了简单的介绍,下动画做了简单的介绍,下面将进行一个动画实例制作。希望通过这个简单的动画案例,面将进行一个动画实例制作。希望通过这个简单的动画案例,使读者对使读者对Flash CS3的基本操作有一个感性的认识。的基本操作有一个感性的认识。案例思路案例思路(
46、1)新建文档。新建文档。(2)制作背景。制作背景。(3)制作文字。制作文字。(3)导入素材。导入素材。(4)保存影片。保存影片。创建创建图图2-57所示效果。所示效果。下一页返回2.4 经典案例经典案例制作特效文字制作特效文字案例步骤案例步骤1.创建新文件创建新文件运行运行Flash CS3,首先会显示一个初始用户界面,选择,首先会显示一个初始用户界面,选择“新新建建”“Flash文件文件(ActionScript 3.0”命令,新建一个命令,新建一个Flash文档。文档。2.制作背景制作背景(1)选择选择“修改修改”“文档文档”菜单命令,打开菜单命令,打开“文档属性文档属性”对话框,然后在对
47、话框,然后在“尺寸尺寸”对应的对应的“高高”文本框中输入文本框中输入“300像像素素”,其他属性保持默认即可,如,其他属性保持默认即可,如图图2-58所示。单击所示。单击“确定确定”按钮完成设置。按钮完成设置。上一页 下一页返回2.4 经典案例经典案例制作特效文字制作特效文字(2)在在“时间轴时间轴”面板左侧的图层名称面板左侧的图层名称“图层图层1”上双击,当上双击,当图层名称变成可编辑状态时,输入图层名称变成可编辑状态时,输入“背景背景”,将默认的,将默认的“图图层层1”重命名为背景重命名为背景”层。选择层。选择“矩形矩形”工具,在舞台上绘制工具,在舞台上绘制一个一个“矩形,效果如矩形,效果
48、如图图2-59所示。所示。(3)选择选择“选择选择”工具,双击刚才绘制的矩形,然后在工具,双击刚才绘制的矩形,然后在“属属性性”面板中设置矩形的笔触颜色为面板中设置矩形的笔触颜色为“无无”,填充类型为,填充类型为“线线性渐变性渐变”,宽高分别为,宽高分别为“288.9像素像素x 105.0像素像素”,选区,选区的的x和、坐标分别为和、坐标分别为“89.0”和和“110.0,如,如图图2-60所示。所示。(4)在在“颜色颜色”面板中,设置线性渐变的第面板中,设置线性渐变的第1个色块颜色为个色块颜色为“#FF0000(红色红色),第,第2个色块颜色为个色块颜色为#CC0000(暗红色暗红色).效果
49、如效果如图图2-61所示所示上一页 下一页返回2.4 经典案例经典案例制作特效文字制作特效文字3.输入文字输入文字(1)单击单击“新建图层新建图层”按钮,新建图层并重命名为按钮,新建图层并重命名为“文字文字”层,如层,如图图2-62所示。要确保所示。要确保“文字文字”层在层在“背景背景”层的上面。层的上面。(2)选择选择“文字文字”工具,在舞台上输入工具,在舞台上输入“Flash CS3应用基应用基础础”。(3)将文字全部选中,设置字体为将文字全部选中,设置字体为“华文隶书华文隶书”,字体大小,字体大小为为“48,填充颜色为填充颜色为“#FFFF00(黄色黄色),如,如图图2-63所示。所示。
50、(4)至此文字制作成功,其效果如至此文字制作成功,其效果如图图2-64所示。所示。上一页 返回2.5 经典案例经典案例动画背景动画背景上一案例讲解了几种绘图工具的相关知识及用法,下面通过上一案例讲解了几种绘图工具的相关知识及用法,下面通过一个综合实例进一步讲解几种工具的用法。一个综合实例进一步讲解几种工具的用法。(1)选择选择“文件文件”“新建新建”命令,打开命令,打开“新建文档新建文档,对话框,对话框,选择选择 选项,单击选项,单击“确定确定”按钮,新建按钮,新建Flash空白文档。空白文档。(2)单击工具箱中的单击工具箱中的“矩形矩形”工具按钮,在工具按钮,在“属性属性”面板中设置面板中设