flash绘制矢量图形分析课件.ppt

上传人(卖家):三亚风情 文档编号:3008179 上传时间:2022-06-21 格式:PPT 页数:95 大小:4.39MB
下载 相关 举报
flash绘制矢量图形分析课件.ppt_第1页
第1页 / 共95页
flash绘制矢量图形分析课件.ppt_第2页
第2页 / 共95页
flash绘制矢量图形分析课件.ppt_第3页
第3页 / 共95页
flash绘制矢量图形分析课件.ppt_第4页
第4页 / 共95页
flash绘制矢量图形分析课件.ppt_第5页
第5页 / 共95页
点击查看更多>>
资源描述

1、Flash cs5 二维动画制作案例教程模块二 矢量图形绘制模块二 矢量图形绘制案例2 美丽的草原绘制基本图形2.1矢量图与位图2.2线条工具2.3矩形工具组2.4任意变形工具案例3 满塘荷叶3D 刷子效果案例4 绘制卡通女孩图形选择与修饰2.5铅笔工具和刷子工具模块二 矢量图形绘制2.6选择工具和部分选取工具2.7钢笔工具2.8套索工具案例5 甲壳虫对图形进行着色2.9 滴管工具2.10 墨水瓶工具2.11颜料桶工具2.12橡皮擦工具案例2 美丽的草原绘制基本图形案例描述:使用基本的绘图工具,绘制如图2-1所示的美丽的草原效果。 图2-1“美丽的草原”图形效果案例分析:通过使用工具箱中的矩形

2、工具组、线条工具、任意变形工具及颜料桶工具等,完成复杂图形绘制的效果。该案例主要练习草地、白云、城堡、大树等图形对象的绘制,以及在舞台上分布的技巧。案例2 美丽的草原绘制基本图形操作步骤:1.新建FLASH文档,按Ctrl+S打开“另存为”对话框,选择保存路径,输入文件名“美丽的草原”,然后单击“确定”,回到工作区。2.执行菜单“修改文档”命令,打开“文档属性”对话框,把背景颜色修改为浅蓝色:#00CCCC。3.绘制草地。单击“插入新建元件”命令,新建一个元件,命名为“草地”,类型选择“图形”,新建一个图层,命名为“草皮”, 选择“椭圆工具”,设置笔触颜色为无,在“填充颜色”对话框中设置填充色

3、为绿色:#00B80B,画一个大椭圆,如图2-2所示;再使用“选择工具”选择椭圆的下半部,按“Delete”删除;再使用“部分选取工具”选择剩余的部分,适当的调整几个锚点来改变形状,如图2-2所示。案例2 美丽的草原绘制基本图形4.绘制羊群。新建一个图层,命名为“羊群”, 选择“刷子工具”,设置刷子大小为较小,随意画部分不规则的小白点来制作羊群,如图2-3所示。 图2-3羊群效果图5.用同样的操作方法再绘制一个形状如2-4所示的草地,颜色为:#87D93C。 图2-4草地效果图案例2 美丽的草原绘制基本图形6.绘制城堡。新建一个图形元件,命名为“城堡”,选择“多角星形工具” ,单击属性面板上“

4、选项”按钮,设置多边形的边数为3,如图2-5所示;单击“笔触颜色”按钮,在该面板上单击按钮,表示设置笔触颜色为无,如图2-6所示。设置填充颜色为:F09A3C。 图2-5多角星形工具对话框 图2-6填充颜色对话框案例2 美丽的草原绘制基本图形7.设置完毕后,绘制一个三角形,作为屋顶,再用“矩形工具”绘制一个长方形,填充颜色为:#F86D78,作为房身,然后使用“选择工具”,对两个图形调整修改成图2-7所示的城堡外形。选择“线条工具”在房身上画出如图2-7所示的形状。 图2-7城堡外形案例2 美丽的草原绘制基本图形8.绘制白云。新建一个图形元件,命名为“白云”。选择“椭圆工具”,设置笔触颜色为无

5、,在“填充颜色”对话框中设置填充色为白色,画一些大小不同的相交的圆或者椭圆,如图2-8所示,外形画成白云的形状。案例2 美丽的草原绘制基本图形9.用上面同样的操作方法再绘制一个白云。新建一个元件,命名为“白云1”,使用“椭圆工具”、“选择工具”,“颜料桶工具”等绘制如图2-9所示白云效果。填充颜色的类形设置为“线型渐变”,填充颜色变白色渐变到透明,如图2-10所示。 图2-9白云效果 图2-10 “线型渐变”对话框案例2 美丽的草原绘制基本图形10.绘制树。新建一个元件,命名为“大树”, 选择“铅笔工具”,设置笔触颜色为黑色,画一个如图2-11所示的树冠;使用“线条工具”绘制大树树干的轮廓。选

6、择“颜料桶工具”,使用填充色:#009900,把树冠部分填充为绿色,把树干部分填充为深红色:#660000,最终生成如图2-11所示的大树效果。最后用“选择工具”选取大树的轮廓后删除。 图2-11 大树效果图案例2 美丽的草原绘制基本图形11.当所有对象绘制完成后,打开库面板把各个元件根据作品需要调整它们至舞台上合适的位置,并根据需要调整大小。调整图层的显示顺序如图2-12所示。图2-12图层顺序12.按Ctrl+S保存文件,然后按Ctrl+Enter测试影片,播放效果如图2-1所示。 2.1矢量图与位图矢量图与位图是Flash中非常重要的两个概念。Flash创建的几何形体都是用矢量图来表现的

