第2章图形的绘制和编辑.ppt

上传人:夺命阿水 文档编号:734928 上传时间:2023-11-01 格式:PPT 页数:84 大小:710KB
返回 下载 相关 举报
第2章图形的绘制和编辑.ppt_第1页
第1页 / 共84页
第2章图形的绘制和编辑.ppt_第2页
第2页 / 共84页
第2章图形的绘制和编辑.ppt_第3页
第3页 / 共84页
第2章图形的绘制和编辑.ppt_第4页
第4页 / 共84页
第2章图形的绘制和编辑.ppt_第5页
第5页 / 共84页
点击查看更多>>
资源描述

《第2章图形的绘制和编辑.ppt》由会员分享,可在线阅读,更多相关《第2章图形的绘制和编辑.ppt(84页珍藏版)》请在课桌文档上搜索。

1、第2章 图形的绘制和编辑,本章主要内容,2.1 位图和矢量图简介 2.2 工具箱的简介 2.3 基本图形的绘制和涂色2.4 选择和调整工具 2.5 查看工具 2.6 使用颜色 2.7 图形对象的编辑2.8 设置标尺、辅助线和网格,2.1 位图和矢量图简介,计算机图形有两类:位图和矢量图。1、位图 位图图像是由独立的像素点排列组成的,像素是一些极其细微的正方形,位图占用了较多的内存,并且文件的尺寸较大。当放大位图时,实际上是对像素的放大。当位图图像被放大到一定的程度之后,会出现严重的“锯齿”。可见,位图的图像质量和分辨率有关。常用来编辑位图的软件有Photoshop等。,2.1 位图和矢量图简介

2、,位图,2、矢量图 矢量图形是由数学公式计算生成的直线或曲线组成的,矢量的属性包括颜色和位置。当编辑矢量图形时,实际上是在修改描述图形的形态和颜色的属性。矢量图形与分辩率无关,所以无论怎样放大图片,都不会影响画质,一直保持其原有的清晰度,而且生成的文件尺寸相对较小。Flash主要支持位图,但也可将各种位图图像导入到Flash中。,2.1 位图和矢量图简介,矢量图,Flash中绘制的图形都是矢量图形,另外也可以从外部导入EPS、AI、WMF矢量图形文件和JPG、BMP、PNG、TIF等位图图像。导入命令:“文件/导入”,3、位图转换为矢量图 导入位图后,执行“修改/位图/转换位图为矢量图”。,2

3、.2 工具箱简介,绘图工具箱通过标签分为:工具区、查看区、颜色区和选项区。,绘图工具箱,2.3 基本绘图和涂色,Flash中绘制的图形包括两部分组成:笔触色和填充色,可以分别选择填充和笔触进行移动或修改。,笔触色,填充色,1.Flash 绘制模式“合并绘制”模式(默认)当重叠绘制的图形时,会自动进行合并。如果您选择的图形已与另一个图形合并,移动它则会永久改变其下方的图形。,2.3 基本绘图和涂色,“对象绘制”模式 将图形绘制成独立的对象,这些对象在叠加时不会自动合并,可以分别进行处理。“对象绘制”模式创建的图形四周会添加矩形边框,该边框可用于图形选择。,2.“合并绘制”模式与“对象绘制”模式切

4、换3.两种模式下创建的图形之间的转换 对象绘制-合并绘制:“修改/分离”Ctrl+B,合并绘制-对象绘制:“修改/合并对象”“联合”合并一个或多个对象为新的绘制对象。“交集”保留所选对象的相交部分。“打孔”将所选的多个对象的最顶层对象作为打孔形状,对覆盖在其下的其他所有对象重叠部分进行打孔(删除相重叠部分)。“裁切”将所选的多个对象的最顶层对象作为裁切形状,保留覆盖在其下的其他所有对象重叠部分(删除非重叠部分)。,2.3.1 线条工具“线条”工具专门用于绘制各种不同方向的矢量直线段。选择“线条”工具后,在绘图工具箱的“选项”区不会出现任何选项,用户可以通过其对应的“属性”面板,对线条的颜色、线

