《【免积分】Flash_CS5 动画制作基础 第2章_绘制图形.ppt》由会员分享,可在线阅读,更多相关《【免积分】Flash_CS5 动画制作基础 第2章_绘制图形.ppt(33页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第2 2章章 绘制图形绘制图形 绘制规则图形 绘制不规则图形 特殊绘图工具 其他辅助绘图工具 本章主要内容:2.1.1 矩形工具和基本矩形工具 2.1.2 椭圆工具和基本椭圆工具 2.1.3 多角星形工具 2.1.4 实战范例田园农舍 2.1 绘制规则图形 矩形工具和基本矩形工具主要用来绘制矩形、正方形和圆角矩矩形工具和基本矩形工具主要用来绘制矩形、正方形和圆角矩形,在完成图形的绘制后,使用形,在完成图形的绘制后,使用【属性属性】面板对绘制的图形进行设面板对绘制的图形进行设置。置。1【矩形工具矩形工具】和和【基本矩形工具基本矩形工具】简介简介在工具箱中选择在工具箱中选择【矩形工具矩形工具】,
2、将鼠标光标移动到舞台上,将鼠标光标移动到舞台上,当光标变为十字形时,拖动鼠标即可根据当光标变为十字形时,拖动鼠标即可根据【属性属性】面板的设面板的设置绘制出需要的矩形。置绘制出需要的矩形。2.1.1 矩形工具和基本矩形工具 2设置图形的位置和大小设置图形的位置和大小 在完成图形的绘制后,可以使用【属性】面板对图形的属性进行设置。在工具箱中选择【选择工具】框选绘制的图形,在【属性】面板的【位置和大小】栏中设置图形的位置以及图形的宽高。2.1.12.1.1 矩形工具和基本矩形工具 3填充和笔触填充和笔触 Flash中的每个图形都开始于一种形状,形状是由2个部分组成,填充和笔触。填充是形状里面的部分
3、,笔触就是形状的轮廓线。填充和笔触是互相独立的,可以修改或删除一个而不影响另一个部分。2.1.1 矩形工具和基本矩形工具 【椭圆工具椭圆工具】和和【基本椭圆工具基本椭圆工具】可以用来绘制椭圆形、圆可以用来绘制椭圆形、圆形和圆环,其中形和圆环,其中【椭圆工具椭圆工具】还可以用来绘制任意圆弧。这还可以用来绘制任意圆弧。这2 2个工个工具绘制图形的操作与具绘制图形的操作与【矩形工具矩形工具】和和【基本矩形工具基本矩形工具】基本相同。基本相同。2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具1 1椭圆工具椭圆工具 在工具箱中选择【椭圆工具】,在【属性】栏中对工具属性进行设置后,在舞
4、台上拖动鼠标即可绘制出需要的图形。2 2基本椭圆工具基本椭圆工具2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具 在工具箱中选择【基本椭圆工具】,在【属性】栏中根据需要设置图形属性,在舞台上拖动鼠标即可绘制需要的图形。2 2基本椭圆工具基本椭圆工具2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具 在【属性】面板的【椭圆选项】栏中设置【开始角度】和【结束角度】的值可以获得扇形。在【属性】面板的【椭圆选项】栏中设置【内径】值可以获得环形。2 2基本椭圆工具基本椭圆工具2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具 在【属性】面板的【椭圆
5、选项】栏中取消【闭合路径】复选框的勾选,则图形将不再封闭,此时可以获得弧形 在工具箱中选择【选择工具】,拖动图形上的控制柄,可以对图形的形状进行修改。,拖动图形上的控制柄,可以对图形的形状进行修改。2.1.3 多角星形工具多角星形工具 使用使用【多角星形工具多角星形工具】绘制图形的方式与前面介绍的两类绘制图形的方式与前面介绍的两类工具的绘图方式是相同的,其可以用来绘制星形图案和多边形,工具的绘图方式是相同的,其可以用来绘制星形图案和多边形,如五角星或五边形等。如五角星或五边形等。在工具箱中选择在工具箱中选择【多角星形工具多角星形工具】,在,在【属性属性】面板中对面板中对图形进行设置,在舞台上拖
6、动鼠标即可绘制需要的图形。图形进行设置,在舞台上拖动鼠标即可绘制需要的图形。2.1.3 多角星形工具多角星形工具 在在【属属性性】面面板板中中的的【工工具具设设置置】栏栏中中单单击击【选选项项】按按钮钮将将打打开开【工工具具设设置置】对对话话框框,使使用用该该对对话话框框可可以以对对【多多角角星星形形工工具具】进行设置。进行设置。2.1.4 实战范例实战范例田园农舍田园农舍1范例简介范例简介 本范例介绍绘制一幅炊烟升起的田园农舍剪影画的过程。在范例的制作过程中,使用【椭圆工具】、【矩形工具】和【多角星形工具】等工具来绘制图形,通过【属性】面板对图形的大小和位置等属性进行设置。同时,通过范例的制
7、作读者还将能够掌握图形的移动和复制的操作方法。2制作步骤制作步骤 略。请参看教材或者观看配盘上的视频教程。2.2 绘制不规则图形绘制不规则图形 在使用Flash制作动画时,经常需要绘制不规则图形。在Flash CS5中,绘制不规则图形可以使用【线条工具】、【铅笔工具】和【钢笔工具】。2.2.1 2.2.1 线条工具线条工具 2.2.2 铅笔工具铅笔工具2.2.3 钢笔工具钢笔工具 2.2.4 实战范例实战范例卡通狮子卡通狮子2.2.1 线条工具线条工具 线条是构成矢量图形的基本要素,在线条是构成矢量图形的基本要素,在Flash CS5中,可以使中,可以使用用【线条工具线条工具】来绘制各种长度和
8、角度的直线。同时,将绘制来绘制各种长度和角度的直线。同时,将绘制的多条直线连接,可以构成各种多边形。的多条直线连接,可以构成各种多边形。1绘制线条绘制线条2设置笔触样式设置笔触样式3线条的端点线条的端点4线条的接合线条的接合5选项栏工具选项栏工具2.2.2 铅笔工具铅笔工具 在Flash中,可以使用【铅笔工具】来绘制不规则的曲线和直线。【铅笔工具】的使用方法很简单,在工具箱中选择【铅笔工具】,在【属性】面板中对工具进行设置。这里,【属性】面板的设置与【线条工具】的设置基本一致。在完成绘制后,同样可以在【属性】面板中对笔触的颜色、高度、样式和端点等进行调整。三种铅笔模式:1伸直伸直2平滑平滑3墨
9、水墨水2.2.3 钢笔工具钢笔工具 在Flash中,【钢笔工具】可以精确地绘制出平滑精致的直线和曲线。对于绘制完成的曲线,通过对锚点的操作可以方便地调整曲线的形状。1绘制直线和曲线绘制直线和曲线2添加和删除锚点添加和删除锚点3转换锚点转换锚点1范例简介范例简介 本范例介绍卡通狮子线稿的绘制方法。在范例在制作过程中,本范例介绍卡通狮子线稿的绘制方法。在范例在制作过程中,使用使用【钢笔工具钢笔工具】、【线条工具线条工具】和和【铅笔工具铅笔工具】来勾绘图形轮来勾绘图形轮廓,使用廓,使用【转换锚点工具转换锚点工具】转换锚点类型,并调整弧线的形状。转换锚点类型,并调整弧线的形状。通过本范例的制作,读者将
10、能够掌握在通过本范例的制作,读者将能够掌握在Flash中使用各种工具绘制中使用各种工具绘制复杂形状图形的方法和技巧。复杂形状图形的方法和技巧。2.2.4 实战范例实战范例卡通狮子卡通狮子2制作步骤制作步骤 略。请参看教材或者观看配盘上的视频教程。2.3 特殊绘图工具特殊绘图工具 在Flash CS5中除了绘制图形和线条的工具之外,还有一些特殊的绘图工具,如【刷子工具】、【喷涂刷工具】和【Deco工具】,使用这些工具能够完成一些特殊效果的绘制 2.3.2 喷涂刷工具喷涂刷工具2.3.3 Deco工具工具2.3.1 刷子工具刷子工具2.3.4 实战范例实战范例月夜月夜2.3.1 刷子工具刷子工具
11、在Flash CS5中,【刷子工具】可以绘制任意形状的色块,同时使用该工具还可以创建一些特殊的图形效果。在工具箱中选择【刷子工具】,在【属性】面板中对工具的属性进行设置,这里除了可以设置笔触、填充以及端点和接合方式之外,还可以对绘制线条的平滑度进行设置,完成设置后在舞台上拖曳鼠标即可绘制出需要的图形。刷子模式:1标准绘画模式标准绘画模式2颜料填充模式颜料填充模式3后面绘画模式后面绘画模式4颜料选择模式颜料选择模式5内部绘画模式内部绘画模式2.3.2 喷涂刷工具喷涂刷工具 【喷涂刷工具】类似于一个粒子喷射器,使用它可以将图案喷涂在舞台上。在默认情况下,工具将使用当前选定的填充颜色来喷射粒子点。同
12、时,该工具也可以将按钮元件、影片剪辑和图形元件作为笔刷效果来进行喷涂 2.3.3 Deco工具工具 【Deco工具】是一个装饰性绘画工具,用于创建复杂几何图案或高级动画效果。工具提供了【藤蔓式填充】、【网格填充】和【对称刷子】等多种模式,并内置了默认的图案外供用户选择使用。同时,用户也可以使用图形形状或对象来创建更为复杂的图案,并轻松获得动画效果。4个典型的效果:1藤蔓式填充方式藤蔓式填充方式2网格填充方式网格填充方式3对称刷子对称刷子4火焰动画效果火焰动画效果2.3.4 实战范例实战范例月夜月夜1范例简介范例简介 本范例介绍一幅浪漫的剪影画的制作过程。在本范例的制作过程中,使用【刷子工具】绘
13、制舞台上的树干,使用【喷涂刷工具】喷涂舞台上的飞鸟、繁星和地上的草,使用【Deco工具】绘制树的树枝。通过本范例的制作,读者将能够掌握使用【喷涂刷工具】喷涂默认图形和外部素材图片的方法,掌握使用【Deco工具】的【树刷子】模式绘制树木的操作技巧。同时,读者还可以通过本范例掌握在Flash作品中导入各种外部图片素材的操作方法。2制作步骤制作步骤 略。请参看教材或者观看配盘上的视频教程 2.4 其他辅助绘图工具其他辅助绘图工具2.4.2 擦除对象擦除对象2.4.3 查看对象查看对象2.4.4 实战范例实战范例雨伞雨伞 在绘制图形时,有时需要使用一些辅助绘图工具来帮助图形的绘制,如,调整绘制图形的形
14、状、去除不需要的图形或查看舞台上绘制图形的细部。2.4.1 选取对象选取对象 在在Flash CS5中中,用用于于进进行行对对象象选选取取的的工工具具有有3个个,它它们们分分别别是是【选择工具选择工具】、【部分选取工具部分选取工具】和和【套索工具套索工具】。2.4.1 选取对象选取对象1.选择工具选择工具2部分选取工具部分选取工具3套索工具套索工具2.4.2 擦除对象擦除对象 在Flash CS5中,使用【橡皮擦工具】能够擦除舞台上对象的填充和轮廓。在工具箱中选择【橡皮擦工具】,在工具箱的选项栏中选择擦除模式和橡皮擦外形。1标准擦除模式标准擦除模式2擦除填色擦除填色3擦除线条擦除线条4擦除所有
15、填充擦除所有填充5内部擦除内部擦除2.4.3 查看对象查看对象 Flash CS5提供了【缩放工具】和【手形工具】来帮助设计师更好地查看舞台上的图形对象。1手形工具手形工具 在舞台上进行图形绘制和编辑时,有时需要移动舞台以便更好地查看舞台上的特定图形,此时可以使用【手形工具】在工具箱中选择【手形工具】,按住鼠标左键移动鼠标可以拖动舞台画面,这样即可方便地查看到需要的图形。2缩放工具缩放工具 在绘制图形时,有时需要放大舞台画面查看图形的细节,而当需要了解整个舞台或某个对象的结构时,又需要缩小舞台,这类舞台画面的缩放操作可以通过使用【缩放工具】来实现。在工具箱中选择【缩放工具】,在工具箱的选项栏中
16、单击【放 大】按钮 ,在舞台上单机即可增加舞台画面的显示比例。使用该工具在舞台上的图形上框选一个区域,则将能够将该区域放大。2.4.4 实战范例实战范例雨伞雨伞1范例简介范例简介 本范例介绍雨伞和滴落雨伞上的雨滴的绘制。本范例使用【多角星形工具】、【钢笔工具】和【椭圆形工具】来绘制基本图形,使用【选择工具】和【部分选取工具】来对图形的形状进行修改。通过本范例的制作,读者将掌握使用【选择工具】和【部分选取工具】来对图形形状进行修改的方法,同时掌握不使用对象旋转和缩放命令,使用【选择工具】和【部分选取工具】实现对象倾斜放置的技巧。2制作步骤制作步骤 略。请参看教材或者观看配盘上的视频教程。图图形形
17、绘绘制制是是Flash CS5动动画画制制作作的的基基础础,本本章章介介绍绍了了在在Flash中中绘绘制制规规则则图图形形和和不不规规则则图图形形的的方方法法、在在舞舞台台上上喷喷涂涂各各种种特特殊殊图图形形的的技技巧巧以以及及Flash提提供供的的辅辅助助绘绘图图工工具具的的使使用用方方法法。通通过过本本章章的的学学习习,读读者者将将掌掌握握【铅铅笔笔工工具具】、【钢钢笔笔工工具具】、【刷刷子子工工具具】、【喷喷涂涂刷刷工工具具】、【Deco工工具具】和和制制规规则则图图形形工工具具的的使使用用方方法法,能够灵活应用这些工具绘制各种图形。能够灵活应用这些工具绘制各种图形。2.5 本章小结本章
18、小结2.6 本章练习本章练习一、选择题一、选择题(1)在使用【矩形工具】绘制图形式,要绘制正方形,可以按哪个键拖动鼠标?()A【Ctrl】B【Alt】C【Shift】D.【Ctrl+Shift】(2)在使用【铅笔工具】绘制图形时,要使Flash对绘制的线条不作任何处理,应该使用下面哪种模式?()A.【对象绘制】B.【伸直】C【平滑】D.【墨水】(3)在使用【刷子工具】时,要获得下图的绘图效果,应该使用哪种模式?()A【标准绘画】B.【颜料填充】C【后面绘画】D.【颜料选择】2.6 本章练习本章练习(4)下面哪个工具是【Deco】工具?()A B C D.二、填空题二、填空题1在Flash中,绘
19、制矩形可以使用的工具是 或 ,绘制椭圆可以使用的工具是 或 。2在绘制图形后,使用 工具可以将尖角点转换为曲线点,要删除锚点可以使用 ,在选择锚点后按 键或 键同样可以删除该锚点。3在【喷涂刷工具】的【属性】面板中,勾选【旋转元件】复选框,则在喷涂时将围绕 旋转喷涂粒子;勾选【随机旋转】复选框,则在喷涂时喷涂粒子将按 放置到舞台上;【画笔角度】用于设置粒子 。4在使用【橡皮擦工具】时,在 模式下将只擦除填充色,在 模式下将擦除选择区域中的填充色,在 模式下将只会擦除轮廓线。2.7 上机练习和指导上机练习和指导2.7.1 绘制卡通鱼绘制卡通鱼2.7.2 绘制足球绘制足球2.7.1 绘制卡通鱼绘制
20、卡通鱼绘制卡通鱼,绘制完成后的效果,主要操作步骤指导:(1)使用【椭圆工具】分别绘制鱼的身体和嘴唇,使用【选择工具】对绘制的椭圆进行修改,获得需要的鱼身体和嘴唇效果。(2)使用【椭圆工具】绘制5个椭圆,使用【添加锚点工具】添加锚点,使用【部分选取工具】选择锚点并对锚点进行调整获得鱼鳍和鱼尾。(3)使用【钢笔工具】绘制鱼身上的鱼鳞和鱼鳍鱼尾上的条纹。(4)使用【椭圆工具】绘制鱼的眼睛。2.7.2 绘制足球绘制足球绘制一个足球 主要操作步骤指导:(1)使用【椭圆工具】绘制一个圆形。(2)使用【多角星形工具】绘制黑色的五边形,将五边形复制5个。使用【选择工具】将五边形放置到圆中合适的位置,同时对它们的边调整为弧线,拖动顶点调整它们的大小。(3)使用【钢笔工具】绘制线条连接各个多边形的顶点,同时对线条的形状进行调整。