FLASH第三课1

来源:百度文库 编辑:神马文学网 时间:2024/04/29 12:58:53
第3课 基本绘图工具(下)
1.【椭圆工具】和【矩形工具】的用法
在工具箱中选择【椭圆工具】,将鼠标移动到场景中,拖动鼠标可绘制出椭圆或圆形。选择【矩形工具】,在场景中拖动鼠标可绘制出方角或圆角的矩形。在【属性】面板中可以设定填充的颜色及外框笔触的颜色、粗细和样式,这与【线条工具】的属性设置一样。 现在我们来试试。单击【椭圆工具】,在【属性】面板中,选择【笔触颜色】为红色,【粗细】为5像素,【笔触样式】为圆点样式,【填充颜色】为黄色,在舞台上拖动鼠标。效果还行吧?试试用同样的方法画矩形。记住,按住Shift键的同时拖动鼠标可以将形状限制为圆形和正方形。
利用【矩形工具】还可以绘制出圆角的矩形。【矩形工具】中“圆角矩形”的角度可以这样设定:选择【矩形工具】后,单击工具箱下边的【圆角矩形半径】按钮,也可以用鼠标双击工具箱中的【矩形工具】,弹出【矩形设置】对话框,如图2-2-1所示。

图2-2-1 【矩形设置】对话框
在其中的【边角半径】中输入数值,使矩形的边角呈圆弧状。如果数值为零,则创建的是方角。你也可以在场景中拖动【矩形工具】时按住键盘上的上下方向键,以调整圆角半径。
按住【矩形工具】一会儿,会弹出一个菜单。单击【多角星形工具】,在【属性】面板中可以设置多边形边的数量和形状。在面板中单击【选项】按钮,弹出【工具设置】对话框,如图2-2-2所示。

图2-2-2 【工具设置】对话框
打开【样式】下拉菜单,可以选择【多边形】或【星形】,可以在对话框中定义多边形的边数,数值介于3~32之间。
下面是用不同样式和颜色随意画出的图案,如图2-2-3所示。你也试试吧,可以选择不同颜色不同样式多画些图形,以加深印象。

图2-2-3 用椭园工具和矩形工具画出的图案
2.画一座房子
学习了基本工具的用法,还需要灵活地运用才能制作出美好的图形来。我们来画一座简单的小房子,体验一下创作的快乐。
选择【矩形工具】,设置【笔触颜色】为黑色,单击【填充色】按钮,会出现颜色选择面板,在面板右上角单击按钮,如图2-2-4所示。

图2-2-4 颜色选择面板
设置完后,绘制出两个矩形,上面的矩形作房顶,下面的矩形作房身,如图2-2-5所示。

图2-2-5 绘制出两个矩形
用【选择工具】双击上面矩形的任一条边,将整个矩形全部选中,单击【任意变形工具】,将鼠标移动到所选矩形上边上,鼠标变成形状,拖动鼠标,将矩形斜切成平形四边形,如图2-2-6所示。

图2-2-6 将矩形变形为平形四边形
用【线条工具】将两图形连接起来,如图2-2-7所示。

图2-2-7 直线连接房顶与房身
用【线条工具】画屋顶的侧面。注意,按住Shift键拖动可以将线条限制在45度的倍数方向,所以,画房身的直线时,可以按住Shift键,如图2-2-8所示。

图2-2-8 画屋侧面
画出门的形状,如图2-2-9所示。

图2-2-9 画门
再来绘制窗户。使用【椭圆工具】画一圆形,用【选择工具】框选靠下的大半个圆,按Delete键,删除所选部分,剩下上面的弧线。紧接着弧线画一长方形,如果不容易对准,可以使用【放大镜工具】将画面放大。画好以后,双击【缩放工具】就可以恢复原状了,如图2-2-10所示。

图2-2-10  绘制窗户
增加直线,形成窗格。选中窗户,在【属性】里将颜色改为浅蓝色,并增粗,如图2-2-11所示。

图2-2-11  画窗格
将画好的房子填充颜色,并去除多余的轮廓线,如图2-2-12所示。

图2-2-12  填充颜色
一座漂亮的小房子就画好了,用Flash作图就这么简单。现在你一定信心大增吧!
3.【铅笔工具】的用法
【铅笔工具】的颜色、粗细、样式定义和【线条工具】一样,在它的附属选项里有三种模式,如图2-2-13所示。