5、宽、线型进行设置。,“笔触样式”对话框各个属性的意义如下:l 4倍缩放:将观察区域放大4倍,便于用户观看属性设置后的效果。l 粗细:定义线宽,该下拉列表框中给出了一些默认设置,用户也可以输入需要的宽度,但宽度最大不能超过10pts。l 锐化转角:使直线的转折部分更加尖锐。l 类型:用户从该下拉列表框中选择具体的线型。,“笔触样式”对话框,2.3.2 铅笔工具“铅笔”工具和现实生活中的铅笔使用方法大致相同,可以绘制自由的线条和图形。不同的是,“铅笔”工具可以对绘制的线条进行伸直或平滑处理,也可以用来识别和校正基本的几何图形。,铅笔模式 用三种铅笔模式绘制的图形,2.3.3 钢笔工具 使用“钢笔”

6、工具可以绘制精确的路径,如直线或者平滑流畅的曲线。“钢笔”工具常与“部分选择”工具配套使用,利用“部分选取”工具可对用钢笔绘制的图形进行巧妙多样的修饰。,设置钢笔工具首选参数 选择菜单:“编辑”“首选参数”“绘画”显示钢笔预览:在用钢笔绘画时,在未单击鼠标创建点时,Flash 会显示线段预览。显示实心点:将未选定的锚点显示为实心点,并将选定的锚点显示为空心点。显示精确光标:指定钢笔工具指针以十字准线指针的形式出现。,1.用钢笔工具绘制直线段路径 选中“钢笔”工具简单地移动鼠标并连续地单击就可以绘制出一系列直线,每次单击的位置便是一条直线的起点或终点。,要完成一条开放路径,双击最后一个点;或者按

7、住 Ctrl 键单击路径外的任何地方;或者直接按ESC键。要闭合路径,可将钢笔工具放置到第一个锚点上。如果定位准确,就会在靠近钢笔尖的地方出现一个小圆圈。单击或拖动以闭合路径。,2.使用钢笔工具绘制曲线路径 若要创建曲线,请在曲线改变方向的位置处添加锚点,并拖动构成曲线的方向线。方向线的长度和斜率决定了曲线的形状。,3.调整路径上的锚点(1)移动锚点 使用“部分选取”工具拖动点。(2)轻推锚点 使用“部分选取”工具选择点并用箭头键来移动点。,(3)转换锚点类型 要将角点转换为曲线点,可使用“部分选取”工具来选择该点,然后按住 Alt 键拖动该点即可产生切线手柄。要将曲线点转换为角点,可用钢笔工

8、具直接单击该点。,(4)添加锚点 直接使用钢笔工具单击曲线非锚点位置处。(5)删除锚点 删除角点:可用钢笔工具单击该点一次。删除曲线点:可用钢笔工具单击该点两次。(单击一次将该点转换为角点,再单击一次删除该点。)删除任意多个锚点:用“部分选取”工具选择一个或多个锚点后,按 Del 键。,2.3.4 刷子工具“刷子”工具的绘制效果与日常生活中使用的刷子类似,可以刷出线条和填充闭合的区域。与“铅笔”工具绘制的单一线条相对的是:“刷子”工具绘制的无轮廓线的填充图形。,刷子模式标准绘画 对笔触色(线条)和填充色进行覆盖涂色。颜料填充 对填充色和空白区域涂色,不影响线条。后面绘画 在空白区域涂色,不影响

9、线条和填充色。颜料选择 只对选中的填充色部分涂色。内部绘画 只对刷子第一次单击所在的填充色部分进行涂色。如果在空白区域中开始涂色,则不会影响任何现有填充区域。,2.3.5 椭圆工具“椭圆”工具可以用来绘制圆和椭圆,绘制出来的图形不仅包括矢量线,还能在矢量线内部填充色块。用户可以根据需要取消矢量线内部的填充色块或外部的矢量线。,绘制的椭圆和正圆,2.3.6 矩形工具 矩形的绘制方法和椭圆的基本相似。选择“矩形”工具在舞台上拖动鼠标,确定矩形的大小后释放鼠标,规定长度、宽度的矩形就显示在舞台上。用户还可以通过矩形工具对应的“属性”面板设置矩形的边框属性以及填充颜色。,绘制的各种矩形,2.3.7 多