7、,包括线条、椭圆、矩形与多边形等。1.位图位图,也叫光栅图、点阵图 ,是由很多个像小方块一样的颜色网格(即像素)组成的图像。位图具有固定的分辨率,也就是说位图按照原始的大小来显示或打印效果最好,扩大或缩小都会造成图形失真。位图图像放大到一定的倍数后,看到的便是一个一个方形的色块,整体图像也会变得模糊、粗糙,且会产生锯齿。2.矢量图矢量图,又称向量图,是一种抽象化的图形,是对图像依据某个标准进行分析而产生的结果,它不直接描述图像上的每一个点,而是描述产生这些点的过程和方法。将矢量图放大后,图形仍能保持原来的清晰度,且色彩不失真。有关位图与矢量图的转换在第三章会有祥细的讲解。2.2线条工具线条工具

8、用于绘制直线。用鼠标单击工具箱中的“线条工具”按钮或按“N”键,可调出该工具。1.设置线条工具属性设置线条工具属性选择“线条工具”后,在“属性”面板中可以设置线条的颜色、大小、笔触样式以及端点和接合样式等,如图2-13所示。 “线条工具”属性面板的设置选项含义如下:笔触颜色:设置笔触的颜色。注:无法为线条工具设置填充属性。“笔触提示”复选框:启用笔触提示,可以调整直线控制点和曲线控制点,防止出现模糊的垂直或水平线。“端点”选项:设定路径终点的样式,有“无”、“圆角”和“方型”三种选项。 “缩放”:决定对象在被缩放的时侯线条的缩放状态。选项有“一般”、“水平”、“垂直”和“无”,以此来决定线条随

9、着哪个方向上的缩放比例进行缩放。“接合”选项:定义两个路径片段的相接方式,可以是“尖角”、“圆角”或“斜角”。“尖角”:该值可用于进行尖角限制。超过这个值的线条部分将被切成方型,而不形成尖角。2.2线条工具选择笔触样式:单击笔触样式列表框旁边的箭头,然后从弹出的列表中选择合适的笔触类型。单击“工具”面板的“选项”部分中的“对象绘制”按钮,以选择合并绘制模式或对象绘制模式。按下“对象绘制”按钮时,线条工具处于对象绘制模式。Flash中有六种笔触样式,单击“属性”面板中的“自定义”按钮,可以打开笔触样式的类型,对其分别进行设置,如图2-14所示。 图2-13“线性工具”属性面板 图2-14笔触样式

10、面板2.2线条工具2.线条工具的操作方法线条工具的操作方法使用方法是:将鼠标移动到舞台上,接着按住鼠标左键并拖动,最后松开鼠标,一条直线就绘制好了。若在绘制进程中按住Shift键,可将直线的方向锁定在45的倍角方向上。在使用线条工具时,常选择不同的笔触类型,来绘制出各式各样的线条,如图2-15所示的图形就是使用“线条工具”绘制的。 图2-15通过线条工具绘制的图形2.3矩形工具组 在工具箱中单击矩形工具组并按住鼠标不放,便会弹出下拉工具列表。该工具组包含了5个常用工具,分别为“矩形工具”、“椭圆工具” 、“基本矩形工具”、“基本椭圆工具”和“多角星形工具”。这些工具主要用于绘制一些基本几何图形

11、,如圆形、长方形、扇形、星形和多边形等。2.3矩形工具组矩形工具矩形工具矩形工具用于绘制矩形、正方形等图形。在工具箱中选择“矩形工具”或按“R”键,即可调用该工具。(1)设置矩形工具属性打开“矩形工具”的属性面板,如图2-16所示。在矩形工具属性面板中,笔触颜色、笔触高度、笔触样式、端点、结合等参数跟线条工具属性面板中的相应选项含义是相同的,面板下方的矩形边角半径参数常用于绘制圆角矩形。(2)矩形工具的操作方法绘制矩形使用方法是:选定矩形工具后,将鼠标指针置于舞台中,就会变为十字形状,单击并拖动鼠标即可从单击处为起点绘制一个矩形。绘制正方形使用矩形工具绘制时,按住Shift键不放可以绘制正方形

12、;按住Alt键不放,可以以单击处为中心进行绘制;若同时按下Shift+Alt组合键,则可以单击处为中心绘制正方形。2.3矩形工具组绘制圆角矩形可以在矩形工具属性面板中对“矩形边角半径”等参数进行相关设置,以绘制出圆角矩形等需要的图形,如图2-17所示的图形就是在不同的矩形边角半径下做出的。需要注意的是:要想使用矩形工具绘制圆角矩形,必须在绘制之前进行圆角的设置。若要在使用基本矩形工具拖动时更改角半径,请按向上箭头键或向下箭头键。当圆角达到所需圆度时,松开键。 图2-16矩形工具属性面板 图2-17不同矩形边角半径绘制的图形效果2.3矩形工具组2.基本矩形工具基本矩形工具基本矩形工具常用于绘制圆

