单元三 矢量图形的绘制(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元三 矢量图形的绘制 单元3 矢量图形的绘制 Flash动画使用矢量图形和流式播放技术,因此画面无论放大多少倍都不会失真,它具有体积小、传输和下载速度快的特点,并且可以边下载边播放。本单元通过使用绘图工具绘制矢量图形,设置线属性、绘制线条与轮廓线、设置填充物,掌握矢量图形的绘制方法。 学习目标 掌握线属性的设置方法 01 02 03 掌握绘制线条与轮廓线的方法 掌握将线转换成填充物 及边缘柔化的方法 任务1 绘制各种图形 在FlashCC中,造型独特的设计作品都是由基本图形组成的。FlashCC2015提供了多种工具来绘制线条和图形,应用多种多样的绘图工具可以制作不同的图形和路径。 任务1 绘制各种图形 1.矢量图形的概念 制作动画之前,一定要准备好对象。对象的来源有三种,一是用绘图工具绘制的矢量图形,二是“库”面板中的元件在舞台中生成的实例:三是导入外部的图形、图像、声音和视频等。 矢量图形可以看成是由线条和填充物(主要是填充色)组成的,填充一般是对封闭图形进行,也可以对填充物进行。封闭图形通常由两部分组成,一是它的轮廓线,二是其内的填充物。矢量图形的着色有两种,一是对线条着色,二是对填充物着色。着色除了可以着单色外,还可以着渐变色和位图。 任务1 绘制各种图形 2.线属性的设置 (1)线颜色的设置。 ①使用“属性”面板设置线的颜色:执行菜单命令“窗口”→“属性”,在“属性”面板中,利用“笔触颜色”列表框来选择颜色,如图3-1所示。 ②利用“颜色”面板设置线的颜色:先双击图形的边框,选中边框线,再执行菜单命令“窗口”→“颜色”,打开“颜色”面板,在“类型”中选择“纯色”,然后在“笔触颜色”列表框中选择一种颜色,如图3-2所示。 可以在“颜色”面板的 Alpha文本框中输入百分数,以调整颜色的深浅度。当 Alpha值设为100%时,表示完全不透明;当 Alpha值设为0%时,表示完全透明。 对于矢量图形,可以用“颜色”面板来设置颜色的深浅度;而对于舞台的实例对象,要改变其颜色的透明度,只能利用“属性”面板的“笔触颜色”列表框中的“透明度”调整;对于导入的外部图像(图片),要设置其透明度,必须先把图片转换为元件,然后才能设置。 图3-1 形状图形的属性面板 图3-2 “颜色”面板 任务1 绘制各种图形 (2)线型的设置。 线型包括线的形状、粗细和颜色等。线型的设定是利用线的属性面板来完成的。 使用工具箱中的钢笔工具、椭圆工具、矩形工具和铅笔工具,即可打开相应的属性面板。其属性面板中的“位置和大小”用来精确调整对象的大小位置。 利用线的属性面板可以设置线和矩形、椭圆形轮廓线的线型。 任务1 绘制各种图形 3.绘制线条与轮廓线 (1)使用线条工具绘制直线。单击工具箱中的“线条工具”(也可以利用其属 性面板,设置线的线型和颜色),在舞台内绘制一条直线。按住Shift键,在舞台 内绘制出一条水平线,也可绘制垂直线或45°角的直线(这也适用于铅笔工具)。 任务1 绘制各种图形 (2)使用铅笔工具绘制线条图形。使用铅笔工具可以绘制任意形状的曲线矢量图形(也可以利用其属性面板,设置线的线型和线的颜色)。此时,工具箱下边的“选项”栏内会显示一个 按钮,单击该按钮,可弹出3个设置铅笔模式的按钮,如图3-3所示。 ①伸直:是规则模式,适用于绘制规则线条,并且绘制的线条会分段转换成与直线、圆、椭圆、矩形等规则线条中最接近的线条。 ②平滑:是平滑模式,适用于绘制平滑曲线(一般情况下使用平滑模式)。 ③墨水:是徒手模式,适用于绘制接近徒手画出的线条。 图3-3 设置铅笔模式 任务1 绘制各种图形 (3)使用钢笔工具绘制直线、折线与多边形。一般应先设置好线条的颜色,再单击钢笔工具。 ①绘制直线:单击直线的起点,移动鼠标指针到直线的终点,双击直线的终点处即可。 ②绘制折线:单击折线的起点,再单击折线的下一个转折点,不断地依次单击折点处,最后双击折线的终点处。 ③绘制多边形:单击多边形的一个端点(起点),再依次单击其余端点,最后双击多边形的起点。 任务1 绘制各种图形 (4)使用椭圆或矩形工具绘制椭圆或矩形轮廓线。 ①绘制椭圆轮廓线:单击“椭圆工具”,在舞台内绘制一个椭圆轮廓线矢量图形。如果在拖动鼠标的同时按住Shift键,则可绘制一个正圆。 ②绘制矩形轮廓线:单击“矩形工具”,在舞台内绘制一个矩形轮廓线矢量图形。如果在拖动鼠标的同时按Shift键,则可绘制一个正方形。在单击“矩形工具”时,工具箱下边的“选项”栏内增加了一个图标按钮,单击该按钮,调出“边角半径”文本框,在其中输入圆角半径值,可绘制一个圆角矩形。 案例3-1 绘制花朵 案例描述 本案例是利用工具箱中的椭圆工具以及重置选区和变形按钮来绘制花朵,案例的效果如图3-4所示。 图