01 flash基本绘图工具下.docx

01 flash基本绘图工具下.docx

《01 flash基本绘图工具下.docx》由会员分享，可在线阅读，更多相关《01 flash基本绘图工具下.docx（10页珍藏版）》请在冰豆网上搜索。

01flash基本绘图工具下

基本绘图工具（下）

实例演练－画一座房子

学习了基本工具的用法，还需要灵活地运用才能制作出美好的图形来。

我们来画一座简单的小房子，体验一下创作的快乐。

选择【矩形工具】

，设置【笔触颜色】为黑色，单击【填充色】按钮

，会出现颜色选择面板，在面板右上角单击

按钮，如图2-2-1所示。

图2-2-1颜色选择面板

设置完后，绘制出两个矩形，上面的矩形作房顶，下面的矩形作房身，如图2-2-2所示。

图2-2-2绘制出两个矩形

用【选择工具】双击上面矩形的任一条边，将整个矩形全部选中，单击【任意变形工具】

，将鼠标移动到所选矩形上边上，鼠标变成

形状，拖动鼠标，将矩形斜切成平形四边形，如图2-2-3所示。

图2-2-3将矩形变形为平形四边形 

用【线条工具】将两图形连接起来，如图2-2-4所示。

图2-2-4直线连接房顶与房身 

用【线条工具】画屋顶的侧面。

注意，按住Shift键拖动可以将线条限制在45度的倍数方向，所以，画房身的直线时，可以按住Shift键，如图2-2-5所示。

图2-2-5画屋侧面 

画出门的形状，如图2-2-6所示。

图2-2-6画门 

再来绘制窗户。

使用【椭圆工具】画一圆形，用【选择工具】框选靠下的大半个圆，按Delete键，删除所选部分，剩下上面的弧线。

紧接着弧线画一长方形，如果不容易对准，可以使用【放大镜工具】

将画面放大。

画好以后，双击【缩放工具】就可以恢复原状了，如图2-2-7所示。

图2-2-7 绘制窗户 

增加直线，形成窗格。

选中窗户，在【属性】里将颜色改为浅蓝色，并增粗，如图2-2-8所示。

图2-2-8 画窗格 

将画好的房子填充颜色，并去除多余的轮廓线，如图2-2-9所示。

图2-2-9 填充颜色

【钢笔工具】和【部分选取工具】的用法

用【钢笔工具】画路径是非常容易的。

选择【钢笔工具】后，在舞台上不断地单击鼠标，就可以绘制出相应的路径，如果想结束路径的绘制，双击最后一个点。

说明：

按住Shift键的同时再进行单击，可以将线条限制为倾斜45度的倍数方向。

创建曲线的要诀是在按下鼠标的同时向你想要绘制曲线段的方向拖动鼠标，然后将指针放在你想要结束曲线段的地方，按下鼠标按钮，然后朝相反的方向拖动来完成线段。

如果觉得这条曲线不满意，我们还可以用部分选取工具来进行调整。

现在我们来练习画一条波浪线，为了让大家容易理解，先执行【视图】|【网格】|【显示网格】命令，在工作区中出现网格，使定点更容易。

我们先在一个网格的顶点上单击鼠标确定起点，然后在顶点的对角点单击并拖动鼠标，如图2-2-15所示。

图2-2-10 拖动钢笔工具 

然后每隔三个网格进行拖放，每次拖放的方向与前次向反。

好，一条很有规律的波浪线出现了，如图2-2-11所示。

图2-2-11 钢笔工具画波浪线 

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

图2-2-12选取节点

拖动手柄可以改变曲线的形状。

按住Alt键并拖动手柄，可以不影响另一个手柄。

拖动节点可以改变节点的位置，如图2-2-13所示。

图2-2-13拖动手柄调节曲线形状

实例演练－制作具有立体感的按钮

回头看看我们画的小房子，美中不足的是颜色比较呆板，在Flash中有没有办法让色彩过渡柔和平滑呢？

我们将通过另一个实例来学习Flash中调整色彩变化的工具：

【填充变形工具】

。

我们的实例是制作一个网页上经常可以看到的按钮图形，晶莹剔透，先看看效果，如图2-2-14所示。

图2-2-14 按钮效果 

选择【椭圆工具】，设置【填充色】为无，按住Shift键，在舞台上绘制出一个空心的正圆。

执行【窗口】|【混色器】命令，打开【混色器】面板，在其中选择填充类型为【放射状】，在颜色条下，单击左端的色标，设置为浅紫色（#D9C8FD），单击右端的色标，设置为深紫色（#5407E4），如图2-2-15所示。

图2-2-15 填充色设置

选择【颜料桶工具】

，单击圆的中心略偏下的地方，将刚设置的渐变色填充到圆中，成为按钮下方的高光色。

在工具箱中选择【选择工具】，单击圆的外边框，将其选中，按键盘上的Delete键，将它删除。

现在的高光色太圆太大，我们使用【填充变形工具】

对其进行调整。

选择【填充变形工具】，单击图形，会出现一个带有三个手柄的环形边框，圆环中心的小圆圈表示填充色的中心，拖动此中心点，可以改变渐变色的位置；拖动方形的手柄可以改变填充渐变色的宽度，更改环形渐变的半径；拖动下边的圆形手柄，可以旋转填充色的方向，如图2-2-16所示。

图2-2-16 填充变形手柄 

我们这里先向圆心处拖拉中间的手柄，使中间高光色缩小一些，如图2-2-17所示。

图2-2-17 收缩填充色 

再按住方形手柄向外拉，使高光色变得扁一点，如图2-2-18所示。

图2-2-18 拉长填充色 

现在一个基本形状创建好了，注意以上操作都是在默认的【图层1】上完成的，下面我们要在一个新图层上创建另外的形状。

说明：

在绘制复杂图形时，往往需要使用多个图层，分别在独立的图层上创建图形，然后再将它们叠放在一起，这样的好处是，图形互相各不影响，容易编辑和调整。

在【图层1】下面单击【插入图层】按钮，如图2-2-19所示。

这样就可以插入一个新图层了。

图2-2-19插入图层 

为了使在新图层中的操作不影响下一图层，可将【图层1】锁定。

单击【图层1】中与上面锁状按钮

所对应的小黑点，可以将本图层锁定，如图2-2-20所示。

图2-2-20 锁定图层 

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

图2-2-21 绘制出一个椭园 

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

图2-2-22 填充色设置 

为椭圆填充渐变色，删除椭圆的轮廓线。

选择【填充变形工具】

，单击图形，拖动小圆圈，顺时针旋转手柄90度，可见在线性渐变上显示的与径向渐变圆环外框不同，线性渐变为两条平行的直线，其中一条上有方形和圆形的手柄，方形手柄缩放渐变色，圆形手柄改变渐变色方向。

和径向渐变一样拖动中心点调节渐变色的中心位置，如图2-2-23所示。

图2-2-23 调节线性渐变色

用鼠标拖动中心点，向上略提一点。

按住方形手柄向圆心处拖拉，使渐变色缩小一些。

我们的按钮就做好了，如图2-2-24所示。

图2-2-24 完成后的按钮