13、角矩形。在矩形工具组的下拉工具列表中选择“基本矩形工具”或按“R”键,即可调用该工具。多次按“R”键可以在“矩形工具”和“基本矩形工具”之间进行切换。基本矩形工具的属性面板与矩形工具的相同,各个参数的含义也一样,可参照图2-27所示的矩形工具属性面板进行学习。使用“基本矩形工具”绘制矩形的方法和“矩形工具”相同,只是在绘制完毕后矩形的四个角上会出现四个圆形的控制点,使用“选择工具”拖动控制点可以调整矩形的圆角半径。2.3矩形工具组3.椭圆工具椭圆工具椭圆工具用于绘制椭圆、正圆等图形。在矩形工具组的下拉工具列表中选择“椭圆工具”或按“O”键,即可调用该工具。(1)设置椭圆工具属性“椭圆工具”对应

14、的属性面板和“矩形工具”类似,选择椭圆工具后可在属性面板中进行相关设置,包括起始角度、结束角度、内径及闭合路径等参数,如图2-18所示。 “椭圆工具”属性面板设置选项的含义如下:起始角度:表示椭圆开始的角度,常用于绘制扇形。结束角度:表示椭圆结束的角度,常用于绘制扇形。内径:表示绘制的椭圆内径,常用于绘制圆环。闭合路径:在设定了起始角度与结束角度后,当前面的复选框勾选时,绘制的是闭合的路径图形,反之绘制曲线条。2.3矩形工具组(2)椭圆工具的操作方法绘制基本椭圆绘制椭圆的方法和绘制矩形的方法类似,选择“椭圆工具”后,将鼠标指针移至舞台,单击左键并拖动鼠标即可绘制出一个椭圆。绘制正圆若在绘制时按

15、住Shift键不放,可以绘制出一个正圆;若绘制时按住Alt键不放,则可以单击处为圆心进行绘制;若绘制同时按住Alt+Shift组合键不放,则可以单击处为圆心绘制正圆。2.3矩形工具组绘制扇形、圆环在绘制椭圆时,如果我们设定了起始角度与结束角度值,可以绘制扇形效果;如果设定了内径值,可以绘制圆环效果,如图2-19所示。 图2-18椭圆工具属性面板 图2-19椭圆工具绘制的各类图形2.3矩形工具组4.基本椭圆工具基本椭圆工具基本椭圆工具常用于绘制扇形、圆环等。在矩形工具组的下拉工具列表中选择“基本椭圆工具”或按“O”键, 即可调用该工具。多次按“O”键可以在“椭圆工具”和“基本椭圆工具”之间进行切

16、换。基本椭圆工具的属性面板与椭圆工具的相同,各个参数的含义也一样,可参照图2-18所示的椭圆工具属性面板进行学习。使用“基本椭圆工具”绘制椭圆的方法和“椭圆工具”相同,只是在绘制完毕后,椭圆上多出四个圆形的控制点,使用“选择工具”拖动控制点可以对椭圆的起始角度、结束角度和内径分别进行调整。2.3矩形工具组5.多角星形工具多角星形工具 “多角星形工具”用来绘制规则的多边形和星形。在矩形工具组的下拉工具列表中选择“多角星形工具”,即可调用该工具。(1)设置多角星形工具属性打开“多角星形工具”的属性面板,与“线性工具”的属性面板相似,如图2-20所示。在使用该工具前,需要对其属性进行相关设置,以绘制

17、出需要的形状。2.3矩形工具组绘制多边形下面通过绘制一个八边形为例来说明使用“多角星形工具”绘制多边形的操作方法。操作步骤:在工具箱中选择“多角星形工具”,打开“属性”面板,设置“笔触颜色”为黑色,“笔触高度”为2;单击“填充颜色”按钮,在弹出的调色板中单击“没有颜色”按钮,如图2-21所示。 图2-20多角星形工具属性面板 图2-21设定填充色为“没有颜色”2.3矩形工具组单击“选项”按钮,弹出“工具设置”对话框,在“样式”下拉列表框中选择“多边形”选项,在“边数”数值框中输入8,单击“确定”按钮,如图2-22所示。将鼠标指针移至舞台中,鼠标指针变为十字形状,单击左键并拖动可绘制出一个规则的

18、八边形,如图2-23所示。 图2-22工具设置对话框 图2-23八边形2.3矩形工具组绘制星形绘制星形的方法与绘制多边形是一致的,不同的是在绘制星形前应在“工具设置”对话框中的“样式”下拉列框中选择“星形”,如图2-24所示。需要注意的是:在“工具设置”对话框中,“星形顶点大小”的取值范围为01,值越大顶点的角度就越大。当输入的值超过其取值范围时,系统自动会以0或1来取代超出的数值。如图2-25所示的的五角星就是在“星形顶点大小”的值分别是0、0.5、1时绘制出来的。 图2-24工具设置对话框 图2-25五角星2.4任意变形工具 使用“任意变形工具”可以对选择的一个或多个对象进行各种变形操作,

