· 用户注册 · 设为首页 · 加入收藏 · 联系站长 · · ·
 | 网站首页 | 文章中心 | 图片中心 | 影音在线 | 下载中心 | 许愿祝福 | 我要投稿 | 
您现在的位置: 生物小吧 >> 文章中心 >> 网站建设 >> 正文 今天是:
第2课 绘图——基本绘图工具(上)
作者:佚名    文章来源:不详    点击数:1568    更新时间:2010/6/3
         【字体:

第2课 绘图
    在计算机绘图领域中,根据成图原理和绘制方法的不同,图像分为矢量图和位图两类型。矢量图形是由一个个单独的点构成的,每一个点都有其各自的属性,如位置、颜色等。矢量图的清晰度与分辨率的大小无关,对矢量图进行缩放时,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差,如图2-0-1所示是放大了16倍的矢量图效果。

2-0-1 矢量图放大到16倍时依然清晰

位图图像是由像素构成的,像素的多少将决定位图图像的显示质量和文件大小,位图图像的分辨率越高,其显示越清晰,文件所占的空间也就越大。因此,位图图像的清晰度与分辨率有关。对位图图像进行放大时,放大的只是像素点,位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。

2-0-2  位图放大16倍时模糊不清

Flash动画制作过程中,会大量地运用到矢量图形。虽然有一些功能强大的矢量图绘制软件,如Corel公司的CorelDraw 软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等,而运用Flash自身的矢量绘图功能将会更方便,更快捷。在这一章里,我们将通过Flash基本绘图工具的学习,绘制出一些简单的矢量图。另外,Flash也具备一定的位图处理能力,虽然比不上专业的位图处理软件,但是对于制作动画过程中需要对位图的一些简单处理,它还是能够胜任的。

第一节 基本绘图工具(上)

Flash 提供了各种工具,用来绘制自由形状或准确的线条、形状和路径,并可用来对对象进行上色,如图2-1-1所示是Flash的工具箱。 

2-1-1 绘图工具箱 

我们将分两节来学习这些工具的使用方法。在本节中,将学习【线条工具】、【滴管工具】、【墨水瓶工具】、【选择工具】、【刷子工具】、【任意变形工具】、【颜料桶工具】等的基本用法。

1.线条的绘制与处理

【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。用鼠标单击【线条工具】,移动鼠标到舞台上,按住鼠标并拖动,松开鼠标,一条直线就画好了。

用【线条工具】能画出许多风格各异的线条来。打开【属性】面板,在其中,我们可以定义直线的颜色、粗细和样式,如图2-1-2所示。

2-1-2 直线【属性】面板 

在如图2-1-2所示的【属性】面板中,单击其中的【笔触颜色】按钮,会弹出一个调色板,此时鼠标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值,16进制数值以#开头,如:#99FF33,如图2-1-3所示。

2-1-3 笔触调色板 

现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮,会弹出一个【笔触样式】对话框,如图2-1-4所示。

2-1-4 笔触样式】对话框 

为了方便观察,我们把【粗细】设置为3pts,在【类型】中选择不同的线型和颜色,设置完后单击【确定】,来看看设置不同笔触样式后画出的线条,如图2-1-5所示。

2-1-5 不同类型的线条 

多试试改变线条的各项参数,会对绘图能力的提高有很大帮助。

【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】单击上面的直线,看看【属性】面板,它显示的就是该直线的属性,此时,所选工具自动变成了【墨水瓶工具】,如图2-1-6所示。

2-1-6 使用【滴管工具】获取线条属性

使用【墨水瓶工具】单击其它样式的线条,可以看到,所单击线条的属性都变成了当前在【属性】面板中所设置的属性了。

如果你需要更改线条的方向和长短,可以用【选择工具】来实现。

【选择工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。在工具箱中选择【选择工具】,然后移动鼠标指针到直线的端点处,指针右下角变成直角状,这时拖动鼠标可以改变线条的方向和长短,如图2-1-7所示。

2-1-7  改变线条方向和长短的鼠标形状

将鼠标指针移动到线条上,指针右下角会变成弧线状,拖动鼠标,可以将直线变成曲线。这是一个很有用处的功能,它可以帮助我们画出所需要的各种曲线形状,如图2-1-8所示。

