图形与文本上PPT课件

.,1,图形与文本（上）,使用绘图工具黄爱苑2011.10.17,.,2,第一节使用Flash绘制图形,使用绘图工具线条工具铅笔工具刷子工具组矩形工具组钢笔工具组,.,3,【线条工具】用于绘制各种直线或斜线，选择【线条工具】后，光标在工作区中呈现十字状态，在属性面板中进行各种设置，得到不同效果的线条。,选取【线条工具】后，选项组里显示“对齐对象”按钮，利用它可以使绘制的直线自动连接在一起，从而绘制出各种多边形效果。,线条工具,.,4,选择工具箱中的线条工具，在工具箱下方的选项区域将显示线条工具的选项。选择线条工具，在绘制的前后过程中可以在属性面板上设置直线的属性。,对象绘制：绘制出两个图形即便叠加在一起，也是单独的两个对象。,紧贴至对象：设置绘制的对象与原对象紧贴对齐。,.,5,笔触颜色,填充颜色,笔触粗细,设置线条缩放的方向,控制尖角接合的清晰度,.,6,铅笔工具,【铅笔工具】可以绘制任意曲线,绘制的同时按住【SHIFT】键，可以绘制出水平或垂直的直线。选取【铅笔工具】后，选项组中提供了3种铅笔模式，分别为“伸直”、“平滑”和“墨水”。选择模式的不同，绘制出的线条也大不相同伸直：可以绘制直线。平滑：可以绘制平滑曲线。墨水：绘制自由型线条并基本保持原样。,对象绘制：绘制出两个图形即便叠加在一起，也是单独的两个对象。,包括伸直、平滑、墨水选项,.,7,选择铅笔工具，在属性面板上将显示一些可以调整的选项。,笔触颜色,填充颜色,调节平滑程度,.,8,刷子工具组,可以方便的涂色和绘制各种类型的笔触，还能生成多种特殊效果，包括类似书写的效果。虽然油漆桶工具也可以给图形填充颜色，但是它只能给封闭图形上色，而使用刷子工具可以给任意区域和图形进行颜色的填充。刷子工具多用于对填充目标的填充精度要求不高的场合，使用起来非常灵活。,.,9,(1)刷子工具选择工具箱中的【刷子工具】，在工具箱下方的选项区域将显示刷子工具的选项。锁定填充：该选项是一个开关按钮，当使用渐变色或位图作为填充内容时，按下【锁定填充】按钮，可以将上一笔触的颜色变化规律锁定，作为这一笔触对该区域的色彩变化的规范。,绘制对象,锁定填充,刷子模式,刷子形状,刷子大小,.,10,刷子模式,标准绘画：普通的绘画模式，后绘制的图形会覆盖前面绘制的图形。,.,11,颜料填充：只覆盖填充区域，不会对线条产生影响。,.,12,后面绘画：刷子工具绘制的图形出现在现有图形的背后。,.,13,颜料选择：先要选取一个范围，只有在选取范围内的填充才会被覆盖。,.,14,内部绘画：决定于笔刷开始的位置，如果笔刷开始的位置在图形外部的空白区域，那么填涂的效果如同【后面绘画】；如果笔刷开始的位置在图形内部某一区域，那么填涂效果如同【颜色选择】。,.,15,（2）喷涂刷工具喷涂刷工具包类似于粒子喷射器，使用它可以一次将形状、图案刷到舞台上。,.,16,【编辑】：点击“编辑”按钮将打开【选择元件】对话框可以选择影片剪辑或图形元件以用作喷涂刷粒子。,【缩放】：用作作为粒子的元件的高度或宽度。（调整粒子的大小）,【颜色】：选择用于“默认粒子”喷涂的填充颜色。,设置画笔的宽高和旋转值,围绕中心点旋转基于元件的喷涂粒子,按随机旋转角度将每个基于元件的喷涂粒子放置在舞台上,随机改变每个基于元件的喷涂粒子的大小,.,17,勾选【默认形状】选项后，属性面板将显示为,勾选该选项将以默认粒子喷涂,【颜色】：选择用于“默认粒子”喷涂的填充颜色。,设置用于喷涂粒子的“默认形状”的缩放比例,.,18,矩形工具组,矩形工具和基本矩形工具【矩形工具】用于绘制各种矩形或正方形。绘制矩形时按住【Shift】键可以得到正方形。【基本矩形工具】相对于【矩形工具】来讲更加易于控制矩形对象，【基本矩形工具】绘制的矩形带有节点。【矩形工具】绘制【基本矩形工具】绘制,.,19,【填充和笔触】：与【铅笔】、【线条】工具类似。【重置】：恢复圆角矩形边角的初始值0。,可以分别设置圆角矩形四个边角的半径值，范围是0-999（磅），数字越小圆角的弧度就越小，默认值为0，即没有弧度，表示四个角为直角。,.,20,（2）椭圆工具和基本椭圆工具【基本椭圆工具】相对于【椭圆工具】来讲更加易于控制矩形对象，【基本矩形工具】绘制的矩形带有节点。,.,21,【椭圆选项】：开始角度：设置椭圆（当数值为0时）或扇形的起始角度。结束角度：设置椭圆（当数值为0时）或扇形的结束角度。,.,22,内径：设置椭圆环内侧椭圆的半径。闭合路径：选中后，绘制的扇形为闭合路径。重置：恢复角度和半径的初始值0.,.,23,（3）多角星形工具【工具设置】-【选项】：样式：多边形和星形，默认是多边形。边数：设置边数。星形顶点大小：设置星形顶点的大小，只对星形有作用。,.,24,钢笔工具组,【钢笔工具】用于为绘制较为细致的图形，这些图形是由锚点与线构成的。【部分选取工具】可以帮助调整线条的弧度与锚点的位置等，两种工具通常结合在一起使用，绘制出流畅细致的线条。通常情况下【钢笔工具】、【添加锚点】、【删除锚点】、【转换锚点】以及【部分选取】工具一起使用，可以自如的变形对象。,.,25,绘制直线单击确定起点，再次单击，确定另一个点，与起点连成一条直线，按Esc键结束绘图。绘制曲线单击确定起点，再次单击并进行拖拽，通过鼠标的移动调整线条的弧度，同样按Esc键结束绘图。删除曲线上多余的锚点可以优化曲线，还可以减小文件容量。调整绘制的直线如果对绘制的直线形状不满意，可以进行调节，方法是：按住【ctrl】键不放，鼠标左键单击一个锚点并移动该锚点到合适位置；调整绘制的曲线利用部分选取工具单击线条，显示线条的锚点，接着单击锚点，即可显示线条的另一构成要素切线手柄。单击并拖拽切线手柄，可以改变线条形态。,.,26,要完成一个开放路径：只需要双击最后一个锚点，或者再次单击工具箱中的【钢笔工具】。要完成一个闭合路径：可以将【钢笔工具】重新定位于第一个锚点处。此时鼠标笔尖旁会出现一个小圆圈，然后单击则可封闭路径。要结束【钢笔工具】的使用：按下【ESC】键，或在远离路径的位置按住【ctrl】键并同时点击鼠标左键。移动角点时使用方向键可以每按一次移动一个像素，使用【shift】+方向键每次移动10个像素；在拖动调节手柄的同时按下【shift】键，可使调节柄沿水平、垂直或45等方向上移动。利用【选择工具】单击轮廓线只能选中其中这一段，如果要全部选中请双击鼠标。,.,27,添加与删除锚点选取【添加锚点工具】在路径上单击，可以添加新的锚点；选取【删除锚点工具】在已有的锚点上单击可以删除该锚点。移动锚点利用【部分选取工具】单击线条，显示线条的锚点，当光标靠近线条时，单击并拖拽，可以改变图形在工作区的位置；当光标靠近锚点时，单击并拖拽，可以改变锚点的位置。转换锚点工具：在曲线平滑点上单击可以转换为角点，在直线角点上拖拽可以转换为带调节柄的平滑点。,.,28,练习,绘制绘制树叶图形Flash-学生练习-图形与文本-P1。绘制绘制Logo路径图形，Flash-学生练习-图形与文本-P1。,.,29,第二节使用选择工具,使用选择工具选择工具部分选取工具套索工具橡皮擦工具,.,30,选择工具：,使用选择工具后，在工具箱的下方的选项区将显示选择工具的属性选项。紧贴至对象：打开该按钮，可以使选中的对象，吸附到舞台上已经存在的对象上，更方便对齐。平滑：绘制一条曲线，用【选择工具】将其选中，然后在选项区中单击【平滑】按钮，多次单击该按钮，可以得到更加平滑的曲线。伸直：可以消除线条中一些多余的弧度，用【选择工具】选中一条线条，然后在选项区中单击【伸直】按钮，多次单击该按钮，可以将线条进行平直处理。,紧贴至对象,伸直,平滑,.,31,使用【选择工具】对对象进行操作:选择对象利用选择工具可以选择线条、选择填充色、选择整个对象以及选择部分对象。,.,32,（2）移动对象（3）复制对象：选中对象，按下【alt】键的同时拖动对象，实现对对象的复制。,.,33,（4）编辑对象：当使用【选择工具】指向未选定的对象时，光标会变成“圆弧状”，此时按下鼠标左键并拖动线段上任何一点，即可对对象进行编辑；当光标指向一个角点时，光标将变成“直角状”，此时按下鼠标左键并拖动角点，可以改变其方向和长短，并且线段任然保持为直线。,.,34,部分选取工具,部分选取工具：可以进行“抓取”、“选择”、“移动”和“改变”图形路径的操作,.,35,注意,移动锚点时使用“方向键”可以每按一次移动一个像素；使用【shift】+方向键每次移动10个像素；在拖动调节手柄的同时按下【shift】键，可以使调节柄沿水平、垂直或45等方向上移动。,.,36,套索工具,套索工具用于选取任意范围中的线条与填充色。在选项区中有3个选项按钮。魔术棒：根据颜色差异选择不规则区域。魔术棒设置：阈值：用来设定选定区域相邻颜色值得色宽范围，范围是0-200，数值越高相邻色值范围越宽。平滑：设定选定区域的边缘平滑程度。,魔术棒,多边形模式,魔术棒设置,.,37,多边形模式：可以用直线精确的勾画出选择的区域。关闭【多边形模式】效果打开【多边形模式】效果,.,38,注意,当【套索工具】位于自由模式下时，按住【alt】键可以暂时切换到【多边形模式】，选取完成后松开【alt】键，将重新回到自由模式。在使用【多边形模式】套索时，如果选区没有封闭，双击鼠标可以用一条直线将当前位置与起始点连接，封闭选区范围。,.,39,橡皮擦工具,选择橡皮擦工具，在工具箱的选项区中显示橡皮擦工具的选项。【橡皮擦模式】：用来设定擦除的区域。标准擦除：清除同一图层上的笔触和填充。擦除填色：仅清除填充，对笔触没有影响。擦除线条：仅清除笔触，对填充没有影响。擦除所选填充：仅清除被选定的填充区域，不论笔触是否被选定，都不受影响。在使用该模式前腰线选定区域。内部擦出：仅清除橡皮擦笔触最开始所在的填充区域，如果从空白区域开始则不会清除任何东西，该模式下擦除对笔触没有影响。,橡皮擦模式,橡皮擦形状:设定橡皮擦的形状和大小,水龙头:一次性擦除边线和填充,.,40,【水龙头】用于一次性擦除联系在一起的一致的填充颜色和线条。【橡皮形状】用于设置橡皮的形状与大小。单击橡皮形状文本框，弹出列表，在列表中提供了2种橡皮形状，分别为方形与圆形，通过单击选择形状与大。,.,41,练习,FlashCs5中文版标准教程-绘制“卡通少女”图形P30页。Flash-学生练习-P2-卡通少女。,.,42,第三节使用颜色工具,使用颜色工具设置颜色颜料桶工具组吸管工具,.,43,使用工具箱设置颜色点击笔触颜色框或者填充颜色框，弹出调色板。,笔触色,填充色,默认笔触色（黑）、填充色（白）,交换笔触、填充色,.,44,注意,渐变只能应用于填充，不能应用于边框。单击右上角的按钮可创建透明边框和透明填充。“透明边框”和“透明填充”只能应用于新创建的对象，对于已有的对象可以采用删除的方法应用透明属性。单击右上角的【拾色器】按钮，弹出拾色器对话框。,.,45,使用颜色面板设置颜色：借助【颜色面板】可以很方便的生成、编辑纯色，渐变填充等。,颜色和亮度的设置：不透明度的设置：在“A”输入框内输入0-100数值，调整颜色的不透明度，默认值为100表示不透明。RGB：HSB：,.,46,渐变色：【线性渐变】沿直线方向渐变；【径向渐变】以圆心为中心沿半径方向渐变。【位图填充】,.,47,使用样本面板设置颜色：可以导入、导出、删除和修改填充的颜色配置。其中定制的颜色类型包括纯色和渐变色。,.,48,添加新的渐变色,在【颜色面板】中自定义新的渐变色,将鼠标移动到【样本面板】的下方，鼠标将变成一个“颜料筒”形状，单击鼠标左键，完成添加。,.,49,删除【样本面板】中的颜色,或者按住【CTRL】键的同时，将鼠标移向需要移除的颜色，此时鼠标将呈现“剪刀”形状，点击鼠标左键，完成移除。,将鼠标移向需要移除的颜色，此时鼠标将呈现“吸管”形状，点击鼠标左键，选中该颜色；打开【样本面板】右上角的【菜单选项】选择【删除样本】命令。,.,50,颜料桶工具组,颜料桶工具：用来填充封闭区域。可以使用单色、渐变色和位图填充。选择颜料桶工具，在工具箱下方的选项区将出现：【空隙大小】：是指设置填充色的对象是否为封闭路径，如果不是封闭路径，允许空隙的大小为多少，默认情况下空隙大小设置为没有空隙，也就是不封闭空隙。【不封闭空隙】：只能填充封闭图形【封闭小空隙】：可填充结合不很严密的半封闭图形【封闭中等空隙】：【封闭大空隙】：,空隙大小,锁定填充,.,51,【锁定填充】：锁定渐变色或位图填充，使用“锁定填充”（LockFill）可创建出一种效果，那就是使一幅位图或渐变颜色充满整个舞台，而它填充的区域好比是蒙在舞台上的一块布上所开的“洞”，通过这些“东”看到了被布蒙着的图形。所以使用【锁定填充】可使一幅图或渐变色同时对多个对象进行填充。,.,52,墨水瓶工具,墨水瓶工具：墨水瓶工具用于为填充色描边，其中包括描边颜色、描边高度与描边样式的设置。,描边颜色,描边高度,描边样式,.,53,为填充色描边：为文字描边：在属性面板中设置笔触颜色、笔触高度和笔触样式，在打散的文字上方单击，即可为文字描边。改变笔触样式、颜色：,.,54,滴管工具,滴管工具：滴管工具用于提取与绘制图形中的线条或填充色具有相同属性的图形以及位图中的各种RGB颜色，不但可以用来确定渐变填充色，更可将位图转换为填充色。,.,55,提取线条属性选取滴管工具，当光标靠近线条时单击，即可获得所选线条的属性，此时光标变成墨水瓶的样子，如果单击另一个线条，即可改变这个线条的属性。提取填充色属性选取滴管工具，当光标靠近填充色时单击，即可获得所选填充色的属性，此时光标变成墨水瓶的样子，如果单击另一个填充色，即可改变这个填充色的属性。,.,56,提取渐变填充色属性选取滴管工具，在渐变填充色上方单击，提取渐变填充色，此时在另一个区域中单击即可应用提取的渐变填充色。如果发现图形好像只被一种颜色填充了一样，只是因为锁定填充选项被自动激活，所以渐变填充色会延续上一个填充色的效果，此时单击工具箱选项组中的锁定填充按钮，取消锁定，再次填充渐变色即可。,.,57,位图转换为填充色滴管工具不但可以吸取位图中的某个颜色，而且可以将整幅图片作为元素，填充到图形中。用位图填充图形的方法有两种，即可以利用混色器面板，又可以利用滴管工具，选取滴管工具，在位图填充图形上方单击，提取位图填充，再在另一个区域中单击即可应用提取的位图填充。两种填充方式得到的效果有所不同。,.,58,第四节使用查看工具,使用查看工具放大镜工具手型工具,.,59,手形工具,【手形工具】用于移动工作区，调整场景中的可视区域。同样是移动工具，应注意与【选择工具】相区别，【选择工具】用于移动场景中的对象，改变对象的位置，而【手形工具】的移动不会影响场景中对象的位置。使用时单击【手形工具】，光标变成手的样子，在场景中单击并拖拽鼠标即可调整工作区在场景中的可视区域。,.,60,缩放工具,用于调整视图比例，可以通过选择编辑栏中的视图比例列表来确定视图比例，但可选的选项非常有限，使用缩放工具可以更随意灵活的调整视图比例。缩放工具包含两种调整视图比例的方式，分别为放大和缩小。选择放大选项，在场景中单击，即可放大视图比例，比例的范围为8%2000%。单击选项组中的缩小选项，即可缩小视图比例，按住Alt键可以在放大和缩小的选项之间切换。,.,61,练习,FlashCs5中文版标准教程-绘制“湖光山色”背景图形P45页。Flash-学生练习-P2-湖光山色。,.,62,第五节使用编辑工具,使用编辑工具任意变形工具3D变形工具,.,63,任意变形工具组,任意变形工具：可以改变工作区中对象的形态。选择【任意变形工具】在工具箱下方的选项区中会显示该工具的选项紧贴至对象：设置绘制的对象和原对象紧贴对齐。旋转与倾斜：用来旋转对象。缩放：用来调整对象大小。扭曲：是改变图形的透视关系。需要注意的是要扭曲的对象必须是矢量图，所以其他形式的对象，比如位图必须首先打散或转换为矢量图，才能进行操作。,紧贴至对象,缩放,旋转与倾斜,封套,扭曲,.,64,【扭曲】根据选择锚点的不同，效果也不同，配合功能键的应用，达到以下不同的效果。选择边角中的锚点用任意变形工具选定对象以后，将光标移动到图形的边角处，按下Ctrl键的同时单击并拖拽，可以看到扭曲的图形轮廓线，调整轮廓线的形状就是释放鼠标后图形的形状。选择中间的锚点用任意变形工具选定对象以后，将光标移动到中间的锚点，按下Ctrl键的同时单击并拖拽鼠标，可以看到扭曲的图形轮廓线，调整轮廓线的形状就是释放鼠标后图形的形状，一并达到缩放与倾斜的效果。对称扭曲效果选择边角中的锚点，按下Ctrl+Shift键的同时单击并拖拽鼠标，可以看到扭曲的图形轮廓线，调整轮廓线的形状就是释放鼠标后图形的形。,.,65,封套：利用它可以得到更加丰富的变形效果，弥补【扭曲】变形在某些局部无法照顾到的缺陷。【扭曲】【封套】,.,66,可以应用【扭曲】和【封套】的对象：利用绘图工具绘制的对象、矢量图形、分解组件后的文字。不可以应用【扭曲】和【封套】的对象：元件、群组、位图、影片对象和声音。在【自由变形工具】被选中的状态下，按住【ctrl】键也可以应用【扭曲】功能。按住【alt】键的同时使用【任意变形工具】的【缩放】功能，将以中心点为基准缩放对象。按住【shift】键的同时使用【任意变形工具】的【缩放】功能，将锁定比例缩放对象。按住【alt】+【shift】键的同时使用【任意变形工具】的【缩放】功能，将以中心点为基准，锁定比例缩放对象。,.,67,变形面板,【变形面板】：可以完成对象的变形与重置。,重置选区和变形,取消变形,重置,.,68,渐变变形工具：改变对象的渐变填充效果。当选择了一个渐变填充或位图填充用于编辑时，则该填充区的中心会显示出来，提示边框也会显示出来。,渐变变形工具,.,69,改变渐变中心：用鼠标指向中心点，并拖拽到适合位置。旋转渐变位置：调整渐变幅度:,.,70,径向渐变填充的调节：配合颜色面板，设置更丰富效果,.,71,利用【渐变变形工具】调整填充位图通过填充变形工具可以调整填充位图的尺寸、位置、倾斜角度以及旋转角度。旋转调整倾斜调整位置调整,.,72,3D旋转工具组,【3D工具组】允许用户在全局3D空间或局部3D空间中操作对象。全局3D空间即为舞台空间，局部3D空间即为影片剪辑空间。3D工具组的默认模式是全局。,.,73,3D旋转工具,.,74,3D平移工具：沿X、Y、Z轴，做空间平移。若要重新定位旋转空间中心，请拖动中心点。,.,75,练习,练习：FlashCs5中文版标准教程-绘制“匹萨饼”图形P69页。Flash-学生练习-P3-匹萨饼。练习：“绘制指示符号”图形，Flash-学生练习-图形与文本-P3。练习：绘制绘制网站启动画面，Flash-学生练习-图形与文本-P3。,.,76,第六节使用DECO工具,使用DECO工具,.,77,Deco工具,使用Deco工具将创建的图形形状转变为复杂的几何图案。可以使用喷刷工具或填充工具应用所创建的图案，将一个或多个元件与Deco工具一起使用可以创建丰富的效果。,.,78,（1）藤蔓式填充,藤蔓式填充：用藤蔓式图案填充舞台、元件或封闭区域。通过从【库】中选择元件，可以替换自己叶子或花朵的插图。,可参看FLASH-学生练习-P3-Deco工具视频,.,79,树叶、花：使用库中的任何影片剪辑或图形元件，可以将默认的花朵和叶子元件替换为藤蔓式填充效果。分支角度：指定分支图案的角度。分支颜色：指定用于分支的颜色。图案缩放：使对象同时沿水平和垂直方向放大或缩小。段长度：指定叶子节点和花朵节点间段的长度。动画图案：指定效果的每次迭代都绘制到时间轴的新帧当中。在绘制花朵图案时，此选项将创建花朵图案的逐帧动画序列。帧步骤：指定绘制效果每秒横跨的帧数。,.,80,（2）网格填充,网格填充：可以用【库】中的元件填充舞台、元件或封闭区域。将网格填充绘制到舞台后，如果移动填充元件或者调整元件大小，则网格填充将随之移动或调整大小。,.,81,选择网格填充可以创建“棋盘图案”、“平铺背景”或用自定义图案填充。平铺1-平铺4：最多可以将【库】中的4个影片剪辑或图形元件与网格填充效果一起使用。平铺图案：用简单的网格模式排列元件。砖形图案：用水平偏移模式排列元件。楼层模式：用水平和垂直偏移模式排列。为边缘涂色：勾选此项，填充将扩展到舞台边缘，而不只是在舞台中间。随机顺序：允许元件在网格内随机分布。水平间距：网格中所用元件之间的水平距离。垂直间距：网格中所用元件之间的垂直距离。图案缩放：沿水平和垂直方向放大或缩小元件。,.,82,（3）对称刷子,对称刷子：围绕中心点对称排列元件。使用对称刷子效果可以创建圆形界面元素（如钟表或刻度盘仪表等）和漩涡图案