19、如旋转、缩放、倾斜、扭曲和封套等。单击工具箱中的“任意变形工具”或按“Q”键,可调用该工具。1.任意变形工具功能按钮任意变形工具功能按钮“任意变形工具”选项区中有四个按钮,如图2-26所示。图2-26“任意变形工具”功能按钮“旋转与倾斜”按钮:单击该按钮只能对图形进行旋转和倾斜操作,在进行倾斜操作时,鼠标指针应位于控制点上,而非控制线上。“扭曲”按钮:单击该按钮后,只能对图形进行扭曲操作,用来增强图形的透视效果。“缩放”按钮:单击该按钮后,只能对图形进行缩放操作。将鼠标指针移至四角的控制点上,当其变为双向箭头时按住鼠标左键并拖动鼠标,可以等比例缩放图形。“封套”按钮:单击该按钮后,图形四周出现

20、许多控制点,用于对图形进行复杂的变形操作。2.4任意变形工具 2.任意变形工具的操作方法任意变形工具的操作方法在使用任意变形工具时有两种选择模式:一是先选择对象,然后再选择工具箱里的“任意变形工具”变形;另一种是先选取工具箱中的任意变形工具,然后再选择对象进行变形,使用时根据实际需要进行操作。使用任意变形工具操作时,可灵活使用选项区中的功能按钮,实现对应的变形效果。(1)“旋转与倾斜”及“缩放”命令可以对所有的图形对象来操作,变形效果如图2-27所示。 图2-27缩放、旋转、倾斜效果2.4任意变形工具 (2)“扭曲”与“封套”命令只能针对矢量图形进行操作,变形效果如图2-28所示。 图2-28

21、扭曲与封套效果需要说明的是:“任意变形”工具不能变形元件、位图、视频对象、声音、渐变或文本。 如果多项选区包含以上任意一项,则只能扭曲形状对象。要将文本块变形,首先要将字符转换成形状对象。对物体进行变形操作,除了可以使用变形工具外,还可以使用变形面板进行,将在第三章节对该面板做详细介绍。2.4任意变形工具Deco工具基本工作流程为:从工具栏中选择Deco工具,然后单击舞台开始绘制图案。并且对选项稍作更改,即可快速创建自定图案。选中 Deco 工具时,可以通过“绘制效果”下拉菜单从十三种效果中作出选择:藤蔓式填充、网格填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、火焰刷子、花刷子、

22、闪电刷子、烟动画、树刷子。如图2-29所示。 图2-29绘制效果2.4任意变形工具1.藤蔓式填充效果藤蔓式填充效果要使用藤蔓式填充,请选择 Deco 工具,然后“绘制效果”下拉菜单的弹出菜单中选择“藤蔓式填充”效果。单击拾色器, 为树叶和花选择一种颜色,然后单击舞台任意位置。将使用藤蔓图案填充您单击的区域,直至延伸到边界如图2-30所示。单击舞台中的某个形状只会填充一个藤蔓图案。2.4任意变形工具使用自定元件和高级选项:使用自定元件和高级选项:Deco 工具最出色的功能是可以为每个工具绘制的默认形状交换库中的自定元件。各个工具的高级选项允许您进一步定义每个图案的绘制方式。如图2-30所示中自定

23、义树叶填充效果。 图2-30默认的藤蔓式填充及自定义树叶填充效果2.4任意变形工具2.网格填充效果网格填充效果使用网格填充效果,可以用库中的元件填充舞台、元件或封闭区域。将网格填充绘制到舞台后,如果移动填充元件或调整其大小,则网格填充将随之移动或调整大小。使用网格填充效果可创建棋盘图案、平铺背景或用自定义图案填充的区域或形状。对称效果的默认元件是 25 x 25 像素、无笔触的黑色矩形形状。具体属性如图2-31所示。2.4任意变形工具为网格填充选择布局有三种:平铺模式以简单的网格模式排列元件,砖形模式以水平偏移网格模式排列元件,楼层模式以水平和垂直偏移网格模式排列元件。要使填充与包含的元件、形

24、状或舞台的边缘重叠,请选择“ 为边缘涂色” 选项。要允许元件在网格内随机分布,请选择“ 随机顺序” 选项。可以指定填充形状的水平间距、垂直间距和缩放比例。应用网格填充效果后,将无法更改属性检查器中的高级选项以改变填充图案。单击舞台,或者在要显示网格填充图案的形状或元件内单击。 图2-31网格填充属性2.4任意变形工具3.对称刷子效果对称刷子效果使用对称刷子效果,可以围绕中心点对称排列元件。在舞台上绘制元件时,将显示一组手柄。可以使用手柄通过增加元件数、添加对称内容或者编辑和修改效果的方式来控制对称效果。使用对称刷子效果可以创建圆形用户界面元素(如模拟钟面或刻度盘仪表)和旋涡图案。对称刷子效果的

25、默认元件是 25 x 25像素、无笔触的黑色矩形形状。具体属性如图2-32所示。旋转围绕您指定的固定点旋转对称中的形状。默认参考点是对称的中心点。若要围绕对象的中心点旋转对象,请按圆形运动进行拖动。跨线反射跨您指定的不可见线条等距离翻转形状。跨点反射围绕您指定的固定点等距离放置两个形状。网格平移使用按对称效果绘制的形状创建网格。每次在舞台上单击 Deco 绘画工具都会创建形状网格。使用由对称刷子手柄定义的 x 和 y 坐标调整这些形状的高度和宽度。测试冲突不管您如何增加对称效果内的实例数,可防止绘制的对称效果中的形状相互冲突。取消选择此选项后,会将对称效果中的形状重叠。2.4任意变形工具 图2