10、角星形工具 使用“多角星形”工具可以绘制多边形和星形。用户可以选择多边形的边数或星形的顶点数(从3到32),还可以选择星形顶点的深度。,“工具设置”对话框 边数为6的多边形和星形,2.3.8 墨水瓶工具“墨水瓶”工具可以用来设置线条或轮廓线的颜色、线宽和线型等属性,并将这些属性应用到指定的线条或轮廓线上。但对线条能应用纯色,还可应用渐变或位图。如果该填充色没有边缘线条,使用墨水瓶工具单击后将会产生线条。,2.3.9 颜料桶工具 在填充色区域上单击可改变当前填充色。在无填充色的线条内部单击可用颜色填充以封闭该线条围成的区域。空隙参数:不封闭空隙:要求线条必须是闭合的才可填充。封闭小空隙、封闭中等

11、空隙、封闭大空隙:要求线条的空隙符合相应大小。注:如果空隙太大,可能必须手动封闭它们。,2.3.10 滴管工具 用滴管工具单击一个图形的笔触(填充)部分,系统自动切换成墨水瓶(颜料桶)工具,然后就可以在需要其他图形的笔触(填充)上单击即可复制该颜色效果。“滴管”工具还允许从位图图像取样用作填充。,2.3.11 橡皮擦工具(1)快速删除舞台上的所有内容 双击“橡皮擦”工具(2)删除笔触段或填充区域 选择“橡皮擦”工具,然后单击“水龙头”功能键,单击要删除的笔触段或填充区域。,橡皮擦对应选项 橡皮擦模式,(3)通过拖动擦除“橡皮擦”工具选项:标准擦除 擦除笔触和填充。擦除填色 只擦除填充,不影响笔

12、触。擦除线条 只擦除笔触,不影响填充。擦除所选填充 只擦除当前选定的填充,不影响笔触(不论笔触是否被选中)。内部擦除 只擦除橡皮擦第一次单击处的填充区域。如果从空白点开始擦除,则不会擦除任何内容。,设置橡皮擦的形状和大小 橡皮檫太大或太小都不方便擦除对象,需要调整橡皮擦的大小和形状。单击橡皮擦形状下拉列表按钮,在其中选择一种形状,也可在选择形状的同时选择合适的大小。,2.4 选择和调整工具,一、选择工具“选择”工具可用来选择、移动、复制、修改、旋转、推拉、缩放矢量线和矢量图形。单击“选择”工具,在选项区出现3个选项,如下图所示。,1、使用“选择”工具选择对象选择矢量边线:单击对象的边线部位,则

13、只能选择一条边线;双击可以选择所有的边线。选择填充色块:单击对象的填充,只能选择填充;双击可以同时选中边线和填充内容,即整个对象。选择多个对象:按住鼠标左键拖动鼠标,用拖曳的矩形线框来选择多个对象。选择某一对象后,按住Shift键单击其它对象,也可以选择多个对象。,2、使用“选择”工具改变矢量图形的形状 选中“选择”工具,将鼠标指向线条或形状的外边缘时,指针形状会发生变化,以指明在该线条或填充上可以执行哪种类型的形状改变,如下图。,改变角点位置,改变曲线外形,2.4.2 套索工具“套索”工具主要用于创建不规则的选区。多边形模式:可以创建多边形形状的区域。魔术棒:在分离位图上选取颜色相近的 区域

14、。魔术棒属性:设置选区范围内邻近像素 颜色的相近程度和选区边缘的平滑程度。,套索工具对应选项,在“编辑/首选参数”中勾选“接触感应选择和套索工具”选项,则用选择工具和套索工具时,只要框选对象任意部分就能将对象全部选中,否则必须把对象完全框选才能选中。,使用“套索”工具对应的魔术棒 选择“套索”工具,在对应的选项区中单击按钮进入魔术棒模式。主要用于对导入的位图分离后进行颜色选择。,“魔术棒设置”对话框,参数含义如下:l 阈值:定义了选取范围内的颜色与单击处像素颜色的相近程度,阈值越大,选取范围就越大。该选项的范围为0200之间。l 平滑:定义了选取边缘的平滑程度。该下拉列表框有4个选项,分别是像

