按钮元件应用范例圆形按钮.docx

按钮元件应用范例圆形按钮.docx

《按钮元件应用范例圆形按钮.docx》由会员分享，可在线阅读，更多相关《按钮元件应用范例圆形按钮.docx（15页珍藏版）》请在冰豆网上搜索。

按钮元件应用范例圆形按钮

第1章：

绘画基础

绘制图形

线条工具：

可绘制各种直线。

其属性面板上可设置粗细、线型、颜色等。

铅笔工具：

可绘制多边形或任意图形。

选择后再选择选项中的伸直，可绘制直线条的图形；如多边形等几何图形

选择后再选择选项中的平滑，可绘制平滑线条的图形；如脑袋、心形等卡通图形

选择后再选择选项中的墨水，可象在纸上画图一样任意绘制；

钢笔工具：

可绘制直线和曲线，并可调整曲线斜率。

实训1绘制“心形”

【相关知识点】

因为要绘制曲线，所以在此需使用“钢笔工具”与“部分选取工具”。

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

说明：

使用“钢笔工具”时按住Shift键的同时再进行单击，可以将线条限制为倾斜45度的倍数方向。

使用“部分选取工具”时，按住　Alt键拖动插手柄可以任意改变贝兹曲线的方向

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

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

【最终效果图】

图1-1-2实例效果

【实训步骤】

1、为了让大家容易理解，先执行【视图】|【网格】|【显示网格】命令，在工作区中出现网格，使定点更容易。

2、选择一个方格的顶点作为起点，鼠标点击工具箱中的钢笔工具，在该方格顶点上按下鼠标，向左上方拖出一条方向线，如图1-1-3所示：

图1-1-3绘制方向线

3、在与起点垂直方向上方六方格处再次按下鼠标，向右下方拖出一条方向线，如图1-1-4所示：

图1-1-4绘制方向线

4、在起点处按住鼠标向左下方拖出一条方向线，如图1-1-5所示：

图1-1-5绘制方向线

5、选择“部分选择工具”，在舞台上的图形的顶点用鼠标点击一下，会出现3个点的方向线，如图1-1-6所示：

图1-1-6绘制方向线

6、单击顶点的右下方向线，再按住【Alt】健，向上拖动手柄，移动到合适的位置，先松开鼠标，再释放【Alt】键。

如图1-1-7所示：

图1-1-7绘制方向线

7、按住　Ctrl　键在舞台上“心形”之外的任何位置单击鼠标左键，一个心形就画好了。

如图1-1-8所示。

然后可以用填充工具为其填上合适的颜色。

图1-1-8完成绘图

实训2绘制“蝴蝶”

【相关知识点】

“选择工具”的作用是选择对象、移动对象、改变线条或对象轮廓的形状。

在工具箱中选择“选择工具”，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变线条的方向和长短。

将鼠标指针移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。

这是一个很有用处的功能，它可以帮助我们画出所需要的各种曲线形状。

此时如果按住Ctrl键再拖动鼠标，会在线段上产生一个切点。

【最终效果图】

图1-1-9实例效果

【实训步骤】

1、在舞台上画一个椭圆，如图1-1-10所示：

图1-1-10绘制椭圆

2、将鼠标指针移动到线条上，按下【Ctrl】键，拉出三个切点。

如图1-1-11所示：

图1-1-11修改图形

3、继续修改曲线，如图1-1-12所示：

图1-1-12修改图形

4、画一个椭圆，作为蝴蝶的身体，再画一个线段作为蝴蝶的触须，.如图1-1-13所示：

图1-1-13绘制身体与触须

5、分别为翅膀和身体上色，如图1-1-14所示：

图1-1-14上色

6、分别复制一个翅膀和触须，分别水平翻转，移动它们与身体结合在一起，形成最终效果图，如图1-1-15所示：

图1-1-15最终效果

【重点注意及思考】

1、移动身体与触须时最好用方向键。

方向键加【Shift】键每次移动的距离比不加【Shift】　键移动的距离大一些。

2、最终效果图完成后，为使其保证整体性，可以选中全部图像，再按下　Ctrl+G或者通过菜单：

【修改】︱【组合】，将它们组合成一个整体。

实训3　绘制“水晶球”

【相关知识点】

主要使用“填充变形工具”

【最终效果图】

图1-1-16实例效果

【实训步骤】

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

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

图1-1-17填充色设置

选择【颜料桶工具】

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

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

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

对其进行调整。

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

图1-1-18填充变形手柄

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

图1-1-19收缩填充色 

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

图1-1-20拉长填充色

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

说明：

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

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

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

图1-1-21插入图层

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

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

所对应的小黑点，可以将本图层锁定，如图1-1-22所示：

图1-1-22锁定图层

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

图1-1-23绘制出一个椭园

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

图1-1-24填充色设置

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

5、选择【填充变形工具】

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

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

图1-1-25调节线性渐变色

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

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

我们的按钮就做好了，如图1-1-26所示：

图1-1-26完成后的水晶球

【重点注意及思考】

1、利用PHOTOSHOP制作水晶作品会更逼真，比较一下FLASH中的制作与PHOTOSHOP中的制作的异同。

2、我们讲了填充变形工具的用法，还有一个变形工具是任意变形工具，自己试一下任意变形工具的用法。