26、-32对称刷子属性2.4任意变形工具4.3D 刷子效果刷子效果通过 3D 刷子效果,您可以在舞台上对某个元件的多个实例涂色,使其具有 3D 透视效果。Flash 通过在舞台顶部(背景)附近缩小元件,并在舞台底部(前景)附近放大元件来创建 3D 透视。接近舞台底部绘制的元件位于接近舞台顶部的元件之上,不管它们的绘制顺序如何。您可以在绘制图案中包括 1 到 4 个元件。舞台上显示的每个元件实例都位于其自己的组中。您可以直接在舞台上或者形状或元件内部涂色。如果在形状内部首先单击 3D 刷,则 3D 刷仅在形状内部处于活动状态。具体属性如图2-33所示。3D 刷效果包含下列属性:最大对象数:要涂色的对

27、象的最大数目。喷涂区域与对:实例涂色的光标的最大距离。透视:这会切换3D效果。要为大小一致的实例涂色,请取消选中此选项。距离缩放:此属性确定 3D 透视效果的量。增加此值会增加由向上或向下移动光标而引起的缩放。案例3 满塘荷叶3D 刷子效果使用工具箱中的相关工具,绘制如图2-33所示的满塘荷叶效果。图2-33的满塘荷叶效果案例分析通过使用工具箱中的铅笔工具、椭圆工具、选择工具及Deco工具等,完成复杂图形绘制的效果。该案例主要练习简单图形对象的绘制,以及Deco工具中3D刷子工具的技巧。案例3 满塘荷叶3D 刷子效果操作步骤1.新建FLASH文档,按Ctrl+S打开“另存为”对话框,选择保存路

28、径,输入文件名“满塘荷叶”,然后单击“确定”,回到工作区。2. 单击“插入新建元件”命令,新建一个元件,命名为“荷叶”,类型选择“图形”, 选择“椭圆工具”,设置笔触颜色为黑色,在“填充颜色”对话框中设置填充色为绿色:#00B80B,画一个大椭圆,如图2-34所示。3.选择“铅笔工具”,设定笔触颜色为:#00B80B,笔触大小为2,绘制荷叶柄;再设定笔触颜色为黑色,笔触大小为1,绘制叶脉如图2-34所示。案例3 满塘荷叶3D 刷子效果4回到场景1,选择“Deco工具”,如图2-35所示,在“绘制效果”中选择“3D刷子”,单击对象1后面的“编辑”按钮,打开选择元件对话框,选择荷叶元件;然后把“对

29、象2”、“对象3”、“对象4”前面的选择取消,最后点击“确定”按钮回到主界面。 图2-34荷叶效果 图2-35选择对象1的元件5用“3D刷子”在编辑区按下鼠标左键,从上到下绘制就可以达到如图2-33所示的满塘荷叶效果。越在上面的因为有透视的效果就越小,而下面的最大。当然也可以在一开始改变“3D刷子”的部分参数来达到不同的效果。案例3 满塘荷叶3D 刷子效果5.建筑物刷子效果建筑物刷子效果借助建筑物刷子效果,您可以在舞台上绘制建筑物。建筑物的外观取决于为建筑物属性选择的值。从您希望作为建筑物底部的位置开始,垂直向上拖动光标,直到您希望完成的建筑物所具有的高度。建筑物刷子效果包含下列属性:如图2-

30、36所示。建筑物类型:要创建的建筑样式。建筑物大小:建筑物的宽度,值越大,创建的建筑物越宽。 图2-36建筑物刷子属性及效果案例3 满塘荷叶3D 刷子效果6.花刷子效果花刷子效果借助花刷子效果,您可以在时间轴的当前帧中绘制程式化的花。花刷子效果包含下列属性:如图2-37所示。花色:花的颜色。花大小:花的宽度和高度。值越高,创建的花越大。树叶颜色:叶子的颜色。树叶大小:叶子的宽度和高度。值越高,创建的叶子越大。果实颜色:果实的颜色。分支选择:此选项可绘制花和叶子之外的分支。分支颜色:分支的颜色。 图2-37 花刷子属性及效果案例3 满塘荷叶3D 刷子效果7.树刷子效果树刷子效果通过树刷效果,您可

31、以快速创建树状插图。通过拖动操作创建大型分支。通过将光标停留在一个位置创建较小的分支。Flash 创建的分支将包含在舞台上的组中。树刷效果包含下列属性:如图2-38所示。树样式:要创建的树的种类。每个树样式都以实际的树种为基础。树缩放:树的大小。值必须在 75 - 100 之间。值越高,创建的树越大。分支颜色:树干的颜色。树叶颜色:叶子的颜色。花/ 果实颜色:花和果实的颜色。 图2-38树刷子属性及效果案例4 绘制卡通女孩图形选择与修饰案例描述使用工具箱中的相关工具,绘制如图2-39所示的卡通人物效果。 图2-39“卡通女孩”图形效果案例分析通过使用工具箱中的选择工具、钢笔工具、铅笔工具及颜料