2-1-8  改变线条为弧线状的鼠标形状

 

2.实例演练——绘制一片树叶

现在我们来实践一下,练习画一片树叶。

执行【文件】|【新建】命令,弹出【新建文档】对话框,在【类型】中选择【Flash文档】,单击【确定】,建立一个新的Flash文档,在这里我们不改变文档的属性,直接使用其默认值。

1)新建图形元件

执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】中输入元件名称为“树叶”,如图2-1-9所示,选择【行为】为【图形】,单击【确定】按钮。

2-1-9 创建图形元件 

这时工作区变为“树叶”元件的编辑状态,如图2-1-10所示。

2-1-10 “树叶”图形元件编辑场景 

说明:图形元件是Flash的基本元素,有关它的详细内容请参阅第四章的有关内容。

2)绘制树叶图形

在“树叶”图形元件编辑场景中,首先用【线条工具】画一条直线,设置【笔触颜色】为深绿色,如图2-1-11所示。

2-1-11 画一条深绿色直线

用【选择工具】将它拉成曲线,如图2-1-12所示。

2-1-12  拉成曲线 

再用【线条工具】绘制一个直线,用这条直线连接曲线的两端点,如图2-1-13所示。

2-1-13 连接两端 

用【选择工具】将这条直线也拉成曲线,如图2-1-14所示。

2-1-14  拉成曲线

一片树叶的基本形状已经绘制出来了,现在我们来绘制叶脉,先在两端点间绘制直线,然后拉成曲线,如图2-1-15和图2-1-16所示。

          

2-1-15  画叶脉线              2-1-16  直线变曲

再画旁边的细小叶脉,可以用直线,也可以将直线略弯曲,这样,一片简单的树叶就画好了,如图2-1-17所示。

2-1-17  简单的树叶效果 

3)编辑和修改树叶

如果在画树叶的时候出现错误,比如说,画出的叶脉不是你所希望的样子,你可以执行【编辑】|【撤销】命令(快捷键为Ctrl+Z),撤销前面一步的操作,也可以选择下面更简单的方法:用【箭头工具】单击想要删除的直线,被单击后的直线呈现网点状,说明它已经处于被选择状态,此时,你将可以对它进行各种修改了,如图2-1-18所示。

2-1-18  被选中的线条 

要移动选中的线条,就用鼠标拖动它,要删除它,就直接按键盘上的Delete键。按住Shift键的同时连续单击线条,可以同时选取多个对象。也可以用【选择工具】框选对象,被框选起来的对象将都被选中。如果要选取全部的线条,按键盘上的快捷键Ctrl+A,就可以将其全部选中了,如图2-1-19所示。

2-1-19  框选对象 

说明:在一条直线上双击,也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。

4)给树叶上色

接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗?如图2-1-20所示。

2-1-20  【颜色】选项 

单击【填充色】按钮,弹出一个调色板,同时光标变成吸管状,如图2-1-21所示。

2-1-21 调色板 

说明:除了可以选择调色板中的颜色外,还可以点选屏幕上任何地方,吸取你所需要的颜色。

如果你觉得调色板的颜色太少不够选,那么单击调色板右上角的【颜色选择器】按钮,此时会弹出一个【颜色】对话框,其中有更多的颜色选项,在这里,你能把选择的颜色添加到自定义颜色中,如图2-1-22所示。

2-1-22 【颜色】对话框 

在【自定义颜色】选项下单击一个自定义色块,该色块会被虚线包围,在【颜色】对话框右边选择你喜欢的颜色,上下拖动右边颜色条上的箭头,拖动鼠标到你需要的颜色上,单击【添加到自定义颜色】按钮,这种颜色就被你收藏起来了。下一次要使用时,打开【颜色】对话框,在【自定义颜色】中可以方便的选取你中意的颜色。

好了,现在我们在调色板上选取绿色,单击工具箱中的【颜料桶工具】,在画好的叶子上单击一下,效果如图2-1-23所示。

2-1-23 填充颜色 

