Flash绘制与填充图形(课堂PPT).ppt

单击此处编辑母版标题样式,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,项目二 绘制与填充图形,绘制和调整线条,绘制自由曲线,绘制几何图形,设置图形填充和轮廓（上）,设置图形填充和轮廓（下）,绘制填充、粒子和Deco图案,1,任务一 绘制和调整线条,任务说明,Flash动画中各种图形的轮廓都是由线条组成的，利用Flash CS5提供的“线条工具”和“铅笔工具”可以绘制各种线条，利用“选择工具”可以将绘制的线条调整为任何形状，从而绘制出动画需要的图形。本任务将带领大家学习这几个工具的用法。,2,一、使用“线条工具”,预备知识,“线条工具”的使用方法可参考以下操作。,设置“线条工具”参数 绘制直线,1.,单击选中工具箱中的“线条工具”，或者按快捷键【N】，然后在“属性”面板中设置线条的“笔触颜色”（即线条颜色）、“笔触高度”（即线条粗细）和“笔触样式”（实线、虚线等）等参数,。,2.,将光标移动到舞台中，光标会呈“十”形状，按住鼠标左健不放，然后将光标拖动到终点位置释放鼠标即可绘制一条直线,。,3,工具箱颜色区和选项区 启用对象绘制模式前后的效果 线条自动贴紧至对象,选择绘图工具后，也可以单击工具箱下方的“笔触颜色”和“填充颜色”按钮，来设置图形的线条或填充颜色。,选择绘图工具后，默认情况下绘制的是分散的矢量图形，方便单独选中对象的各个组成进行编辑。若按下工具箱底部的“对象绘制”按钮，绘制的图形将作为一个在整体对象存在，方便对图形进行整体操作,若按下“贴紧至对象”按钮，则绘制的图形会自动贴紧离自己最近的对象。,4,二、使用“铅笔工具”,“铅笔工具”的使用方法可参考以下操作。,“铅笔工具”的“属性”面板 设置绘图模式,1.,单击选中工具箱中的“铅笔工具”，或者按快捷键【Y】，会发现“铅笔工具”与“线条工具”的“属性”面板大同小异，保持默认设置不变,。,2.,单击工具箱选项区的“铅笔模式”按钮，可在打开的下拉菜单中选择绘图模式，本例选择“平滑”模式,。,5,“铅笔工具”绘制的线条,使用3种模式绘制的图形,3.,设置好“铅笔工具”的属性并选择绘图模式后，将光标移动到舞台中，按住鼠标左键不放并拖动，松开鼠标后，便会沿拖动轨迹生成线条,。,“铅笔工具”的3种绘图模式各有特点，在绘图时应根据不同的需要进行选择，下图为分别使用3种模式绘制的图形。,6,三、使用“选择工具”,使用“选择工具”调整图形形状的方法如下。,调整线段弧度,1.,在舞台中绘制一条直线，然后单击选中工具箱中的“选择工具”，或者按快捷键【V】，然后将光标移动到直线下方，当光标呈 形状时，按住鼠标左键不放并拖动，可调整线条弧度,。,7,调整线段端点位置 在线段上添加节点,2.,将光标移动到线段的端点位置，当光标呈 形状时，按住鼠标左键不放并拖动，可改变线段的端点位置,。,3.,将光标移动到线段上，然后在按住【Ctrl】键的同时按住鼠标左键不放并向任意方向拖动，此时光标呈 形状，表示已在线段中间添加了一个节点，将线段分为了两条线段,。,8,任务实施绘制热带鱼线稿,下面通过绘制热带鱼图形，学习“线条工具”、“铅笔工具”和“选择工具”在绘图中的应用，以及鱼类的绘制方法。,热带鱼线稿,鱼类主要由身体和鱼鳍组成，不同鱼类的主要区别也在于这几个部分。绘制热带鱼时，首先使用“线条工具”和“选择工具”绘制热带鱼身体和鱼鳍的轮廓，然后进行细部刻画，并利用“铅笔工具”绘制热带鱼的眼睛，完成热带鱼线稿的绘制。本例具体操作可参考本书配套视频“2-1.avi”。,9,任务二 绘制自由曲线,任务说明,利用钢笔工具组中的工具可以绘制自由曲线并编辑，使用“部分选取工具”可以调整曲线的形状。本任务将带领读者学习钢笔工具组中各工具和“部分选取工具”的使用方法。,10,一、使用“钢笔工具”,“钢笔工具”的使用方法可参考以下操作。,创建直线锚点,1.单击选中工具箱中的“钢笔工具”，或者按快捷键【P】，“钢笔工具”的“属性”面板与“线条工具”完全相同。,2.,在“属性”面板中设置线条颜色、粗细和样式后，将光标移动到舞台上的适当位置并单击，确定起始锚点，然后将光标移动到舞台的另一处，单击创建第二个锚点，此时在起始锚点和第二个锚点之间会出现一条直线段,。,11,创建曲线锚点,创建封闭图形,3.,若将光标移动到另一位置，然后按住鼠标左键并拖动，可拖出一个调节杆，继续按住鼠标向任意方向拖动调节杆，可调整曲线弧度，对曲线弧度满意后，释放鼠标左键即可创建一个曲线锚点,。,4.,将光标移动到起始锚点处，当光标呈 形状时单击即可创建封闭图形并结束绘制。因为上一个锚点是曲线锚点，因此此处生成的是曲线，而不是直线,。,5.若希望在不封闭图形的情况下结束绘制，可在工具箱中选择除钢笔工具组中工具和“部分选取工具”以外的任意工具，或按【Esc】键。,12,二、使用“部分选取工具”,“部分选取工具”的使用方法如下。,单击显示锚点,1.,在工具箱中单击选中“部分选取工具”，或按快捷键【A】，然后将光标移到用其他工具绘制的图形上并单击，在图形上会显示锚点,。,移动锚点,2.,使用“部分选取工具”在图形上单击选取要移动的锚点，然后按住鼠标左键并拖动可移动锚点位置,。,13,转换为曲线锚点,调整调节杆,3.,将光标移动到直线锚点上，然后在按住【Alt】键的同时按住鼠标左键并拖动，可将直线锚点转换为曲线锚点,。,4.,将光标移动到曲线锚点的调节杆上，然后按住鼠标左键并拖动，可调整曲线的弧度，若在拖动的同时按住【Alt】键，可单独调整一边的调节杆,。,14,三、添加、删除和转换锚点,下面为读者介绍“添加锚点工具”、“删除锚点工具”和“转换锚点工具”的使用方法。,添加锚点,1.在工具箱中单击并按住“钢笔工具”不放，在展开的工具列表中选择“添加锚点工具”，或按快捷键【=】，然后将光标移到图形轮廓线上方，当光标呈 形状时单击即可添加一个锚点。,15,删除锚点,2.在钢笔工具组中选择“删除锚点工具”（或按快捷键【-】），然后将光标移到已有锚点上方，当光标呈 形状时在锚点上单击鼠标即可删除该锚点。,16,转换描点和单独调整一边的调节杆,3.在钢笔工具组中选择“转换锚点工具”（或按快捷键【C】），然后将光标移到图形轮廓线条上并单击，在图形上显示锚点，此时将光标移动到直线锚点上，然后按住鼠标左键不放并拖动，可将直线锚点转换为曲线锚点。,4.选择“转换锚点工具”后，将光标移动到曲线锚点的调节杆上，然后按住鼠标左键并拖动，可以单独调整一边的调节杆。,5.在曲线锚点上单击，可将曲线锚点转换为直线锚点。,17,任务实施绘制桃心,下面通过绘制桃心图形，学习钢笔工具组中各工具及“部分选取工具”的使用方法。,桃心图形,在绘制桃心时，首先使用“钢笔工具”绘制一个封闭的三角形；然后使用“添加锚点工具”在三角形的轮廓线上添加一个锚点，并使用“部分选取工具”调整其位置；最后利用“转换锚点工具”将三角形两端的锚点转换为曲线锚点。本例具体操作可参考本书配套视频“2-2.avi”。,18,任务三 绘制几何图形,任务说明,利用几何工具组中的“矩形工具”、“椭圆工具”和“多角星形工具”等可以绘制规则的几何图形。我们还可以使用“选择工具”或其他工具对绘制的几何图形进行调整，从而绘制出动画需要的图形。本任务将带领读者学习这几个工具的使用方法。,19,预备知识,一、使用“矩形工具”,利用“矩形工具”可以绘制不同样式的矩形、正方形和圆角矩形，它的使用方法可参考以下操作。,“矩形工具”的“属性”面板,1.,单击选中工具箱中的“矩形工具”，或者按快捷键【R】，可以看到“矩形工具”的“属性”面板比“线条工具”的多了“填充颜色”按钮和“矩形边角半径”编辑框,。,20,绘制矩形、正方形和圆角矩形,2.,设置好“矩形工具”的属性后，将光标移动到舞台中，按住鼠标左键不放并拖动，松开鼠标后即可绘制一个矩形；若在拖动鼠标的同时按住【Shift】键，则可以绘制正方形；若设置了“矩形边角半径”的数值，则可以绘制圆角矩形,。,21,二、使用“椭圆工具”,“椭圆工具”的使用方法可参考以下操作。,选择“椭圆工具”“椭圆工具”的“属性”面板,1.,按住工具箱中的“矩形工具”不放，然后在展开的工具列表中单击选择“椭圆工具”,。,2.,“椭圆工具”的“属性”面板与“矩形工具”的相似，但没有“矩形边角半径”编辑框，而是多了“起始角度”、“结束角度”、“内径”几个选项以及“闭合路径”复选框,。,22,绘制椭圆形和正圆,绘制扇形和弧线,带有空心圆的椭圆和扇形,3.,若不对“起始角度”、“结束角度”、“内径”选项以及“闭合路径”复选框进行设置，在舞台中按住鼠标左键不放并拖动，可绘制椭圆形；在拖动鼠标的同时按住【Shift】键，可绘制正圆形,。,4.,在“椭圆工具”“属性”面板中的“起始角度”和“结束角度”编辑框中输入数值或拖动其左侧的滑块，设置起始角度和结束角度，可以绘制扇形；如果取消勾选“闭合路径”复选框，则可以绘制弧线,。,5.,若在“内径”对话框中输入正值，并勾选“闭合路径”选项，则可以绘制空心椭圆或空心扇形,。,23,三、使用“多角星形工具”,利用“多角星形工具”可以绘制多边形和星形。“多角星形工具”的使用方法可参考以下操作。,“多角星形工具”的“属性”面板 “工具设置”对话框,1.,按住工具箱中的“矩形工具”不放，在展开的工具列表中选择“多角星形工具”，可以看到“多角星形工具”的“属性”面板与“矩形工具”的相似,。,2.,单击“属性”面板中的“选项”按钮，在打开的“工具设置”对话框的“样式”下拉列表中可选择绘制星形或多边形，在“边数”编辑框中可设置星形的角数或多边形的边数，在“星形顶点大小”编辑框中可设置星形的顶点大小,。,24,绘制多边形和星形,3.,设置好“多角星形工具”的属性后，将光标移动到舞台中按住鼠标左键不放并拖动，即可绘制多边形或星形,。,25,任务实施,一、绘制小松鼠线稿,下面通过绘制小松鼠线稿，学习综合利用多个绘图工具绘制图形的方法。,小松鼠线稿,首先利用“椭圆工具”绘制小松鼠头部的轮廓；然后使用“椭圆工具”、“线条工具”和“选择工具”绘制小松鼠的五官和胡须；最后利用“矩形工具”、“椭圆工具”和“多角星形工具”绘制小松鼠头上的帽子。本例具体操作可参考本书配套视频“2-3.avi”。,。,26,二、绘制草原线稿,下面我们通过绘制图2-81所示的草原线稿，继续练习绘图工具的使用方法。,草原线稿,在绘制草原线稿时，首先使用“矩形工具”在舞台上绘制一个没有填充的的矩形，作为舞台的边框；然后利用“椭圆工具”在舞台中绘制多个相交的椭圆，并删除多余的线段制作云彩图形；再新建一个图层，利用“线条工具”和“选择工具”绘制草原上的山坡；最后使用“铅笔工具”绘制草原上的灌木。本例具体操作可参考本书配套视频“2-4.avi”。,27,任务四 设置图形填充和轮廓（上）,任务说明,在Flash中绘制的图形都是由填充和轮廓组成的，我们可分别对这两个组成进行设置。本任务将带领大家学习设置图形填充和笔触颜色，以及使用“颜料桶工具”填充图形的方法。,28,一、设置填充和笔触颜色,预备知识,在选择绘图工具、填充工具或绘制的图形后，我们可利用工具箱颜色区、“属性”面板或“颜色”面板来设置图形的填充颜色和笔触（轮廓）颜色。,29,利用工具箱颜色区和“属性”面板设置填充和笔触颜色的方法很简单，只需单击相应的色块，在打开的“拾色器”面板中选择需要的颜色即可；如果在”拾色器”面板中没有所需颜色，则还可单击 按钮，在打开的“颜色”对话框中调制需要的颜色。,利用工具箱设置颜色,30,下面为读者介绍在“颜色”面板中调制填充和笔触颜色的具体方法。,绘制椭圆并将其选中 “颜色”面板,1.,使用“椭圆工具”绘制一个椭圆，然后选择“选择工具”，双击椭圆的填充将其填充和轮廓线同时选中,。,2.,打开“颜色”面板，在该面板的左上角分别是“笔触颜色”按钮和“填充颜色”按钮，单击“笔触颜色”按钮，然后单击“无色”按钮，从而将椭圆的轮廓线设置为无。,31,调制颜色和调制效果,3.,单击“填充颜色”按钮，将“填充颜色”指定为要调制的颜色，然后拖动颜色条中的滑块和单击光谱图中的颜色来选择颜色；也可在H、S、B编辑框或R、G、B编辑框中输入数值来定义颜色；定义好颜色后还可以通过更改“Alpha”的数值来更改颜色的透明度,。,32,设置颜色类型 渐变条和色标,4.,单击“颜色类型”按钮，可在展开的下拉列表选择填充或笔触颜色的类型,。,5.,将颜色类型设为“线性渐变”或“径向渐变”后，在“颜色”面板中会出现一个渐变条和两个色标,。,6.单击选中某个色标，然后可参考步骤3的方法设置该色标的颜色和透明度；若双击色标，还可在打开的”拾色器”面板中设置该色标的颜色。此外，在渐变条下方单击可添加色标；拖动渐变条上的色标，可改变该色标的位置，从而改变该色标所代表的颜色在渐变色中的位置；若将色标拖离渐变条，可删除色标。,33,设置渐变色效果,7.,例如，分别选择颜色类型为“线性渐变”和“径向渐变”，然后在渐变条中间偏左位置单击添加一个色标，并从左至右设置3个色标的颜色为白色、红色和黄色,。,34,设置位图填充,8.,将颜色类型设为“位图填充”后，会弹出一个“导入到库”对话框，在该对话框中选择要导入的位图，单击“打开”按钮，可将填充或笔触颜色设置为位图,。,35,二、使用“颜料桶工具”,利用“颜料桶工具”可以为图形的封闭或半封闭的区域填充设置的颜色，或改变已有的填充色。具体操作方法如下。,填充模式选项,1.,单击选中工具箱中的“颜料桶工具”，或按快捷键【K】，然后单击工具箱选项区的“空隙大小”按钮，在展开的下拉列表中选择填充模式,。,36,填充对象,2.,参考前面介绍的方法设置要填充的颜色，然后将光标移动到要填充（或是要改变填充）的区域并单击，即可填充该区域,。,若设置的填充颜色为线性渐变色，则在使用“颜料桶工具”填充对象时，可通过按住鼠标左键并拖动的方式，改变渐变色的填充方向和效果。,37,任务实施,一、填充热带鱼,下面通过为热带鱼线稿填充颜色，学习设置图层填充颜色及“颜料桶工具”的使用方法,热带鱼填充效果,打开素材文档后，首先选择“颜料桶工具”并在“属性”面板中设置填充颜色，然后填充热带鱼的眼睛和鱼鳃；再在“颜色”面板中设置线性渐变填充，并使用“颜料桶工具”填充热带鱼的身体和鱼鳍，最后删除多余的线段。本例具体操作可参考本书配套视频“2-5.avi”。,38,二、填充草原线稿,下面通过填充草原线稿，继续练习“颜料桶工具”的使用方法。,填充草原线稿,打开素材文档后，首先在“颜色”面板中设置线性渐变色；然后使用“颜料桶工具”分别为天空、山坡和灌木填充颜色；最后为云彩填充纯色。本例具体操作可参考本书配套视频“2-6.avi”。,39,任务五 设置图形填充和轮廓（下）,任务说明,除了使用“颜料桶工具”填充图形外，我们还可使用“墨水瓶工具”来设置图形的轮廓线颜色、粗细和样式，使用“渐变变形工具”来调整为图形填充的渐变色或位图，以及使用“滴管工具”来采样图形的填充和线条属性，并应用到另一个图形中。本任务便带领大家学习这些工具的使用方法。,40,预备知识,一、使用“渐变变形工具”,利用“渐变变形工具”可以调整填充的渐变色及位图的方向、角度和大小等属性，从而使填充效果更加符合要求。下面为读者介绍“渐变变形工具”的使用方法。,渐变控制线和渐变控制柄,1.,在工具箱中的“任意变形工具”上单击并按住鼠标左键不放，在展开的工具列表中选择“渐变变形工具”，或者按快捷键【F】，然后在线性渐变填充上单击，会出现渐变控制线及渐变控制柄。其中，拖动“渐变方向控制柄”可改变线性渐变填充的方向；拖动“渐变长度控制柄”可调整线性渐变填充的长度；拖动“渐变中心点”可改变线性渐变填充的整体位置。,渐变方向控制柄,渐变中心点,渐变长度控制柄,41,渐变控制圆,2.,选择“渐变变形工具”后，在径向渐变填充上单击，会出现渐变控制圆。其中，拖动“渐变中心点”可移动径向渐变填充的整体位置；拖动“渐变焦点控制柄”可移动径向渐变填充的中心点；拖动“渐变长宽控制柄”可调整径向渐变填充的宽度；拖动“渐变大小控制柄”可沿中心位置调整径向渐变填充的大小；拖动“渐变方向控制柄”可调整径向渐变填充的方向。,渐变中心点,渐变大小控制柄,渐变焦点控制柄,渐变长度控制柄,渐变方向控制柄,42,二、使用“墨水瓶工具”,下面为读者介绍“墨水瓶工具”的使用方法。,设置“墨水瓶工具”参数,改变线条属性,1.打开素材文档，,在工具箱中按住“颜料桶工具”不放，在展开的工具列表中选择“墨水瓶工具”，或者按快捷键【S】，然后在“属性”面板中设置“笔触颜色”、“笔触样式”和“笔触高度”等参数。,2.,将光标移动到要改变属性的线条上并单击，可更改该线条的属性。,43,三、使用“滴管工具”,下面以采样填充色为例介绍“滴管工具”的使用方法。,采样填充色 填充对象,1.,单击选中工具箱中的“滴管工具”，或者按快捷键【I】，然后将光标移动到要采样的填充色上，当光标呈形状时单击，即可对该处的填充色进行采样。,2.,采样后“滴管工具”会自动切换为“颜料桶工具”，将光标移动到要填充的对象上并单击，即可填充对象。,若采样的填充是渐变色或位图，则必须取消选中工具箱选项区中的“锁定填充”按钮，才可以正常填充，否则将以整个舞台为基准进行填充。,44,任务实施,一、填充玩具熊,下面通过填充玩具熊，学习“颜料桶工具”和“墨水瓶工具”在填充图形时的应用。,填充玩具熊,首先利用“颜料桶工具”为小熊的头部和身体填充纯色，然后使用渐变色填充鼻子和眼珠，再使用位图填充衣服，最后使用“墨水瓶工具”改变线条的属性。本例具体操作可参考本书配套视频“2-7.avi”。,45,二、填充易拉罐,下面通过使用“滴管工具”为易拉罐填充颜色，学习使用“滴管工具”采样填充对象和使用“渐变变形工具”调整位图填充的方法。,填充易拉罐,首先打开素材文档，然后使用“滴管工具”采样渐变色，并为易拉罐的罐顶、罐身和罐底填充渐变色；再使用“滴管工具”采样位图，并对罐身上的商标区域填充位图；最后使用“渐变变形工具”调整位图填充的大小和位置。本例具体操作可参考本书配套视频“2-8.avi”。,46,任务六 绘制填充、粒子和Deco图案,任务说明,利用“刷子工具”、“喷涂刷工具”和“Deco工具”可以绘制填充色、粒子和图案。本任务中将带领大家学习这几个工具的使用方法。,47,预备知识,一、使用“刷子工具”,利用“刷子工具”可以绘制任意形状、大小和颜色的填充色，具体绘制方法如下。,“属性”面板 设置刷子的涂色模式、大小和形状,2.,选中“刷子工具”，在工具箱下方的选项区中会出现“刷子模式”、“刷子大小”和“刷子形状”3个选项，分别用来设置刷子工具的涂色模式、大小和形状。,1.,在工具箱中单击选中“刷子工具”，或按快捷键【B】，在“属性”面板中可设置“刷子工具”的填充颜色和平滑度。,48,标准绘画：,绘制的图形将覆盖原图，包括线条和填充色。,颜料填充：,绘制的图形只覆盖原图填充色，不覆盖线条。,后面绘画：,绘制的图形只是从原图穿过，不能在原图上绘画。,颜料选择：,绘制的图形只覆盖原图被选取部分，对没被选取的区域没有任何影响。,内部绘画：,只能在起始笔触所在的填充区中涂色，但不影响线条。,49,标准绘画 颜料填充 后面绘画 颜料选择 内部绘画,3.,设置好参数后，在舞台中按住鼠标左键并拖动，即可绘制图形，下图所示为5种涂色模式的绘画效果。,“使用压力”按钮和“使用斜度”按钮,当在计算机上安装了绘图板，选择“刷子工具”后，在工具箱选项区会出现“使用压力”按钮和“使用斜度”按钮。激活这两个按钮后，在使用绘图板绘制填充色时，系统会根据压感笔的压力决定所绘填充色的粗细；根据压感笔的角度，决定所绘填充色的形状。,50,二、使用“喷涂刷工具”,下面为读者介绍“喷涂刷工具”的使用方法。,“喷涂刷工具”的“属性”面板 喷涂填充色,1.,按住工具箱中的“刷子工具”不放，在展开的工具列表中选择“喷涂刷工具”，在“属性”面板中可设置“喷涂刷工具”的填充颜色、缩放比例、画笔大小和画笔角度等属性。,2.,设置好“喷涂刷工具”的属性后，将光标移动到舞台中，按住鼠标左键并拖动，即可喷涂填充色。,51,选择作为图案的元件 以元件为图案进行喷涂,3.,若当前文档中包含元件，可在选择“喷涂刷工具”后在“属性”面板中取消勾选“默认形状”复选框或单击“编辑”按钮，在打开的“选择元件”对话框中选择要作为图案的元件，并单击“确定”按钮。,4.,此时“属性”面板中的参数会发生变化，在“属性”面板中勾选“随机缩放”和“随机旋转”复选框，然后将光标移动到舞台中，按住鼠标左键并拖动，即可将所选元件作为图案进行喷涂。,52,三、使用“Deco工具”,下面以创建火焰动画为例，介绍“Deco工具”的使用方法。,选择填充模式,1.,单击选中工具箱中的“Deco工具”，或者按快捷键【U】，然后在“属性”面板“绘制效果”卷展栏中的下拉列表中选择填充模式，这里选择“火焰动画”，再在“高级选项”卷展栏中设置火焰的颜色和数量，这里保持默认不变,。,53,创建火焰动画,2.,将光标移动到舞台中，然后按住鼠标左键并拖动，Flash会根据拖动轨迹自动创建火焰燃烧的动画效果,。,“Deco工具”的填充模式可分为两种类型，其中“蔓藤式填充”、“火焰动画”、“粒子系统”和“烟动画”模式属于动画类；其他模式属于图案类。在使用某些填充模式时，只需单击鼠标即可自动填充图形的封闭区域，如果单击图形的非封闭区域，则将自动填充整个舞台。,54,任务实施绘制积雪,下面通过为雪中小屋绘制积雪，使读者进一步熟悉“刷子工具”的使用方法。,绘制积雪,打开素材文档后，选择“刷子工具”，并将涂色模式设为“颜料选择”，再设置刷子的形状和大小，然后在屋顶和烟囱上绘制积雪；接着将涂色模式设为“颜料填充”，并改变刷子的形状和大小，在小屋的窗户上绘制积雪。本例具体操作可参考本书配套视频“2-9.avi”。,55,