32、桶工具等,完成复杂图形绘制的效果。该案例主要练习人物轮廓和五官等图形对象的绘制,以及创建复杂线条及对图形进行精确修饰的技巧。案例4 绘制卡通女孩图形选择与修饰操作步骤1.新建FLASH文档,按Ctrl+S打开“另存为”对话框,选择保存路径,输入文件名“卡通女孩”,然后单击“确定”,回到工作区。2.单击“插入新建元件”命令,新建一个元件,命名为“头部”,类型选择“图形”,新建一个图层并命名为“头部轮廓”,然后使用“钢笔工具”在舞台中绘制一个如图2-40所示的头部轮廓。3.选择“颜料桶工具”,设定填充颜色:#FFCC99,对所绘头部轮廓进行填充;设定填充颜色:#FFCC33,对所绘脸部进行填充如图

33、2-41所示。 图2-40头部轮廓图2-41填充颜色案例4 绘制卡通女孩图形选择与修饰4.使用“线条工具”,绘制眉毛的轮廓,通过“椭圆工具”绘制右眼球轮廓;如图2-42所示。 图2-42绘制眉毛 图2-43修改眉毛5.使用“选择工具”将眉毛拖拉成如图2-43所示的效果;再通过“颜料桶工具”把右眼填充为黑色,如图2-43所示。案例4 绘制卡通女孩图形选择与修饰6.锁定“头部轮廓”图层,新建一个图层“嘴巴”,使用“钢笔工具”绘制嘴的轮廓,使用“线条工具”在鼻子位置绘制一条直线,如图2-44所示;然后使用“选择工具”将嘴和鼻子拖拉成如图2-44所示的形状,选择“颜料桶工具”将嘴巴轮廓填充为白色。 图

34、2-44嘴巴及鼻子效果 .使用“铅笔工具”绘制人物的脸晕,把它的颜色设置为红色,如图2-45所示。 图2-45绘制脸晕 图2-46头饰品案例4 绘制卡通女孩图形选择与修饰8.新建一个图层“饰品”,利用“椭圆工具”和“多角星形工具”分别绘制头部饰品,使用“选择工具”将两个饰品拖拉调整为如图2-46所示的效果,选择“颜料桶工具”将椭圆轮廓填充为#FFD9E6色,将星形头饰填充为绿色。9.新建一个类型为“图形”的元件“身体”,使用“钢笔工具”绘制人物身体轮廓,如图2-47左侧所示,最后通过“颜料桶工具”将向体填充为浅蓝色,上肢颜色为#FFCCA6,下肢颜色为#CC66FF,完成最终效果如图2-47右

35、侧所示。 图2-47身体部分案例4 绘制卡通女孩图形选择与修饰10.当所有对象绘制完成后,回到场景1,打开库面板把“身体”和“头部”两个元件拖到舞台上合适的位置,并根据需要调整大小。如图2-48所示。 图2-48最后效果11. 按Ctrl+S保存文件,然后按Ctrl+Enter测试影片,播放效果如图2-48所示。2.5铅笔工具和刷子工具1.铅笔工具铅笔工具 铅笔工具用来绘制线条,它的自由度非常大,适合习惯使用手写板进行创作的人员。单击工具箱中的“铅笔工具”或按“Y”键,可调用该工具。(1)设置铅笔工具属性“铅笔工具”对应的属性面板和“线条工具”类似,选择铅笔工具后可在属性面板中进行相关设置,包

36、括笔触颜色、笔触高度、笔触样式、平滑等参数,如图2-49所示,其中平滑参数用于设置笔触的平滑程度。 图2-49铅笔工具属性面板2.5铅笔工具和刷子工具(2)铅笔工具的操作方法铅笔工具的使用方法是:将鼠标指针移至舞台,待其变为形状时,按住鼠标拖动可绘制线条。注意在绘制之前,应选择合适的铅笔模式。“铅笔工具”有三种模式,单击“铅笔模式”按钮,将弹出一个下拉列表,如图2-50所示,在不同的模式下,所绘制线条的效果是不一样的,它们的对比效果如图2-51所示,下面对这三种模式进行说明。 图2-50铅笔模式 图2-51 通过“伸直、平滑、墨水模式”绘制的效果直线化模式:绘制直线,即降低线条的平滑度,并且将

37、和三角形、椭圆和矩形相近形状转化为对应的基本图形。平滑模式:绘制平滑的曲线。墨水模式:对绘制的线条不进行任何加工。2.5铅笔工具和刷子工具2.刷子工具刷子工具刷子工具可以在画面上绘制出具有一定笔触效果的特殊填充。选择工具箱中的“刷子工具”或按“B”键,可调用该工具。(1)设置刷子工具属性在使用刷子工具之前,需要对其属性进行相关设置,如图2-52所示,主要是调整颜色和平滑度,“刷子工具”颜色是指填充颜色,使用它绘制出来的图形是没有笔触颜色的。(2)刷子工具的操作方法刷子工具的使用方法与铅笔工具相似,将鼠标指针移至舞台,按住鼠标拖动可进行绘制。注意在绘制之前,应选择合适的刷子模式。单击选项区中的“