【颜料桶工具】能在一个封闭的区域中填色。按快捷键Ctrl+Z,取消刚填充的颜色,现在我们用【橡皮擦工具】将线条擦出一个缺口,再填充右下角的区域,效果如图2-1-24所示。

2-1-24 擦出缺口后的填充效果 

你看,残缺线条的两边都填上了颜色。

现在,我们一块一块的填上颜色吧!但是在填充颜色前,你一定要将树叶图形恢复到使用【橡皮擦工具】进行擦除操作前的状态,可以按两次Ctrl+Z键来实现。

这时,你可能会想,如果我们刚才先填充颜色再画叶脉就省事多了。确实是这样,随着不断地操作,绘图经验将越来越丰富。填充完的效果如图2-1-25所示。

2-1-25  填充颜色后的效果 

至此,树叶图形就绘制好了。执行【窗口】|【库】命令,打开【库】面板,你将发现【库】面板中出现一个名称为“树叶”的图形元件,如图2-1-26所示。

2-1-26 【库】面板中的“树叶”图形元件 

说明:【库】面板是存储Flash元件的场所,我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里,这里的元件可以拖放到场景中重复使用。有关【库】面板的详细内容请你参阅第四章的相关内容。

5)【颜料桶工具】选项

选择【颜料桶工具】后,在工具箱中,单击【选项】下的封闭小空隙按钮,弹出一个菜单,其中有四个选项,可以根据自己的需要来确定,你可以自己试一下,如图2-1-27所示。

2-1-27 颜料桶工具选项 

说明:【颜料桶工具】是对某一区域进行单色、渐变色或位图填充的工具,它不能作用于线条。选择【颜料桶工具】后,在工具箱下边的【选项】中单击按钮,会弹出四个选项,如图2-1-27所示。其中,【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充;【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充;【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充;【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在Flash中,即使中大缺口,值也是很小的,所在要对大的不封闭区域填充颜色,一般用笔刷。

 

3.【刷子工具】的用法

使用【刷子工具】可以随意地画出各种色块。当单击工具箱中的【刷子工具】后,工具箱下边就会显示出它的【选项】,我们先看看它的【选项】,如图2-1-28所示。

2-1-28刷子工具选项 

在这里,我们可以选定画笔的大小和样式以及它的填色模式。你可以自己选取不同的大小和样式练习练习,先找一找感觉。

下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图2-1-28所示的【选项】下单击按钮,则弹出填充模式下拉列表,如图2-1-29所示。

2-1-29刷子的填色模式 

1)标准绘画

选择【刷子工具】,并将【填充色】设置为黄色,当然也可以设置为其它色。选择刷子的填色模式为【标准绘画】模式,移动笔刷到舞台的树叶图形上,在叶子上拖动鼠标,观察一下效果,如图2-1-30所示。

2-1-30 标准绘画模式 

你将发现,不管是线条还是填色范围,只要是画笔经过的地方,都变成了画笔的颜色。

2)颜料填充

选择【颜料填充】模式,它只影响了填色的内容,不会遮盖住线条,效果如图2-1-31所示。

2-1-31 颜料填充模式 

3)后面绘画

选择【后面绘画】模式,无论你怎么画,它都在图像的后方,不会影响前景图像,如图2-1-32所示。

2-1-32 后面绘画模式 

4)颜料选择

选择【颜料选择】模式,先用画笔抹几下,丝毫不起作用。这是因为我们没有选择范围。用【选择工具】选中叶片的一块,再选择【刷子工具】进行绘制,此时可看到选择区域被涂上所选的颜色,如图2-1-33所示。

2-1-33颜料选择模式 

5)内部绘画

选择【内部绘画】模式,在绘画时,画笔的起点必须是在轮廓线以内,而且画笔的范围也只作用在轮廓线以内,如图2-1-34所示。 

2-1-34 内部绘画模式

 

4.绘制树枝

现在我们要把这孤零零的一片树叶组合成树枝。

想一想,如果用多片这样一模一样的树叶组成树枝,是不是很难看呢?Flash为我们提供了一个很好的工具:【任意变形工具】。利用【任意变形工具】可以将前面绘制的树叶改变成需要的形状。

