第2章--使用Flash绘制图形.pptx

#,使用,Flash,绘制图形,第,2,章,1,案例,2-1,绘制“五星红旗”,2,案例,2-2,绘制“奥运五环”,3,案例,2-3,绘制“,小鸟,”,4,案例,2-4,绘制“精致的彩绘花瓶”,5,案例,2-5,绘制“,繁星满天,”,6,案例,2-6,绘制“树图案”,7,案例,2-7,制作“立体文字”,2,教学目标,本章,将全面介绍,Flash CS6,中的工具面板及选择工具、变形工具,、绘图,工具、绘图调整工具等工具的应用方法，使学习者能够了解,Flash CS6,中各种工具的使用方法，掌握这些工具的使用技巧，熟悉各种,工具的,具体设置及用途，为后面的动画制作奠定坚实的基础。,3,教学目标,图,2-1,知识导航图,4,案例,2-1,绘制,“五星红旗”,2.1.1,案例效果,图,2-2,“五星红旗”效果图,5,案例,2-1,绘制,“五星红旗”,2.1.2,案例分析,绘制“五星红旗”主要应用绘图工具中的“多角星形工具”中的“星形”工具设置以及辅助,绘图,工具中的“标尺”和“网格”，采用“对象绘制”模式，快速完成绘制。可以应用,“任意变形工具”对,“五星红旗”进行调整，以增添动感效果。操作中需要特别注意“五角星”的位置和角度。,6,案例,2-1,绘制,“五星红旗”,2.1.3,案例步骤,步骤,1,新建,文件,。,步骤,2,设置,标尺和网格属性。,步骤,3,显示,网格。,7,案例,2-1,绘制,“五星红旗”,2.1.3,案例步骤,步骤,4,绘制,矩形旗面,。,步骤,5,将,旗面图形四等分。,图,2-5,红色矩形旗面,图,2-6,将旗面图形四等分,8,案例,2-1,绘制,“五星红旗”,2.1.3,案例步骤,步骤,6,绘制,五角星。,步骤,7,绘制,大的五角星。,步骤,8,辅助,定位小五角星。,图,2-8,绘制大的五角星,图,2-9,连接线至小五角星的正中心,9,案例,2-1,绘制,“五星红旗”,2.1.3,案例步骤,步骤,9,绘制,小五角星。,步骤,10,清除,线条。,步骤,11,取消,标尺、网格、辅助线。,步骤,12,编辑,图形，增添效果。,10,案例,2-1,绘制,“五星红旗”,2.1.4,相关知识,“椭圆工具”主要绘制椭圆、圆形。,“矩形工具”除可以绘制矩形、正方形外，还可以绘制出带有圆角的矩形。,11,案例,2-1,绘制,“五星红旗”,2.1.4,相关知识,“选择工具”,是工具面板中使用率最高的工具，主要用于选择将要处理的对象。,“选择工具”,没有相应的属性面板，只有一些相应的附加选项,。,(3),选择对象的两种方法,点选,:,可以选择对象的完整线条或区域。,圈选,:,从多个对象的左上角按住鼠标左键并拖动，可以看到一个矩形的选取框，用此,选取,框可以圈选全部待选对象，也可以选择部分区域，如图,2-12,所示。,12,案例,2-1,绘制,“五星红旗”,2.1.4,相关知识,“任意变形工具”,是一个独立的工具。使用该工具，可以对各种对象进行各种方式的,变形处理,，如拉伸、压缩、旋转、翻转和自由变形等。,选择,工具箱中的“任意变形工具”，单击工作区中要变形的对象，就会出现一个调整框和,9,个,控制点，利用这些控制点便可以调整所选对象了，如图,2-15,所示。,13,案例,2-1,绘制,“五星红旗”,2.1.4,相关知识,14,案例,2-1,绘制,“五星红旗”,2.1.4,相关知识,15,案例,2-1,绘制,“五星红旗”,2.1.4,相关知识,16,案例,2-2,绘制,“奥运五环”,2.2.1,案例效果,17,案例,2-2,绘制,“奥运五环”,2.2.2,案例,分析,绘制“奥运五环”主要通过“基本椭圆工具”的使用，“椭圆图元”属性面板的设置，,“图元绘制”,模式与“对象绘制”模式的转换，线条与填充的区别等知识，快速绘制出“奥运五环”效果。,18,案例,2-2,绘制,“奥运五环”,2.2.3,制作步骤,19,案例,2-2,绘制,“奥运五环”,2.2.3,制作步骤,20,案例,2-2,绘制,“奥运五环”,2.2.3,制作步骤,21,案例,2-2,绘制,“奥运五环”,2.2.3,制作步骤,22,案例,2-2,绘制,“奥运五环”,2.2.4,案例,分析,(,1),对象的,移动,(2),使用“对齐”面板进行位置管理,23,案例,2-2,绘制,“奥运五环”,2.2.4,案例,分析,24,案例,2-2,绘制,“奥运五环”,2.2.4,案例,分析,25,案例,2-2,绘制,“奥运五环”,2.2.4,案例,分析,“颜料桶工具”,可以对定义区内的图像填入纯色、渐变色和,位图,，既可以填充空白区域，也可以更改已着色区域的颜色,;,还,可以用,“颜料桶工具”对一个未完全封闭的区域进行填充。该工具,属性设置,比较简单，如,图所,示。,26,案例,2-2,绘制,“奥运五环”,2.2.4,案例,分析,“橡皮擦工具”可以擦除图形的轮廓线条或填色区域，也可以擦除工作区中任何内容。,当选择,“橡皮擦工具”后，该工具并没有属性设置，只有相应的附加选项，如,图所,示。,27,案例,2-2,绘制,“奥运五环”,2.2.4,案例,分析,只需在要擦除的填充色或者轮廓线上单击一下便可将图形的填充色整体去掉，或将,轮廓线,全部擦除，如,图所,示。,28,案例,2-2,绘制,“奥运五环”,2.2.4,案例,分析,单击该选项，可以选择橡皮擦形状和大小。同时要确保“水龙头”功能没有被选中。,29,案例,2-3,绘制,“小鸟”,2.3.1,案例效果,30,案例,2-3,绘制,“小鸟”,2.3.2,案例,分析,31,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,步骤,1,新建,一个,Flash,文件,。,步骤,2,导,入位图。,步骤,3,打开,“库”面板，如,图所,示。,步骤,4,为,便于绘制，在“图层”面板新建图层，重命名为“轮廓”。,32,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,33,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,34,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,35,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,36,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,37,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,38,案例,2-3,绘制,“小鸟”,2.3.3,制作步骤,39,案例,2-3,绘制,“小鸟”,2.3.4,相关知识,“钢笔工具”,又叫“贝塞尔曲线工具”，它是许多绘图软件广泛使用的一种重要工具。,使用“钢笔工具”,可以绘制精确的路径,(,如直线或平滑、流动的曲线,),。,使用,“钢笔工具”绘画时，单击可以创建直线段上的点，拖动可以创建曲线段上的点。,可以通过,调整线条上的点来调整直线段和曲线段。,40,案例,2-3,绘制,“小鸟”,2.3.4,相关知识,“部分选取工具”,主要用来选择和编辑线条或边的路径形状。可以像“选择工具”那样,选取并,移动对象，当某一对象被“部分选取工具”选中后，图像轮廓线上将出现很多锚点，表示该,对象,已被选中。,要,移动锚点，可用“部分选取工具”选中锚点，此时光标的右下角会出现一个空心的小,方点,，拖动该点则可以移动锚点，轮廓会随之改变，从而完成对图形的修改操作，如,图所,示。,41,案例,2-3,绘制,“小鸟”,2.3.4,相关知识,42,案例,2-3,绘制,“小鸟”,2.3.4,相关知识,与“选择工具”的功能相似，“套索工具”也是用来选择对象的。相对于“选择工具”只能,选择,矩形框内的对象而言，“套索工具”可以自由选择要选定的区域。,43,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.1,案例效果,44,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.2,案例分析,45,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,46,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,47,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,48,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,49,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,50,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,51,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,52,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,53,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,54,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,55,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.3,制作步骤,56,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.4,相关知识,“墨水瓶工具”主要用于更改线条或者形状轮廓的笔触颜色、宽度和样式。使用,“墨水瓶工具”,不是选择个别的线条，而是可以更容易地一次更改多个对象的笔触属性。墨水瓶本身,不能在,工作区中绘制线条，只能对已有线条进行修改,。,57,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.4,相关知识,“滴管工具”,用于探测对象的种类与属性，如文本、线条、填色区块等。探测完毕后，系统,会自动,选用可编辑该对象的对应工具，如提供该对象的颜色、线条粗细、样式及相关信息，以便,应用,到其他对象上。,“滴管工具”,并没有属性，也没有相应的附加选项设置。,58,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.4,相关知识,59,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.4,相关知识,“渐变变形工具”可以调整渐变色的中心点、范围及角度。通过使用“渐变变形工具”,调整填充,的大小、方向或者中心，可以使渐变填充或位图填充变形。由于在影片制作中经常会用,到颜色,的填充和调整，因此，熟练使用该工具也是掌握,Flash,的关键之一。,60,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.4,相关知识,61,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.4,相关知识,62,案例,2-4,绘制,“精致的彩绘花瓶”,2.4.4,相关知识,“缩放工具”,在应用时并不改变工作区中任何实际图形，主要是对所要编辑的过大或过,小的,图形进行视图的调整，以获得比较适当的画面比例,。,“手形工具”,应用于许多图形图像处理软件中，其作用就是移动对象在工作区的显示位置,，以,方便在工作区中的操作。,在,工作区中的任意位置按住鼠标左键向任意方向拖动，即可看到整个工作区的内容,跟随鼠标,的动作而移动。,63,案例,2-5,绘制,“繁星满天”,2.5.1,案例效果,64,案例,2-5,绘制,“繁星满天”,2.5.2,案例分析,65,案例,2-5,绘制,“繁星满天”,2.5.3,制作步骤,66,案例,2-6,绘制“树图案”,2.6.1,案例效果,67,案例,2-6,绘制“树图案”,2.6.3,制作步骤,68,案例,2-6,绘制“树图案”,2.6.4,相关知识,69,案例,2-6,绘制“树图案”,2.6.4,相关知识,70,案例,2-6,绘制“树图案”,2.6.4,相关知识,71,案例,2-6,绘制“树图案”,2.6.4,相关知识,72,案例,2-6,绘制“树图案”,2.6.4,相关知识,73,案例,2-7,制作,“立体文字”,2.7.1,案例效果,74,案例,2-7,制作,“立体文字”,2.7.3,制作步骤,75,案例,2-7,制作,“立体文字”,2.7.3,制作步骤,76,案例,2-7,制作,“立体文字”,2.7.3,制作步骤,77,案例,2-7,制作,“立体文字”,2.7.4,相关知识,静态,文本字段显示不会动态更改字符的文本。,创建,静态文本时，可以将文本放在单独的一行中，该行会随着文本的键入而扩展，也,可以将,文本放在定宽字段,(,适用于水平文本,),或定高字段,(,适用于垂直文本,),中，这些字段会自动,扩展,或折行。,可以,创建静态水平文本,(,从左到右,),或静态垂直文本,(,从右到左或从左到右,),。,78,案例,2-7,制作,“立体文字”,2.7.4,相关知识,静态,文本字段显示不会动态更改字符的文本。,创建,静态文本时，可以将文本放在单独的一行中，该行会随着文本的键入而扩展，也,可以将,文本放在定宽字段,(,适用于水平文本,),或定高字段,(,适用于垂直文本,),中，这些字段会自动,扩展,或折行。,可以,创建静态水平文本,(,从左到右,),或静态垂直文本,(,从右到左或从左到右,),。,79,案例,2-7,制作,“立体文字”,2.7.4,相关知识,动态文本字段显示动态更新的文本，如股票报价或天气预报。,输入文本字段使用户可以在表单或调查表中输入文本。,可以,设置文本的字体和段落属性。字体属性包括字体系列、大小、样式、颜色、字母间距,、自动,字距微调和字符位置。段落属性包括对齐、边距、缩进和行距,。静态,文本的字体轮廓将导出到发布的,SWF,文件中。对于水平静态文本，可以使用,设备字体,，而不必导出字体轮廓。,对于,动态文本或输入文本，,Flash,存储字体的名称，,Flash Player,在用户系统上查找,相同或,相似的字体，也可以将字体轮廓嵌入到动态或输入文本字段中。嵌入的字体轮廓可能会,增加,文件大小，但可确保用户获得正确的字体信息。,80,案例,2-7,制作,“立体文字”,2.7.4,相关知识,使用,消除锯齿功能可以使屏幕文本的边缘变得平滑。消除锯齿选项对于呈现较小的,字体尤其,有效。启用消除锯齿功能会影响到当前所选内容中的全部文本。对于各种磅值大小的,文本,，消除锯齿功能以相同的方式工作。,如果,用户使用的是,Flash Player 7,或更高版本，则消除锯齿功能可用于静态文本、动态,文本,和输入文本。如果用户使用的是,Flash,Player,的较,早,版本,，则此选项只能用于静态文本。,81,案例,2-7,制作,“立体文字”,2.7.4,相关知识,82,案例,2-7,制作,“立体文字”,2.7.4,相关知识,83,案例,2-7,制作,“立体文字”,2.7.4,相关知识,84,案例,2-7,制作,“立体文字”,2.7.4,相关知识,85,案例,2-7,制作,“立体文字”,2.7.4,相关知识,使用,消除锯齿功能可以使屏幕文本的边缘变得平滑。消除锯齿选项对于呈现较小的,字体尤其,有效。启用消除锯齿功能会影响到当前所选内容中的全部文本。对于各种磅值大小的,文本,，消除锯齿功能以相同的方式工作。,如果,用户使用的是,Flash Player 7,或更高版本，则消除锯齿功能可用于静态文本、动态,文本,和输入文本。如果用户使用的是,Flash,Player,的较,早,版本,，则此选项只能用于静态文本。,86,本章小结,本章通过绘制“五星红旗”、绘制“奥运五环”、绘制“小鸟”、绘制“精致的彩绘花瓶”、,绘制“繁星满天”,、绘制“树图案”、制作“立体文字”匕个动画设计案例的学习，全面介绍了,FlashCS6,工具面板中选择变形工具，包括,(“,部分选取工具”“套索工具”“任意变形工具”,“渐变变形工具”,),的使用方法,;,绘图工具，包括,(“,钢笔,工具”,“文本工具”“线条工具”“矩形工具组”,“铅笔工具”,“刷子工具组”,Dec,。工具”,),的使用方法,;,绘图调整工具，包括,(“,颜料桶工具组”,“墨水瓶工具”,“滴管工具”“橡皮擦工具”,),的使用方法，同时介绍了各种工具属性的设置及各种,功能的,使用以及创建动态文本和输入文本的方法，使学习者能全面掌握应用,Flash,绘制图形,的方法,。,