38、刷子模式”按钮,在弹出的下拉列表中包含了“标准绘画”、“颜料填充”、“后面绘画”、“颜料选择”和“内部绘画”五种模式。标准绘画:笔刷经过的地方,线条和填充全部被笔刷填充所覆盖。颜料填充:笔刷只将鼠标经过的填充进行覆盖,对线条不起作用。后面绘画:笔刷不覆盖鼠标经过的矢量图形,只覆盖在没有图形的部分。颜料选择:笔刷只能对当前被选择的矢量图形起作用。内部绘画:笔刷对鼠标点击的闭合填充区域起作用,不会对其他区域起作用,这对于上色操作非常有用。2.5铅笔工具和刷子工具选择不同的笔刷模式可以绘制出不同的图形效果,比如设定当前填充色为红色:#CC0000,定义合适的笔刷形状与大小,对一副带有黑色描边的矢量图

39、进行各类笔刷模式的绘制,对比效果如图2-53所示。 图2-52刷子工具属性面板 图2-53各类刷子模式效果2.5铅笔工具和刷子工具3.喷涂刷工具喷涂刷工具喷涂刷工具的作用类似于粒子喷射器,使用它可以一次将形状图案“刷”到舞台上。默认情况下,喷涂刷使用当前选定的填充颜色喷射粒子点。但是,可以使用喷涂刷工具将影片剪辑或图形元件作为图案应用。选择工具箱中的“喷涂刷工具”或按“B”键,可调用该工具。(1)设置喷涂刷工具属性在使用喷涂刷工具之前,需要对其属性进行相关设置,如图2-54所示,“喷涂刷工具”的属性面板,你会发现它的特点,它基本上由元件和画笔组成。2.5铅笔工具和刷子工具(2)喷涂刷工具的操作

40、方法喷涂刷工具的使用方法与刷子工具相似,将鼠标指针移至舞台,按住鼠标拖动可进行绘制。到默认情况下“喷涂刷工具”的属性面板是“默认形状”,我们可以建立自己的图形,然后选择图形并按下快捷键“F8”键,转换为“图形元件”或“影片剪辑”元件,这样在喷涂时就可以选择我们刚准备好的“图形元件”或“影片剪辑元件”了。如图2-55所示。 图2-54喷涂刷工具属性 图2-55喷涂刷工具应用效果2.6选择工具和部分选取工具1.选择工具选择工具 选择工具是Flash中使用频率最高的工具,它的主要功能是选择对象、移动对象、编辑线条、平滑/伸直对象等,如图2-56所示。普通状态 选择对象 移动对象 编辑线条 平滑对象

41、图2-56选择工具功能2.6选择工具和部分选取工具(1)选择工具功能按钮“选择工具”无对应的属性面板,只有三个功能按钮,分别为“贴紧至对象”、“平滑”、“伸直”按钮,如图2-57所示,各功能按钮的作用如下。图2-57选择工具功能按钮贴紧至对象:当其呈按下状态时,在移动或修改对象时可对对象进行自动捕捉,起到辅助的作用。平滑按钮:可以使线条或填充的边缘接近于弧线。用“选择工具”选择图形后,多次单击“平滑”按钮,可以使图形接近于圆形。伸直按钮:可以使线条或填充的边缘接近于折线。用“选择工具”选择图形后,多次单击“伸直”按钮,弧线变成了折线。2.6选择工具和部分选取工具(2)选择工具的操作方法选择单个

42、对象绘制了一个图形后,在工具箱中选择“选择工具”,在图形边缘的线条上单击鼠标左键,即可选择图形的部分线条;在图形边缘的线条上双击,可以选择与其相邻及颜色相同的所有线条;在图形填充上单击,可以选择图形的填充部分;在图形填充上双击,可以同时选择图形的线条和填充;在舞台的空白处单击鼠标可以取消选择。若所选的对象为文本、群组、元件或位图等,使用“选择工具”直接单击该对象即可将其全部选择。选择上述类型的对象后,其四周都会出现一个外边框,通过这些外边框,可以很轻松地知道所选对象的类型,如图2-58所示。 文本 群组 元件实例 位图 图2-58选定不同对象的外边框2.6选择工具和部分选取工具选定多个对象若要

43、选择舞台中的全部对象,可以执行菜单“编辑全选”或按Ctrl+A组合键。若要选择舞台中的部分对象可以通过点选和框选的方法来实现。方法一:点选对象选择工具箱中的“选择工具”,按住Shift键的同时逐个单击对象,若要取消选择对象,再次单击该对象即可。方法二:框选对象选择“选择工具”,将其移至舞台上,按住左键并拖动出一个选框,则在框中的对象全部被选择。移动对象选择“选择工具”,将鼠标指针移动至对象上,按住鼠标左键并拖动鼠标,到目标位置即可。复制对象选择“选择工具”,按住Ctrl键的同时单击并拖动对象,到目标位置后释放鼠标,然后释放Ctrl键即可。修改对象选择“选择工具”,在没有选择图形的情况下,将鼠标

44、指针移至图形的边缘,拖动鼠标,到目标位置后释放即可。2.6选择工具和部分选取工具2.部分选取工具部分选取工具部分选取工具主要用于选择线条、移动线条和编辑节点等,如图2-59所示,它可以使对象以锚点的形式进行显示,然后通过移动锚点或方向线来修改图形的形状。选择工具箱中的“部分选取工具”或按“A”键,可调用该工具。普通状态 选择边框 编辑节点 移动边框图2-59部分选取工具功能效果2.7钢笔工具 钢笔工具可以对绘制的图形具有非常精确的控制,对绘制的节点、节点的方向点等都可以很好地控制,因此钢笔工具适合于喜欢精准绘制的设计人员。选择工具箱中的“钢笔工具”或按“P”键即可调用该工具。1.设置钢笔工具属