图2-2-13 铅笔工具选项
u       伸直模式:在伸直模式下画的线条,它把线条转成接近形状的直线。
u       平滑模式:把线条转换成接近形状的平滑曲线
。u       墨水模式:不加修饰,完全保持鼠标轨迹的形状。
下面是三种模式所画的线条,如图2-2-14。
图2-2-14 三种模式画的线条
【铅笔工具】的使用很简单,大家自己随意练习。【铅笔工具】虽有这三种模式,但是要用它直接绘画,需要看你对鼠标的驯服度了。要是你的鼠标不太听话,最好还是多使用【线条工具】和【钢笔工具】
4.【钢笔工具】和【部分选取工具】的用法
用【钢笔工具】画路径是非常容易的。选择【钢笔工具】后,在舞台上不断地单击鼠标,就可以绘制出相应的路径,如果想结束路径的绘制,双击最后一个点。
说明:按住 Shift 键的同时再进行单击,可以将线条限制为倾斜 45 度的倍数方向。
创建曲线的要诀是在按下鼠标的同时向你想要绘制曲线段的方向拖动鼠标,然后将指针放在你想要结束曲线段的地方,按下鼠标按钮,然后朝相反的方向拖动来完成线段。如果觉得这条曲线不满意,我们还可以用部分选取工具来进行调整。
现在我们来练习画一条波浪线,为了让大家容易理解,先执行【视图】|【网格】|【显示网格】命令,在工作区中出现网格,使定点更容易。我们先在一个网格的顶点上单击鼠标确定起点,然后在顶点的对角点单击并拖动鼠标,如图2-2-15所示。

图2-2-15  拖动钢笔工具
然后每隔三个网格进行拖放,每次拖放的方向与前次向反。好,一条很有规律的波浪线出现了,如图2-2-16所示。

图2-2-16  钢笔工具画波浪线
可以看到,在画线时鼠标按下的地方出现了一个个节点,在工具箱中选择【部分选取工具】,单击节点,会出现两个手柄,如图2-2-17所示。

图2-2-17 选取节点
拖动手柄可以改变曲线的形状。按住Alt键并拖动手柄,可以不影响另一个手柄。拖动节点可以改变节点的位置,如图2-2-18所示。

图2-2-18 拖动手柄调节曲线形状
5.【填充变形工具】的用法
回头看看我们画的小房子,美中不足的是颜色比较呆板,在Flash中有没有办法让色彩过渡柔和平滑呢?我们将通过另一个实例来学习Flash中调整色彩变化的工具:【填充变形工具】。我们的实例是制作一个网页上经常可以看到的按钮图形,晶莹剔透,先看看效果,如图2-2-19所示。

