Flash绘图基础课件.ppt

1、矢量图的特点矢量图的特点Flash绘图工具的使用方法绘图工具的使用方法各种绘图工具的相关属性设置各种绘图工具的相关属性设置复杂图形的绘制技巧复杂图形的绘制技巧位图与矢量图位图与矢量图位图图像位图图像矢量图形矢量图形位图图像是由像素构成的位图图像是由像素构成的。像素的多少将决定位图图像的显示质量和像素的多少将决定位图图像的显示质量和文件大小。文件大小。位图图像的分辨率越高，显示越清晰，文位图图像的分辨率越高，显示越清晰，文件所占的空间也就越大。件所占的空间也就越大。概念概念位图放大了位图放大了3倍前后的效果对比倍前后的效果对比变形效果对比矢量图形是由一个个单独的点构成的，每矢量图形是由一个个单独

2、的点构成的，每一个点都有其各自的属性，如位置、颜色一个点都有其各自的属性，如位置、颜色等。等。矢量图的清晰度与分辨率的大小无关矢量图的清晰度与分辨率的大小无关。对矢量图进行缩放时，图形仍保持原有的对矢量图进行缩放时，图形仍保持原有的清晰度和光滑度，不会发生任何偏差。清晰度和光滑度，不会发生任何偏差。Flash动画是矢量图形的一种典型应用。动画是矢量图形的一种典型应用。概念概念矢量矢量图图放大了放大了3倍前后的效果对比倍前后的效果对比变形效果对比FlashCorel公司的公司的CorelDRAW软件软件Macromedia公司的公司的Freehand软件软件Adobe公司的公司的Illustra

3、tor软件软件 常常用的矢量绘图软件用的矢量绘图软件绘制的线条与修改绘制的线条与修改任意变形工具任意变形工具铅笔工具铅笔工具刷子工具刷子工具钢笔工具和部分选取工具钢笔工具和部分选取工具椭圆工具和矩形工具椭圆工具和矩形工具单击单击【工具工具】面板中面板中【线条工具线条工具】。移动鼠标到舞台上，接着按住鼠标并拖动，移动鼠标到舞台上，接着按住鼠标并拖动，最后松开鼠标。最后松开鼠标。线条绘制完成。线条绘制完成。绘制线条注意，注意，在在画直线时画直线时,按住按住Shift键可以键可以画出与画出与舞台与舞台与45倍数倍数的的直线。直线。打开打开【属性属性】面板，可以定义直线的颜色、面板，可以定义直线的颜色

4、、粗细和样式。粗细和样式。修改线条的属性修改线条的属性不同笔触样式的线条用用【滴管工具滴管工具】单击直线，单击直线，【属性属性】面板面板显示的就是该直线的属性。显示的就是该直线的属性。此时所选工具自动变成了此时所选工具自动变成了【墨水瓶工具墨水瓶工具】。使用使用【墨水瓶工具墨水瓶工具】单击其他样式的线条，单击其他样式的线条，所单击线条的属性都变成了当前在所单击线条的属性都变成了当前在【属性属性】面板中所设置的属性了。面板中所设置的属性了。滴管与墨水瓶工具滴管与墨水瓶工具【滴管工具滴管工具】和和【墨水瓶工具墨水瓶工具】可以很快地可以很快地将一条直线的颜色样式套用到别的线条上。将一条直线的颜色样式

5、套用到别的线条上。用【选择工具】可以选择、移动或改变对用【选择工具】可以选择、移动或改变对象的形状象的形状。选择【选择工具】，然后移动鼠标到直线选择【选择工具】，然后移动鼠标到直线的端点处，指针右下角变成直角状时，拖的端点处，指针右下角变成直角状时，拖动鼠标就可以改变线条的方向和长短动鼠标就可以改变线条的方向和长短。选择工具将鼠标指针移动到线条上，指针右下角会将鼠标指针移动到线条上，指针右下角会变成弧线状变成弧线状。拖动鼠标，可以将直线变成曲线。拖动鼠标，可以将直线变成曲线。选择工具使用使用【任意变形工具任意变形工具】可以实现以下功能：可以实现以下功能：缩放缩放 旋转旋转 压缩压缩 伸展伸展