45、性设置钢笔工具属性选定“钢笔工具”,展开钢笔工具的属性面板,如图2-60所示,可以设置笔触高度、笔触颜色及笔触类型等参数。2.设置钢笔工具首选参数设置钢笔工具首选参数按Ctrl+U组合键,弹出“首选参数”对话框,在“类别”列表框中选择“绘画”选项,这时在其右侧显示了有关“钢笔工具”的三个参数设置,如图2-61所示,下面对其作简要说明。 图2-60钢笔工具属性面板 图2-61“钢笔工具”首选参数 2.7钢笔工具 显示钢笔预览:选择该复选框,在使用“钢笔工具”时,就会提前预览到线段的位置,未选择该选项,则没有预览显示。显示实心点:若选中该复选框,则未选择的锚点显示为实心点,选择的锚点显示为空心点。

46、显示精确光标:选中该复选框后,则鼠标指针显示为形状;取消选择该复选框,鼠标指针为形状。2.7钢笔工具(1)用钢笔工具绘制线条)用钢笔工具绘制线条使用钢笔工具可以绘制出非常复杂的线条效果,如果在舞台上的各个地方单击,那么各个单击点将会依次连接,形成一条折线,如图2-62所示;如果将“单击”改成“按住鼠标左键拖动”,那么就可以创建曲线了,如图2-63所示。 图2-62创建折线 图2-63创建曲线2.7钢笔工具在按住左键进行拖动时,开始拖动的位置将形成“控制点”,像一个钉子一样将曲线钉住,不管以后怎么调整,曲线一定会经过这个点;拖动之后就会出现“控制柄”,它决定了曲线的走向,如图2-64所示。 图2

47、-64对曲线的分析2.7钢笔工具(2)编辑路径节点)编辑路径节点钢笔工具除了具有绘制图形的能力外,还可以进行路径节点的编辑工作,如图2-65所示;同时,使用钢笔工具创建的线条还可以使用“部分选取工具”进行调整,两种工具配合使用,能够创建出复杂、丰富的图形效果。 图2-65路径节点的编辑2.7钢笔工具(3)添加或删除锚点)添加或删除锚点添加锚点可使您更好地控制路径,也可以扩展开放路径。但是,最好不要添加不必要的点。 点越少的路径越容易编辑、显示和打印。 若要降低路径的复杂性,请删除不必要的点。工具箱包含三个用于添加或删除点的工具:“ 钢笔” 工具 、“ 添加锚点” 工具 和“ 删除锚点” 工具

48、。如图2-66所示 图2-66添加或删除点的工具默认情况下,当您将钢笔工具定位在选定路径上时,它会变为添加锚点工具,或者当您将钢笔工具定位在锚点上时,它会变为删除锚点工具。特别说明:不要使用 Delete、Backspace 和Clear键,或者“编辑剪切”或“编辑 清除”命令来删除锚点;这些键和命令会删除点以及与之相连的线段。2.7钢笔工具(4)在直线段和曲线段之间转换线段)在直线段和曲线段之间转换线段若要将线条上的线段从直线段转换为曲线段,请将转角点转换为平滑点。也可以反过来操作。若要将转角点转换为平滑点,请使用部分选取工具选择该点,然后按住 Alt并拖动该点以放置切线手柄。若要将平滑点转

49、换为转角点,可用钢笔工具单击相应的点。指针旁边的插入 标记指示指针位于平滑点上方。2.8套索工具套索工具和Photoshop的套索工具功能相似。在Flash CS5中,套索工具有三种模式:套索工具模式、多边形模式及魔术棒选取模式。对于矢量图形,可以使用套索工具或者多边形选取方式进行选择;对于打散的位图,除了可以使用套索工具和多边形选取方式外,还可以使用魔术棒选取方式。套索工具操作方法:1.套索工具模式套索工具模式使用套索工具模式选取图形时,首先调用“套索工具”,此时舞台中的鼠标指针变成了形状,按住左键并拖动,即可选定图形的某一区域。2.多边形模式多边形模式选择“套索工具”后,在其选项区中单击“

50、多边形模式”按钮,使其呈按下状态即可切换到多边形模式,然后在舞台上通过单击绘制选区即可。2.8套索工具3.魔术棒模式魔术棒模式魔术棒模式一般用于选择位图中相邻及相近的像素颜色。在使用时,首先单击魔术棒模式一般用于选择位图中相邻及相近的像素颜色。在使用时,首先单击“魔术棒魔术棒”按钮,使其呈按下状态,然后将鼠标指针移至分离的位图上,鼠标按钮,使其呈按下状态,然后将鼠标指针移至分离的位图上,鼠标指针会变成魔术棒的形状,单击后即可选中与单击位置颜色相同或相近的区域。指针会变成魔术棒的形状,单击后即可选中与单击位置颜色相同或相近的区域。使用魔术棒选取方式时,还可以使用使用魔术棒选取方式时,还可以使用“

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 办公、行业 > 各类PPT课件(模板)
版权提示 | 免责声明

1,本文(flash绘制矢量图形分析课件.ppt)为本站会员(三亚风情)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|