15、素、粗略、正常和平滑,这4个选项是对阈值的进一步补充。,自由选取对象 选择“套索”工具,在工作区内拖动鼠标,会沿鼠标运动轨迹出现一条不规则的黑线,黑线所包围的部分被选中,多边形模式 选中“套索”工具,在对应的“选项”区单击按钮,然后在舞台上单击鼠标做为创建选区的起点,再把鼠标移动到下一个位置单击鼠标,继续重复操作。双击鼠标即可闭合选择区域。通过这种方法可以创建一个多边形区域。,2.4.3 部分选取工具“部分选择”工具是修改和调整路径非常有效的工具。用“部分选择”工具单击轮廓线条(如果填充色没有轮廓,也可以单击选择填充色边界),会出现线条的锚点,然后即可调节。,2.4.4 任意变形工具 可对图形

16、、组、实例或文本块等对象进行调整。如移动、旋转、缩放和扭曲等。,任意变形工具对应选项,选项含义如下:l 旋转与倾斜:进行旋转或倾斜操作。l 缩放:进行等比或不等比例放大或缩小扭曲:拖动选中对象四周的控制点可实现扭曲调整。若按住Shift键可以进行对称调整,即在对象的一个方向上进行调整时,反方向也会自动调整。l 封套:封套选项的功能有点类似于“部分选取”工具的功能,此选项允许使用切线调整曲线。,2.4.5 填充变形工具“填充变形”工具用于调整渐变颜色、填充物和位图填充物的尺寸、角度和中心点。使用“填充变形”工具调整渐变填充的样式,也可以调整位图填充的样式。注:该工具只对渐变填充、位图填充有效。,

17、A中心点 设置渐变中心位置。B焦点 只在放射状渐变时才有,控制渐变起点。C长宽调整 改变填充区域大小,位图填充有水平和垂直两个方向的调整手柄。D等比大小 等比缩放长宽大小E旋转 改变渐变的旋转角度。,2.5 查看工具,Flash 提供了两种视图工具:“手形”工具和“缩放”工具。1、缩放工具“缩放”工具和其他应用程序所提供的缩放工具相似,可以对工作对象进行放大或缩小。,第2章基本图形的绘制和编辑,视图工具,2、手形工具 使用“缩放”工具放大图像后,可能无法看到整个图像,此时可用滚动条进行查看,也可以使用“手形”工具。“手形”工具是将舞台中的所有内容相对于文件的窗口进行移动,而内容的相对位置并没有

18、改变。,技巧:按住空格键不放,可保持平移操作状态。按住空格键再按一下Z键,可切换成放大操作,配合Alt键可切换成缩小操作。在手形工具上双击鼠标可让舞台以最适合的窗口大小显示,在缩放工具上双击鼠标可让舞台以1:1的比例显示。,2.6 使用颜色,颜色修改可使用工具箱“颜色”区域、“属性”面板、“混色器”面板、“颜色样本”面板。对于笔触、填充颜色,可以用纯色、渐变色或位图。要进行位图填充,必须先把位图导入到当前文件中。,1、选取颜色 使用“颜色”区中的笔触和填充按钮 使用“属性”面板 使用“混色器”面板 2、“混色器”面板 R-G-B:每个分量色彩值为0-2553、“颜色样本”面板,4、创建或编辑渐

19、变色有两种渐变类型:线性渐变和放射状渐变。线性渐变:创建的渐变从起始点到终点沿直线逐渐变化。放射状渐变:创建的渐变从起始点到终点按照环形模式向四周逐渐变化。,线性渐变 放射状渐变,5、位图填充 使用“混色器”面板既可以进行纯色填充,也可以进行渐变填充,还可以进行位图填充。利用“混色器”面板中的“位图填充”选项进行填充之前,必须先导入图形文件,效果如下图。,位图填充,锁定填充功能 只有“刷子”和“颜料桶”工具才具有该功能参数,并且只对渐变、位图填充有效。锁定渐变色或位图填充,可以使填充看起来好像扩展到整个舞台,并且用该填充涂色的对象好像是显示下面的渐变或位图的遮罩。,2.7 图形对象的编辑,2.

