Flash绘图基础课件.ppt

第2章 Flash绘图基础,教学要点,矢量图的特点Flash绘图工具的使用方法各种绘图工具的相关属性设置复杂图形的绘制技巧,第2章 Flash绘图基础教学要点矢量图的特点,2.1位图与矢量图,位图与矢量图位图图像矢量图形,2.1位图与矢量图位图与矢量图,2.1.1 位图图像,位图图像是由像素构成的。像素的多少将决定位图图像的显示质量和文件大小。位图图像的分辨率越高，显示越清晰，文件所占的空间也就越大。,概念,2.1.1 位图图像位图图像是由像素构成的。,2.1.1 位图图像,位图放大了3倍前后的效果对比,变形效果对比,2.1.1 位图图像位图放大了3倍前后的效果对比,2.1.2 矢量图形,矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。矢量图的清晰度与分辨率的大小无关。对矢量图进行缩放时，图形仍保持原有的清晰度和光滑度，不会发生任何偏差。Flash动画是矢量图形的一种典型应用。,概念,2.1.2 矢量图形矢量图形是由一个个单独的点构成的，每一,2.1.2 矢量图形,矢量图放大了3倍前后的效果对比,变形效果对比,2.1.2 矢量图形矢量图放大了3倍前后的效果对比,2.1.2 矢量图形,FlashCorel公司的CorelDRAW软件Macromedia公司的Freehand软件Adobe公司的Illustrator软件,常用的矢量绘图软件,2.1.2 矢量图形Flash,2.2基本绘图工具的使用,绘制的线条与修改任意变形工具铅笔工具刷子工具钢笔工具和部分选取工具椭圆工具和矩形工具,2.2基本绘图工具的使用绘制的线条与修改,2.2.1 绘制的线条与修改,单击【工具】面板中【线条工具】。移动鼠标到舞台上，接着按住鼠标并拖动，最后松开鼠标。线条绘制完成。,绘制线条,注意，在画直线时,按住Shift键可以画出与舞台与45倍数的直线。,2.2.1 绘制的线条与修改单击【工具】面板中【线条工具】,2.2.1 绘制的线条与修改,打开【属性】面板，可以定义直线的颜色、粗细和样式。,修改线条的属性,不同笔触样式的线条,2.2.1 绘制的线条与修改打开【属性】面板，可以定义直线,2.2.1 绘制的线条与修改,用【滴管工具】单击直线，【属性】面板显示的就是该直线的属性。此时所选工具自动变成了【墨水瓶工具】。使用【墨水瓶工具】单击其他样式的线条，所单击线条的属性都变成了当前在【属性】面板中所设置的属性了。,滴管与墨水瓶工具,【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。,2.2.1 绘制的线条与修改用【滴管工具】单击直线，【属性,2.2.1 绘制的线条与修改,用【选择工具】可以选择、移动或改变对象的形状。选择【选择工具】，然后移动鼠标到直线的端点处，指针右下角变成直角状时，拖动鼠标就可以改变线条的方向和长短。,选择工具,2.2.1 绘制的线条与修改用【选择工具】可以选择、移动或,2.2.1 绘制的线条与修改,将鼠标指针移动到线条上，指针右下角会变成弧线状。拖动鼠标，可以将直线变成曲线。,选择工具,2.2.1 绘制的线条与修改将鼠标指针移动到线条上，指针右,2.2.2 任意变形工具,使用【任意变形工具】可以实现以下功能： 缩放 旋转 压缩 伸展 倾斜,用途,2.2.2 任意变形工具使用【任意变形工具】可以实现以下功,2.2.2 任意变形工具,工具面板中的5个选项：,用途,旋转与倾斜,扭曲,缩放,封套,对齐对象,2.2.2 任意变形工具工具面板中的5个选项：,2.2.2 任意变形工具,首先确认当前只有一个对象处于选取状态，否则将不能进行任意变形操作。选中对象后，单击【任意变形工具】，选取的对象将出现一个带有8个端点和1个中心点的控制点。,操作方法,2.2.2 任意变形工具首先确认当前只有一个对象处于选取状,2.2.2 任意变形工具,工具面板中的5个选项： 【贴紧至对象】 【旋转与倾斜】 【缩放】 【扭曲】 【封套】,各种选项,2.2.2 任意变形工具工具面板中的5个选项：,2.2.2 任意变形工具,可以应用扭曲和封套选项的对象： 图形，利用钢笔、铅笔、线条、刷子工具绘制的对象和分解组件后的文字。不可以应用扭曲和封套选项的对象： 群组、元件、位图、影片对象、文本、声音。,温馨提示,2.2.2 任意变形工具可以应用扭曲和封套选项的对象：,实例演练绘制一片树叶,新建图形元件,创建图形元件,“树叶”图形元件编辑场景,实例演练绘制一片树叶,实例演练绘制一片树叶,绘制树叶图形流程,绘制树叶图形,实例演练绘制一片树叶 绘制树叶图形流程,实例演练绘制一片树,被选中的线条,框选对象,编辑和修改树叶,实例演练绘制一片树 被选中的线条 框选对象,实例演练绘制一片树,【颜色】选项,调色板,【颜色】对话框,填充颜色,擦出缺口后的填充效果,填充颜色后的效果,【库】面板中的“树叶”图形元件,给树叶上色,实例演练绘制一片树 【颜色】选项 调色板 【颜色】对,实例演练绘制树枝,旋转树叶,任意变形工具选项,变形点,选取变形点,拖动变形点到叶柄处,旋转后的树叶,实例演练绘制树枝,实例演练绘制树枝,复制和变形树叶,复制出的树叶图片,缩放对象,变形命令,实例演练绘制树枝,实例演练绘制树枝,绘制树枝,切换到【场景1】,用刷子画出树枝,实例演练绘制树枝,实例演练绘制树枝,组合树叶和树枝,元件库,完成后的树枝效果,实例演练绘制树枝,2.2.3 铅笔工具,【铅笔工具】的颜色、粗细、样式定义和【线条工具】一样。它的附属选项里有3种模式： 【伸直】模式 【平滑】模式 【墨水】模式,铅笔工具,2.2.3 铅笔工具【铅笔工具】的颜色、粗细、样式定义和【,2.2.3 铅笔工具,3种模式所画的不同的线条效果,绘制效果,2.2.3 铅笔工具3种模式所画的不同的线条效果,2.2.4 刷子工具,【刷子工具】可以绘制出像毛笔作画的效果。也常被用于给对象着色。注意： 刷子工具绘制出的是填充区域，它不具有边线，而具有封闭线条的区域则可以使用【颜料桶工具】着色。,用途,2.2.4 刷子工具【刷子工具】可以绘制出像毛笔作画的效果,2.2.4 刷子工具,单击【刷子工具】后，工具箱下边就会显示出它的相关选项。可以设置的内容： 画笔的大小 画笔的样式 笔刷模式等,相关选项,2.2.4 刷子工具单击【刷子工具】后，工具箱下边就会显示,2.2.4 刷子工具,单击【刷子模式】按钮后，共有5个选项： 标准绘图 颜色填充 后面绘画 颜料选择 内部绘画,刷子模式,2.2.4 刷子工具单击【刷子模式】按钮后，共有5个选项：,2.2.4 刷子工具,刷子模式效果,后面绘画模式,颜料选择模式,内部绘画模式,标准绘画模式,颜料填充模式,2.2.4 刷子工具,2.2.4 刷子工具,锁定填充只对渐变填充或位图填充起作用。当使用滴管工具从场景中获得填充物或渐变色时，笔刷的锁定功能会自动启用。选定锁定功能，工作区是一个完整的渐变。未选定锁定功能，使用刷子工具绘制的图形的填充效果和选择的渐变填充样式相对应。,锁定填充,2.2.4 刷子工具锁定填充只对渐变填充或位图填充起作用。,2.2.5 钢笔工具和部分选取工具,创建曲线的要诀：在按下鼠标的同时向想要绘制曲线段的方向拖动鼠标。然后将指针放在想要结束曲线段的地方，按下鼠标，朝相反的方向拖动来完成线段。,钢笔工具,单击并拖动鼠标,绘制出波浪线,2.2.5 钢笔工具和部分选取工具创建曲线的要诀：,2.2.5 钢笔工具和部分选取工具,如果绘制的曲线效果不满意，可以使用部分选取工具来修改。,部分选取工具,选取节点 调节曲线形状,2.2.5 钢笔工具和部分选取工具如果绘制的曲线效果不满意,2.2.6 椭圆工具和矩形工具,在工具箱中选择【椭圆工具】，将鼠标移动到场景中，拖动鼠标可绘制出椭圆或圆形。选择【矩形工具】，在场景中拖动鼠标可绘制出方角或圆角的矩形。在【属性】面板中可以设定填充的颜色及外框笔触的颜色、粗细和样式。,2.2.6 椭圆工具和矩形工具在工具箱中选择【椭圆工具】，,使用椭圆和矩形工具,用椭园工具和矩形工具画出的图案,使用椭圆和矩形工具用椭园工具和矩形工具画出的图案,实例演练绘制小屋,绘制复合路径,打开源文件,绘制出两个矩形,将矩形变形为平形四边形,直线连接房顶与房身,画屋侧面,颜色选择面板,画门,绘制窗户,实例演练绘制小屋,实例演练绘制小屋,组合及上色图形,打开源文件,画窗格,填充颜色,实例演练绘制小屋,2.4其他绘图工具的使用,填充变形工具套索工具橡皮擦工具,2.4其他绘图工具的使用填充变形工具,2.4.1 填充变形工具,【填充变形工具】是应用渐变效果。渐变是由某种颜色过渡到另外一种颜色的变化过程。它分为两种： 线性渐变，指颜色的变化是按照直线进行的； 放射状渐变，颜色是以圆形的方式，从圆心向周围进行的变化。,2.4.1 填充变形工具【填充变形工具】是应用渐变效果。,实例演练绘制按钮,绘制按钮,打开源文件,填充变形手柄,填充色设置,按钮效果,实例演练绘制按钮,实例演练绘制按钮,绘制按钮,填充变形手柄,收缩填充色,拉长填充色,插入图层,锁定图层,绘制出一个椭园,填充色设置,调节线性渐变色,完成后的按钮,打开源文件,实例演练绘制按钮,2.4.2 套索工具,【套索工具】用于选择图形中不规则形状区域。被选定的区域可以作为一个单独的对象进行移动、旋转或变形。选择【套索工具】后，在【选项】中出现【魔术棒】、【魔术棒属性】和【多边形模式】三种模式。,2.4.2 套索工具【套索工具】用于选择图形中不规则形状区,例：用魔术棒选择,导入图像分离位图使用魔术棒选择,例：用魔术棒选择导入图像,2.4.3 橡皮擦工具,使用【橡皮擦工具】擦除不需要的部分。选择【橡皮擦工具】后，在工作区的选项区显示橡皮擦的选项： 擦除模式 橡皮擦形状 水龙头,用途,2.4.3 橡皮擦工具使用【橡皮擦工具】擦除不需要的部分。,2.4.3 橡皮擦工具,选择【橡皮擦工具】，单击擦除模式按钮，在弹出的菜单中有5个选项：,各种相关选项,【标准擦除】：擦除同一层上的笔触和填充。【擦除填色】：只擦除填充，不影响笔触。【擦除线条】：只擦除笔触，不影响填充。【擦除所选填充】：只擦除当前选定的填充，并不影响笔触（不管笔触是否被选中）。以这种模式使用【橡皮擦工具】之前，请选择要擦除的填充。【内部擦除】：只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除，则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触,2.4.3 橡皮擦工具选择【橡皮擦工具】，单击擦除模式按钮,2.5 绘图综合练习,碧蓝的天空，雪白的云朵，翠绿的山峰，波光闪烁的湖面上飘浮着美丽的花朵，小鸭在水面快乐地游泳。,2.5 绘图综合练习碧蓝的天空，雪白的云朵，翠绿的山峰,2.5.1 绘图综合练习,创建图形元件设置,绘制花朵,新建“花瓣”图形元件,2.5.1 绘图综合练习创建图形元件设置,2.5.1 绘图综合练习,颜色设置,花瓣造型,填充色设置,填充颜色,绘制花朵,给花瓣填充颜色,画花瓣,2.5.1 绘图综合练习颜色设置花瓣造型填充色设置 填充颜,2.5.1 绘图综合练习,“花瓣”图形元件实例,【变形】面板,完整的花朵,绘制花朵,创建“花朵”图形元件,2.5.1 绘图综合练习“花瓣”图形元件实例【变形】面板完,2.5.2 绘图综合练习,插入新的图层,在新图层上绘制出小鸭头部,绘制小鸭,画小鸭身体形状,2.5.2 绘图综合练习插入新的图层 在新图层上绘制出小鸭,2.5.2 绘图综合练习,画小鸭的嘴和尾,颜色的设置,绘制小鸭,画小鸭的嘴和尾巴,2.5.2 绘图综合练习画小鸭的嘴和尾颜色的设置,2.5.2 绘图综合练习,填充颜色,鸭嘴的颜色设置,绘制小鸭,填充颜色,2.5.2 绘图综合练习填充颜色鸭嘴的颜色设置,2.5.2 绘图综合练习,调整颜色形状,用笔刷工具点画眼睛,画小鸭眼睛,绘制小鸭,2.5.2 绘图综合练习调整颜色形状 用笔刷工具点画眼睛,2.5.3 绘图综合练习,用【钢笔工具】画白云,调整节点后的形状,绘制白云,画白云轮廓形状,2.5.3 绘图综合练习用【钢笔工具】画白云 调整节点后的,2.5.3 绘图综合练习,绘制成的白云,绘制白云,编辑和优化白云图形,2.5.3 绘图综合练习绘制成的白云,2.5.4 绘图综合练习,湖水颜色设置,画湖水,绘制湖水和波浪,画湖水,2.5.4 绘图综合练习湖水颜色设置 画湖水,2.5.4 绘图综合练习,调整湖水填充色,锁定图层并使图层不可见,绘制湖水和波浪,2.5.4 绘图综合练习调整湖水填充色锁定图层并使图层不可,2.5.4 绘图综合练习,用【钢笔工具】画波浪,优化后的波浪,复制排列波浪,绘制湖水和波浪,画波浪,2.5.4 绘图综合练习用【钢笔工具】画波浪 优化后的波浪,2.5.5 绘图综合练习,用【铅笔工具】画山形,填充渐变色,绘制山峰和天空,画山峰,2.5.5 绘图综合练习用【铅笔工具】画山形 填充渐变色,2.5.5 绘图综合练习,天空颜色设置,填充调整色彩,绘制山峰和天空,画天空,2.5.5 绘图综合练习天空颜色设置 填充调整色彩,2.5.6 绘图综合练习,“花朵”实例,创建【花朵】图层,在舞台引用一个“花朵”实例,2.5.6 绘图综合练习“花朵”实例,2.5.6 绘图综合练习,复制出不同的花朵,【设置颜色效果】,【高级效果】对话框,调整高级效果颜色参数数值,创建【花朵】图层,复制“花朵”实例,调整“花朵”实例的颜色,2.5.6 绘图综合练习复制出不同的花朵【设置颜色效果】【,2.5.6 绘图综合练习,五彩缤纷的花朵,创建【花朵】图层,2.5.6 绘图综合练习五彩缤纷的花朵,2.5.7 绘图综合练习,将小鸭拖放到舞台上,将白云拖放到舞台上,完成整个画面,创建【小鸭】图层,创建【白云】图层,2.5.7 绘图综合练习将小鸭拖放到舞台上将白云拖放到舞台,2.5.7 绘图综合练习,完整的效果图,完成整个画面,进一步完善画面效果,2.5.7 绘图综合练习完整的效果图,2.6习题与上机操作,选择题上机操作,2.6习题与上机操作选择题,习题与上机操作,（1）下面软件中，（ ）不是矢量图绘制软件。 ACorelDRAW BFreehand CIllustrator DPhotoshop（2）在Flash中，可以从工具箱里选取的图形绘制工具没有（ ）。 A直线工具 B椭圆工具 C矩形工具 D三角形工具,选择题,习题与上机操作（1）下面软件中，（ ）不是矢量图绘制软件,习题与上机操作,（3）在Flash中，【选择工具】的作用有（ ）。 A选择对象 B填充颜色 C移动对象 D改变线条的形状（4）在Flash中，新建新元件的快捷键是（ ）。 ACtrl+F8 BCtrl+F1 CCtrl+F2 DCtrl+F3,选择题,习题与上机操作（3）在Flash中，【选择工具】的作用有（,习题与上机操作,使用工具绘制如下图所示的两个简单图像。,上机操作,习题与上机操作使用工具绘制如下图所示的两个简单图像。,