6、倾斜倾斜 用途工具面板中的工具面板中的5个选项：个选项：用途旋转与倾斜旋转与倾斜 扭曲扭曲 缩放缩放 封套封套 对齐对象对齐对象 首先确认当前只有一个对象处于选取状态，首先确认当前只有一个对象处于选取状态，否则将不能进行任意变形操作。否则将不能进行任意变形操作。选中对象后，单击选中对象后，单击【任意变形工具任意变形工具】，选，选取的对象将出现一个带有取的对象将出现一个带有8个端点和个端点和1个中个中心点的控制点。心点的控制点。操作方法工具面板中的工具面板中的5个选项：个选项：【贴紧至对象贴紧至对象】【旋转与倾斜旋转与倾斜】【缩放缩放】【扭曲扭曲】【封套封套】各种选项可以应用扭曲和封套选项的对象

7、：可以应用扭曲和封套选项的对象：图形，利用钢笔、铅笔、线条、刷子工具绘制图形，利用钢笔、铅笔、线条、刷子工具绘制的对象和分解组件后的文字。的对象和分解组件后的文字。不可以应用扭曲和封套选项的对象：不可以应用扭曲和封套选项的对象：群组、元件、位图、影片对象、文本、声音。群组、元件、位图、影片对象、文本、声音。温馨提示 新建图形元件创建图形元件创建图形元件“树叶树叶”图形元件编辑场景图形元件编辑场景 绘制树叶图形流程绘制树叶图形流程 绘制树叶图形 被选中的线条被选中的线条 框选对象框选对象 编辑和修改树叶 【颜色颜色】选项选项 调色板调色板【颜色颜色】对话框对话框 填充颜色填充颜色 擦出缺口后的填

8、充效果擦出缺口后的填充效果 填充颜色后的效果填充颜色后的效果【库库】面板中的面板中的“树叶树叶”图形元件图形元件 给树叶上色 旋转树叶任意变形工具选项任意变形工具选项 变形点变形点 选取变形点选取变形点拖动变形点到叶柄处拖动变形点到叶柄处旋转后的树叶旋转后的树叶 复制和变形树叶复制出的树叶图片复制出的树叶图片 缩放对象缩放对象 变形命令变形命令 绘制树枝切换到切换到【场景场景1】用刷子画出树枝用刷子画出树枝 组合树叶和树枝元件库元件库 完成后的树枝效果完成后的树枝效果【铅笔工具铅笔工具】的颜色、粗细、样式定义和的颜色、粗细、样式定义和【线条工具线条工具】一样。一样。它的附属选项里有它的附属选项

9、里有3种模式：种模式：【伸直伸直】模式模式 【平滑平滑】模式模式 【墨水墨水】模式模式 铅笔工具3种模式所画的不同的线条效果种模式所画的不同的线条效果 绘制效果【刷子工具刷子工具】可以绘制出像毛笔作画的效可以绘制出像毛笔作画的效果。果。也常被用于给对象着色。也常被用于给对象着色。注意：注意：刷子工具绘制出的是填充区域，它不具有边线，刷子工具绘制出的是填充区域，它不具有边线，而具有封闭线条的区域则可以使用而具有封闭线条的区域则可以使用【颜料桶工具颜料桶工具】着色。着色。用途单击【刷子工具】后，工具箱下边就会显单击【刷子工具】后，工具箱下边就会显示出它的相关选项示出它的相关选项。可以设置的内容：可

10、以设置的内容：画笔的大小画笔的大小 画笔的样式画笔的样式 笔刷模式等笔刷模式等 相关选项单击【刷子模式】按钮后，共有单击【刷子模式】按钮后，共有5个选项个选项：标准绘图标准绘图 颜色填充颜色填充 后面绘画后面绘画 颜料选择颜料选择 内部绘画内部绘画 刷子模式 刷子模式效果后面绘画模式后面绘画模式 颜料选择模式颜料选择模式 内部绘画模式内部绘画模式 标准绘画模式标准绘画模式颜料填充模式颜料填充模式锁定填充只对渐变填充或位图填充起作用锁定填充只对渐变填充或位图填充起作用。当使用滴管工具从场景中获得填充物或渐当使用滴管工具从场景中获得填充物或渐变色时，笔刷的锁定功能会自动启用变色时，笔刷的锁定功能会