20、7.1 获取对象1.分离对象:合并对象、导入的图形分离后、位图矢量化后的矢量图2.组:3.绘制对象4.实例,2.7.2 对象的移动、复制和删除1、移动对象 选择对象后可以通过以下方法完成移动对象的操作:方法1:用“选择”工具拖动来移动对象 方法2:用键盘上的方向键移动对象 方法3:使用“信息”面板移动对象 方法4:用“属性”面板移动对象 方法5:通过菜单命令移动对象,2、复制对象 选择对象后可以通过以下方法完成复制对象的操作:方法1:使用“选择”工具复制对象 方法2:通过菜单命令复制对象,3、删除对象 选择一个或多个对象,执行以下其中一项操作将删除对象:按下Delete键或Backspace

21、键。选择“编辑”“清除”菜单命令。选择“编辑”“剪切”菜单命令。右击该对象,然后从快捷式菜单中选择“剪切”命令。,2.7.3 对象的组合和解组 1、对象的组合 选择要组合的多个对象,选“修改”“组合”命令,或者按下快捷键Ctrl+G,将多个对象组合在一起。,对象组合前后效果图,2、对象的解组 如果需要取消组合操作,可以采用解组的方法:选中要取消的组合,选择“修改”“取消组合”命令,或者按下Ctrl+Shift+G组合键。3、编辑组或组中的对象 选中组对象,选择“编辑”“编辑所选项目”命令进入该组的编辑状态,或用选择工具双击该组对象。,对象组合特点:组合的对象只能整体选择移动,不可直接修改形状、

22、颜色。(可用“选择工具”双击后,才能进入内部进行编辑。)使用套索工具只能整体选择。在属性面板只能设置整体大小、位置。可设置前后叠放次序,透明度效果。,2.7.4 对象的翻转、对齐与重叠1、对象的翻转 对象的翻转是比较常用的修改方式,主要包括水平翻转和垂直翻转两种。选中对象,选择“修改”“变形”“垂直翻转”命令,这时图形发生了垂直翻转。选择“修改”“变形”“水平翻转”命令,发生了水平翻转。,图形发生垂直翻转,图形发生水平翻转,2、对象的对齐 Flash绘画中常会有对齐多个对象的需要,使用“对齐”面板能沿水平方向或垂直方向对齐选定的对象。方法:选择多个对象,选择“窗口”“对齐”命令,在打开的“对齐

23、”面板中,选择某种对齐方式。,单击“下对齐”按钮后的效果图,3、对象的重叠 在Flash中创建的多个对象往往相互重叠在一起,用户可以调整它们的叠放顺序。移至顶层(Ctrl+Shitf+Up):上移到顶层上移一层(Ctrl+Up):向上移一层下移一层(Ctrl+Down)向下移一层移至底层(Ctrl+Shitf+Down)下移到底层,2.7.5 线条与填充的处理技巧1、将线条转换为填充 此功能可将线条转换为填充,这样用户就可以按填充色方式来处理线条。,将线条转换为填充,2、线条优化“修改/形状/优化”:减少线段数“修改/形状/平滑”:平滑线条“修改/形状/伸直”:让线条趋近标准几何图形(椭圆、直

24、线、矩型),3、填充的扩展 选择“修改”“形状”“扩展填充”命令,弹出“扩展填充”对话框。各选项的含义如下:距离:设置填充扩展的尺寸。扩展:向外扩大插入:向内缩小,扩展后的填充线条,4、填充的柔化 选中填充形状,选择“修改”“形状”“柔化填充边缘”命令,弹出“柔化填充边缘”对话框。各选项的含义如下:距离:柔化后的边缘与原始形状的边缘的距离,以像素为单位。步骤数:控制用于柔边效果的曲线数。数值越大,效果就越平滑。扩展:向外柔化,使形状更大。插入:向内柔化,使形状缩小。,柔化后的填充线条,2.8 设置标尺、辅助线和网格,2.7.1 标尺的使用 Flash中的标尺就类似直尺,它可以用来精确测量图像的

