(中职)计算机动画设计——Flash CS32教学课件.ppt
《(中职)计算机动画设计——Flash CS32教学课件.ppt》由会员分享,可在线阅读,更多相关《(中职)计算机动画设计——Flash CS32教学课件.ppt(126页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
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所示。所
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 中职计算机动画设计Flash CS32教学课件 计算机 动画设计 Flash CS32 教学 课件
限制150内