11、自动启用。选定锁定功能，工作区是一个完整的渐变选定锁定功能，工作区是一个完整的渐变。未选定锁定功能，使用刷子工具绘制的图未选定锁定功能，使用刷子工具绘制的图形的填充效果和选择的渐变填充样式相对形的填充效果和选择的渐变填充样式相对应应。锁定填充创建曲线的要诀：创建曲线的要诀：在按下鼠标的同时向想要绘制曲线段的方在按下鼠标的同时向想要绘制曲线段的方向拖动鼠标。向拖动鼠标。然后将指针放在想要结束曲线段的地方，然后将指针放在想要结束曲线段的地方，按下鼠标，朝相反的方向拖动来完成线段。按下鼠标，朝相反的方向拖动来完成线段。钢笔工具单击并拖动鼠标单击并拖动鼠标绘制出波浪线绘制出波浪线如果绘制的曲线效果不满

12、意，可以使用部分选取工具来修改。部分选取工具 选取节点选取节点 调节曲线形状调节曲线形状在工具箱中选择在工具箱中选择【椭圆工具椭圆工具】，将鼠标移，将鼠标移动到场景中，拖动鼠标可绘制出椭圆或圆动到场景中，拖动鼠标可绘制出椭圆或圆形。形。选择选择【矩形工具矩形工具】，在场景中拖动鼠标可，在场景中拖动鼠标可绘制出方角或圆角的矩形。绘制出方角或圆角的矩形。在在【属性属性】面板中可以设定填充的颜色及面板中可以设定填充的颜色及外框笔触的颜色、粗细和样式。外框笔触的颜色、粗细和样式。用椭园工具和矩形工具画出的图案用椭园工具和矩形工具画出的图案 绘制复合路径绘制出两个矩形绘制出两个矩形 将矩形变形为将矩形变

13、形为平形四边形平形四边形 直线连接房顶与房身直线连接房顶与房身 画屋侧面画屋侧面 颜色选择面板颜色选择面板 画门画门 绘制窗户绘制窗户 组合及上色图形画窗格画窗格 填充颜色填充颜色 填充变形工具填充变形工具套索工具套索工具橡皮擦工具橡皮擦工具【填充变形工具填充变形工具】是应用渐变效果。是应用渐变效果。渐变是由某种颜色过渡到另外一种颜色的渐变是由某种颜色过渡到另外一种颜色的变化过程。变化过程。它分为两种：它分为两种：线性渐变，指颜色的变化是按照直线进行的；线性渐变，指颜色的变化是按照直线进行的；放射状渐变，颜色是以圆形的方式，从圆心向放射状渐变，颜色是以圆形的方式，从圆心向周围进行的变化。周围进

14、行的变化。绘制按钮填充变形手柄填充变形手柄 填充色设置填充色设置 按钮效果按钮效果 绘制按钮填充变形手柄填充变形手柄 收缩填充色收缩填充色 拉长填充色拉长填充色 插入图层插入图层 锁定图层锁定图层 绘制出一个椭园绘制出一个椭园 填充色设置填充色设置 调节线性渐变色调节线性渐变色 完成后的按钮完成后的按钮【套索工具】用于选择图形中不规则形状套索工具】用于选择图形中不规则形状区域区域。被选定的区域可以作为一个单独的对象进被选定的区域可以作为一个单独的对象进行移动、旋转或变形行移动、旋转或变形。选择【套索工具】后，在【选项】中出现选择【套索工具】后，在【选项】中出现【魔术棒】、【魔术棒属性】和【多边

15、形【魔术棒】、【魔术棒属性】和【多边形模式】模式】三三种模式。种模式。导入图像导入图像分离位图分离位图使用魔术棒选择使用魔术棒选择使用使用【橡皮擦工具橡皮擦工具】擦除不需要的部分。擦除不需要的部分。选择选择【橡皮擦工具橡皮擦工具】后，在工作区的选项后，在工作区的选项区显示橡皮擦的选项：区显示橡皮擦的选项：擦除模式擦除模式 橡皮擦形状橡皮擦形状 水龙头水龙头 用途 选择选择【橡皮擦工具橡皮擦工具】，单击擦除模式按钮，在，单击擦除模式按钮，在弹出的菜单中有弹出的菜单中有5个选项：个选项：各种相关选项 【标准擦除标准擦除】：擦除同一层上的笔触和填充。：擦除同一层上的笔触和填充。【擦除填色擦除填色】：

16、只擦除填充，不影响笔触。：只擦除填充，不影响笔触。【擦除线条擦除线条】：只擦除笔触，不影响填充。：只擦除笔触，不影响填充。【擦除所选填充擦除所选填充】：只擦除当前选定的填充，：只擦除当前选定的填充，并不影响笔触（不管笔触是否被选中）。以这种并不影响笔触（不管笔触是否被选中）。以这种模式使用模式使用【橡皮擦工具橡皮擦工具】之前，请选择要擦除的之前，请选择要擦除的填充。填充。【内部擦除内部擦除】：只擦除橡皮擦笔触开始处的填：只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除，则不会擦除任何内充。如果从空白点开始擦除，则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触容。以这种模式使用橡皮擦并不影