25、位置和大小。,1、显示或隐藏标尺 在默认情况下,标尺没有打开,可选择“视图”“标尺”命令打开标尺,打开的标尺出现在工作区的左侧和顶部。再次选择“视图”“标尺”命令,将隐藏标尺。2、修改标尺度量单位 默认情况下,标尺使用的单位是像素。如果要修改单位,选择“修改”“文档”,弹出“文档属性”对话框,从“标尺单位”对应的下拉列表中选择任意单位。,选择标尺单位,2.8.2 辅助线的使用 如果显示了标尺,可以将水平和垂直辅助线从标尺拖动到舞台上,以便更好地进行创作。1、添加辅助线 打开标尺后,将光标移动到顶部的标尺上,按住鼠标左键,拖动鼠标到舞台中央后松开,将在舞台上出现一条横向的辅助线。按照同样的方法,

26、从左侧向右拖动鼠标,可以添加纵向的辅助线。,2、设置辅助线首选参数:要设置辅助线的首选参数,选择“视图”“辅助线”“编辑辅助线”,打开“辅助线”对话框,然后执行以下任意操作:l 修改辅助线的颜色:单击颜色框可修改辅助线的颜色。l 显示辅助线:选中或取消选中复选框,可以显示/隐藏辅助线。l 对齐辅助线:选中或取消选中复选框,可以打开或关闭对齐辅助线。,l 锁定辅助线:选中或取消选中复选框,可以锁定或解锁辅助线。l 对齐精确度:可从弹出菜单中选择对齐方式,来修改对齐精确度。l【全部清除】按钮:单击将删除所有的辅助线。l【保存默认值】按钮:单击将当前设置保存为默认值。,利用菜单命令可对辅助线作如下设

27、置:l 显示/隐藏辅助线:如果已经添加了辅助线,选择“视图”“辅助线”“显示辅助线”命令,将隐藏辅助线,再次选择该命令可以重新显示辅助线。l 删除辅助线:在辅助线处于解锁状态时,使用“选择”工具将辅助线拖到水平或垂直标尺上。或者选择“视图”“辅助线”“清除引导线”命令删除辅助线。,l 对齐辅助线:选择“视图”“辅助线”“对齐辅助线”命令将对齐辅助线,如果再次选择将取消对齐辅助线。l 锁定辅助线:选择“视图”“辅助线”“锁定辅助线”命令即可。,2.8.3 网格工具的使用 使用“网格”工具可以使对象方便地在工作区中定位。可以将对象与网格对齐,也可以修改网格大小和网格线颜色。1、显示/隐藏网格 默认

28、情况下网格是不显示的,选择“视图”“网格”“显示网格”命令,舞台上将出现灰色的小方格,默认大小为1818像素。需要说明的是网格不是图像,只是方便绘图的一种工具。,2、设置网格参数 选择“视图”“网格”“编辑网格”命令,打开“网格”设置对话框。在“网格”对话框中,可以设置网格的颜色、大小及对齐等参数。l 修改颜色:默认的网格线颜色是灰色。如果需要修改网格颜色,请单击颜色框,然后从拾色器中选择一种颜色。,“网格”属性对话框,l 显示网格:选择或取消选择复选框,可以显示或隐藏网格。l对齐网格:选择或取消选择复选框,可以打开或关闭对齐网格线。l 设置网格大小:在水平和垂直箭头右侧的文本框中输入一个值,可改变网格的大小。l 对齐精确度:在对应的下拉列表中,选择不同的选项将决定捕捉到网格的难易程度。l 保存默认值:单击【保存默认值】按钮,可将当前设置保存为默认值。,

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 在线阅读 > 生活休闲


备案号:宁ICP备20000045号-1

经营许可证:宁B2-20210002

宁公网安备 64010402000986号