图2-2-19  按钮效果
跟着教材一步一步进行操作,你将很快能做出这个按钮来。
选择【椭圆工具】,设置【填充色】为无,按住Shift键,在舞台上绘制出一个空心正圆。
执行【窗口】|【混色器】命令,打开【混色器】面板,在其中选择填充类型为【放射状】,在颜色条下,单击左端的色标,设置为浅紫色(#D9C8FD),单击右端的色标,设置为深紫色(#5407E4),如图2-2-20所示。

图2-2-20  填充色设置
选择【颜料桶工具】,单击圆的中心略偏下的地方,将刚设置的渐变色填充到圆中,成为按钮下方的高光色。
在工具箱中选择【选择工具】,单击圆的外边框,将其选中,按键盘上的Delete键,将它删除。现在的高光色太圆太大,我们使用【填充变形工具】对其进行调整。 选择【填充变形工具】,单击图形,会出现一个带有三个手柄的环形边框,圆环中心的小圆圈表示填充色的中心,拖动此中心点,可以改变渐变色的位置;拖动方形的手柄可以改变填充渐变色的宽度,更改环形渐变的半径;拖动下边的圆形手柄,可以旋转填充色的方向,如图2-2-21所示。

图2-2-21  填充变形手柄
我们这里先向圆心处拖拉中间的手柄,使中间高光色缩小一些,如图2-2-22所示。

图2-2-22  收缩填充色
再按住方形手柄向外拉,使高光色变得扁一点,如图2-2-23所示。

图2-2-23  拉长填充色
现在一个基本形状创建好了,注意以上操作都是在默认的【图层1】上完成的,下面我们要在一个新图层上创建另外的形状。
说明:在绘制复杂图形时,往往需要使用多个图层,分别在独立的图层上创建图形,然后再将它们叠放在一起,这样的好处是,图形互相各不影响,容易编辑和调整。有关图层的详细内容请参阅第3章的有关内容。
在【图层1】下面单击【插入图层】按钮,如图2-2-24所示。这样就可以插入一个新图层了。

图2-2-24 插入图层
为了使在新图层中的操作不影响下一图层,可将【图层1】锁定。单击【图层1】中与上面锁状按钮所对应的小黑点,可以将本图层锁定,如图2-2-25所示。

图2-2-25  锁定图层
选择【图层2】,使用【椭圆工具】绘制出一个椭圆,并移动到如图2-2-26所示的位置。

图2-2-26  绘制出一个椭园
在【混色器】面板中选择【线性】渐变,设置左边色标为白色,右边色块为深蓝色,为了更好地和第一层的颜色相融合,我们把右边色标的【Alpha】值设为0%,如图2-2-27所示。

图2-2-27  填充色设置
为椭圆填充渐变色,删除椭圆的轮廓线。选择【填充变形工具】,单击图形,拖动小圆圈,顺时针旋转手柄90度,可见在线性渐变上显示的与径向渐变圆环外框不同,线性渐变为两条平行的直线,其中一条上有方形和圆形的手柄,方形手柄缩放渐变色,圆形手柄改变渐变色方向。和径向渐变一样拖动中心点调节渐变色的中心位置,如图2-2-28所示。
图2-2-28  调节线性渐变色
用鼠标拖动中心点,向上略提一点。按住方形手柄向圆心处拖拉,使渐变色缩小一些。我们的按钮就做好了,如图2-2-29所示。

图2-2-29  完成后的按钮
6.【套索工具】
【套索工具】是一种选取工具,使用的时候不是很多,主要用在处理位图时。选择【套索工具】后,会在【选项】中出现【魔术棒】、【魔术棒属性】和【多边形模式】,如图2-2-30所示。

图2-2-30 套索工具选项
在场景中随意绘制一个图形,选择【套索工具】,在【选项】里单击【多边形模式】,根据需要单击鼠标,当得到你需要的选择区域时,双击鼠标自动封闭所选区域,如图2-2-31所示。

图2-2-31  多边形模式
【魔术棒】用于对位图的处理。如果我们要选取位图中同一色彩,可以先设置魔术棒属性。单击【魔术棒属性】按钮,弹出【魔术棒设置】对话框,对于【阈值】,输入一个介于1到200之间的值,用于定义所选区域内,相邻像素达到的颜色接近程度。数值越高,包含的颜色范围越广。如果输入0,则只选择与所单击像素的颜色完全相同的像素。在【平滑】菜单中有四个选项,用于定义所选区域边缘的平滑程度,如图2-2-32所示。

图2-2-32  魔术棒设置对话框
执行【文件】|【导入】|【导入到舞台】命令,在Flash中导入一幅位图图像,保证图像处于选中状态,执行【修改】|【分离】命令(快捷键Ctrl+B),将位图分离,选择【魔术棒】,单击需要选择的部分,如图2-2-34所示。


图2-2-34 选择图像背景
说明:利用上面叙述的方法可以将位图图像的背景去掉。具体方法是,将位图图像打散,选择【魔术棒】,设置魔术棒属性,选取位图背景,然后按下Delete键将所选背景删除。
7.【橡皮擦工具】
顾名思义,【橡皮擦工具】就和橡皮一样,可以擦去你不需要的地方。双击【橡皮擦工具】,可以删除舞台上的所有内容。选择【橡皮擦工具】,单击按钮,在弹出的菜单中有几个选项,如图2-2-35所示。

图2-2-35  橡皮擦工具选项
标准擦除:擦除同一层上的笔触和填充。
u       擦除填色:只擦除填充,不影响笔触。
u       擦除线条:只擦除笔触,不影响填充。
u       擦除所选填充:只擦除当前选定的填充,并不影响笔触(不管笔触是否被选中)。以这种模式使用【橡皮擦工具】之前,请选择要擦除的填充。
u       内部擦除:只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除,则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。
在【选项】下选择【水龙头】,单击需要擦除的填充区域或笔触段,可以快速将其擦除。如果你只擦除一部分笔触或填充区域,就需要通过拖动进行擦除。