17、响笔触碧蓝的天空，雪白的云朵，翠绿的山峰，波光闪烁的湖面上飘浮着美丽的花朵，小鸭在水面快乐地游泳。创建图形元件设置创建图形元件设置 绘制花朵 新建新建“花瓣花瓣”图形元件图形元件颜色设置颜色设置花瓣造型花瓣造型填充色设置填充色设置 填充颜色填充颜色 绘制花朵 给花瓣填充颜色给花瓣填充颜色画花瓣画花瓣“花瓣花瓣”图形元件实图形元件实例例【变形变形】面板面板完整的花朵完整的花朵 绘制花朵 创建创建“花朵花朵”图形元件图形元件插入新的图层插入新的图层 在新图层上绘制出小鸭头部在新图层上绘制出小鸭头部 绘制小鸭画小鸭身体形状画小鸭身体形状画小鸭的嘴和尾画小鸭的嘴和尾颜色的设置颜色的设置 绘制小鸭画小鸭

18、的嘴和尾巴画小鸭的嘴和尾巴填充颜色填充颜色鸭嘴的颜色设置鸭嘴的颜色设置 绘制小鸭填充颜色填充颜色调整颜色形状调整颜色形状 用笔刷工具点画眼睛用笔刷工具点画眼睛 画小鸭眼睛画小鸭眼睛 绘制小鸭用用【钢笔工具钢笔工具】画白云画白云 调整节点后的形状调整节点后的形状 绘制白云画白云轮廓形状画白云轮廓形状绘制成的白云绘制成的白云 绘制白云编辑和优化白云图形编辑和优化白云图形湖水颜色设置湖水颜色设置 画湖水画湖水 绘制湖水和波浪画湖水画湖水调整湖水填充色调整湖水填充色锁定图层并使图层不可见锁定图层并使图层不可见 绘制湖水和波浪用用【钢笔工具钢笔工具】画波浪画波浪 优化后的波浪优化后的波浪 复制排列波浪复

19、制排列波浪 绘制湖水和波浪画波浪画波浪用用【铅笔工具铅笔工具】画山形画山形 填充渐变色填充渐变色 绘制山峰和天空画山峰画山峰天空颜色设置天空颜色设置 填充调整色彩填充调整色彩 绘制山峰和天空画天空画天空“花朵花朵”实例实例 创建【花朵】图层在舞台引用一个在舞台引用一个“花朵花朵”实例实例复制出不同的花朵复制出不同的花朵【设置颜色效果设置颜色效果】【高级效果高级效果】对话框对话框 调整高级效果颜色参数数值调整高级效果颜色参数数值 创建【花朵】图层复制复制“花朵花朵”实实例例调整调整“花朵花朵”实例的实例的颜色颜色五彩缤纷的花朵五彩缤纷的花朵 创建【花朵】图层将小鸭拖放到舞台上将小鸭拖放到舞台上将

20、白云拖放到舞台上将白云拖放到舞台上 完成整个画面创建创建【小鸭小鸭】图层图层创建创建【白云白云】图层图层完整的效果图完整的效果图 完成整个画面进一步完善画面效果进一步完善画面效果选择题选择题上机操作上机操作（1）下面软件中，（）下面软件中，（）不是矢量图绘制）不是矢量图绘制软件。软件。ACorelDRAW BFreehand CIllustrator DPhotoshop（2）在）在Flash中，可以从工具箱里选取的中，可以从工具箱里选取的图形绘制工具没有（图形绘制工具没有（）。）。A直线工具直线工具 B椭圆工具椭圆工具 C矩形工具矩形工具 D三角形工具三角形工具 选择题（3）在）在Flash中，中，【选择工具选择工具】的作用有的作用有（）。）。A选择对象选择对象 B填充颜色填充颜色 C移动对象移动对象 D改变线条的形状改变线条的形状（4）在）在Flash中，新建新元件的快捷键是中，新建新元件的快捷键是（）。）。ACtrl+F8 BCtrl+F1 CCtrl+F2 DCtrl+F3 选择题 使用工具绘制如下图所示的两个简单图像使用工具绘制如下图所示的两个简单图像。上机操作