【任意变形工具】可以旋转缩放元件,也可以对图形对象进行扭曲、封套变形。选中树叶,在工具箱中选择【任意变形工具】,工具箱的下边会出现相应的【选项】,如图2-1-35所示。

2-1-35任意变形工具选项 

说明:【任意变形工具】的【选项】中共包括5个按钮,从上向下依次是:【对齐对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】。当你选择了【任意变形工具】后,【选项】中的按钮并不是马上都被激活,除了【对齐对象】按钮,其他按钮都是灰色显示,只有你在场景中选择了具体的对象以后,其他4个按钮才变成可用状态。

1)旋转树叶

选择【任意变形工具】后,单击舞台上的树叶,这时树叶被一个方框包围着,中间有一个小圆圈,这是变形点,当我们进行缩放旋转时,以它为中心,如图2-1-36所示。

2-1-36变形点 

变形点是可以移动的。将鼠标移近它,鼠标右下角会出现一个圆圈,按住鼠标拖动,将它拖到叶柄处,便于树叶绕叶柄进行旋转,如图2-1-37和图2-1-38所示。

          

2-1-37 选取变形点          2-1-38 拖动变形点到叶柄处

再将鼠标移动到方框的右上角,鼠标变成旋转圆弧状,表示这时就可以进行旋转了。向下拖动鼠标,叶子绕变形点旋转,到合适位置时松开鼠标,效果如图2-1-39所示。

2-1-39旋转后的树叶 

2)复制树叶

用【选择工具】选中树叶图形,执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令,这样就复制出了树叶图片,如图2-1-40所示。

2-1-40复制出的树叶图片

3)变形树叶

将粘贴好的树叶拖到旁边,再用【任意变形工具】进行旋转。使用【任意变形工具】时,也可以像使用【选择工具】一样移动树叶的位置。

拖动任一角上的缩放手柄,可以将对象放大或缩小。拖动中间的手柄,可以在垂直和水平方向上放大缩小,甚至翻转对象。将树叶适当变形,如图2-1-41所示。

2-1-41 缩放对象 

说明:【任意变形工具】的各项功能也可以执行【修改】|【变形】菜单中的命令来实现,如图2-1-42所示。

2-1-42变形命令

4)创建“三片树叶”图形元件

再复制一片树叶,用【任意变形工具】将三片树叶调整成如图2-1-43所示的形状和位置。

在调整过程中,当调整效果不满意时,也许树叶已经不再处于被选中状态,有时要重新选取整片树叶很困难,我们可以多使用撤销命令,以恢复选取状态。当然也可以先新建图层,然后把每片树叶存放到相应的图层中,这样能大大方便树叶的选取,图层的知识我们将在后面介绍。

2-1-43 树叶组合 

如图2-1-42所示的三片树叶图形创建好以后,将它们全部选中,然后执行【修改】|【转换为元件】命令(快捷键为F8),将它们转换为名字为“三片树叶”的图形元件。

把“树叶”元件场景中新增的两片树页删除。

5)绘制树枝

以上的绘图操作都是在“树叶”编辑场景中完成的,现在返回到主场景:场景1,在时间轴的右上角有一个【场景1】按钮,如图2-1-44所示,单击它,这样就切换到了场景1

2-1-44 切换到【场景1 

单击【刷子工具】,选择一种填充色,在工具箱下边的【选项】中,选择【刷子形状】为圆形,【刷子大小】自定,单击按钮,选择【后面绘画】模式,移动鼠标到场景中,画出树枝形状,如图2-1-45所示。

2-1-45 画出树枝

6)组合树叶和树枝

执行【窗口】|【库】命令(快捷键为Ctrl+L),打开【库】面板,你可以看到,【库】面板中有两个刚制作完图形元件,分别为“树叶”和“三片树叶”,如图2-1-46所示。

2-1-46 元件库

单击“树叶”图形元件,将其拖放到场景的树枝图形上,用【任意变形工具】进行调整。元件【库】中的元件可以重复使用,只要改变它的大小和方向,就能制作出纷繁复杂的效果来,如图2-1-47所示。

2-1-47 完成后的树枝效果

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    生物小吧