按鈕元件應(yīng)用范例圓形按鈕new

1、第1章：繪畫基礎(chǔ)繪制圖形線條工具：可繪制各種直線。其屬性面板上可設(shè)置粗細(xì)、線型、顏色等。鉛筆工具：可繪制多邊形或任意圖形。選擇后再選擇選項(xiàng)中的伸直，可繪制直線條的圖形；如多邊形等幾何圖形選擇后再選擇選項(xiàng)中的平滑，可繪制平滑線條的圖形；如腦袋、心形等卡通圖形選擇后再選擇選項(xiàng)中的墨水，可象在紙上畫圖一樣任意繪制；鋼筆工具：可繪制直線和曲線，并可調(diào)整曲線斜率。實(shí)訓(xùn)1 繪制“心形”【相關(guān)知識(shí)點(diǎn)】因?yàn)橐L制曲線，所以在此需使用“鋼筆工具”與“部分選取工具”。選擇“鋼筆工具”后，在舞臺(tái)上不斷地單擊鼠標(biāo)，就可以繪制出相應(yīng)的路徑，如果想結(jié)束路徑的繪制，雙擊最后一個(gè)點(diǎn)。說(shuō)明：使用“鋼筆工具”時(shí)按住 Shift

2、鍵的同時(shí)再進(jìn)行單擊，可以將線條限制為傾斜 45 度的倍數(shù)方向。使用“部分選取工具”時(shí)，按住Alt 鍵拖動(dòng)插手柄可以任意改變貝茲曲線的方向創(chuàng)建曲線的要訣是在按下鼠標(biāo)的同時(shí)向你想要繪制曲線段的方向拖動(dòng)鼠標(biāo)，然后將指針?lè)旁谀阆胍Y(jié)束曲線段的地方，按下鼠標(biāo)按鈕，然后朝相反的方向拖動(dòng)來(lái)完成線段。如果覺(jué)得這條曲線不滿意，我們還可以用部分選取工具來(lái)進(jìn)行調(diào)整?！咀罱K效果圖】圖1-1-2 實(shí)例效果【實(shí)訓(xùn)步驟】1、為了讓大家容易理解，先執(zhí)行【視圖】|【網(wǎng)格】|【顯示網(wǎng)格】命令，在工作區(qū)中出現(xiàn)網(wǎng)格，使定點(diǎn)更容易。2、選擇一個(gè)方格的頂點(diǎn)作為起點(diǎn)，鼠標(biāo)點(diǎn)擊工具箱中的鋼筆工具，在該方格頂點(diǎn)上按下鼠標(biāo)，向左上方拖出一條方向

3、線，如圖1-1-3所示：圖1-1-3 繪制方向線3、在與起點(diǎn)垂直方向上方六方格處再次按下鼠標(biāo)，向右下方拖出一條方向線，如圖1-1-4所示：圖1-1-4 繪制方向線4、在起點(diǎn)處按住鼠標(biāo)向左下方拖出一條方向線，如圖1-1-5所示：圖1-1-5 繪制方向線5、選擇“部分選擇工具”，在舞臺(tái)上的圖形的頂點(diǎn)用鼠標(biāo)點(diǎn)擊一下，會(huì)出現(xiàn)3個(gè)點(diǎn)的方向線，如圖1-1-6所示：圖1-1-6 繪制方向線6、單擊頂點(diǎn)的右下方向線，再按住【Alt】健，向上拖動(dòng)手柄，移動(dòng)到合適的位置，先松開(kāi)鼠標(biāo)，再釋放【Alt】鍵。如圖1-1-7所示：圖1-1-7 繪制方向線7、按住Ctrl鍵在舞臺(tái)上“心形”之外的任何位置單擊鼠標(biāo)左鍵，一個(gè)心

4、形就畫好了。如圖1-1-8所示。然后可以用填充工具為其填上合適的顏色。圖1-1-8 完成繪圖實(shí)訓(xùn)2 繪制“蝴蝶”【相關(guān)知識(shí)點(diǎn)】“選擇工具”的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)ο筝喞男螤?。在工具箱中選擇“選擇工具”，然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處，指針右下角變成直角狀，這時(shí)拖動(dòng)鼠標(biāo)可以改變線條的方向和長(zhǎng)短。將鼠標(biāo)指針移動(dòng)到線條上，指針右下角會(huì)變成弧線狀，拖動(dòng)鼠標(biāo)，可以將直線變成曲線。這是一個(gè)很有用處的功能，它可以幫助我們畫出所需要的各種曲線形狀。此時(shí)如果按住Ctrl 鍵再拖動(dòng)鼠標(biāo)，會(huì)在線段上產(chǎn)生一個(gè)切點(diǎn)。【最終效果圖】圖1-1-9 實(shí)例效果【實(shí)訓(xùn)步驟】1、在舞臺(tái)上畫一個(gè)橢圓，如圖1-1-1

5、0所示：圖1-1-10 繪制橢圓2、將鼠標(biāo)指針移動(dòng)到線條上，按下【Ctrl】鍵，拉出三個(gè)切點(diǎn)。如圖1-1-11所示：圖1-1-11 修改圖形3、繼續(xù)修改曲線，如圖1-1-12所示：圖1-1-12 修改圖形4、畫一個(gè)橢圓，作為蝴蝶的身體，再畫一個(gè)線段作為蝴蝶的觸須，.如圖1-1-13所示：圖1-1-13 繪制身體與觸須5、分別為翅膀和身體上色，如圖1-1-14所示： 圖1-1-14 上色6、分別復(fù)制一個(gè)翅膀和觸須，分別水平翻轉(zhuǎn)，移動(dòng)它們與身體結(jié)合在一起，形成最終效果圖，如圖1-1-15所示：圖1-1-15 最終效果【重點(diǎn)注意及思考】1、移動(dòng)身體與觸須時(shí)最好用方向鍵。方向鍵加【Shift】鍵每次移

6、動(dòng)的距離比不加【Shift】鍵移動(dòng)的距離大一些。2、最終效果圖完成后，為使其保證整體性，可以選中全部圖像，再按下Ctrl+G 或者通過(guò)菜單：【修改】【組合】，將它們組合成一個(gè)整體。實(shí)訓(xùn)3繪制“水晶球”【相關(guān)知識(shí)點(diǎn)】主要使用“填充變形工具”【最終效果圖】圖1-1-16 實(shí)例效果【實(shí)訓(xùn)步驟】1、選擇【橢圓工具】，設(shè)置【填充色】為無(wú)，按住Shift鍵，在舞臺(tái)上繪制出一個(gè)空心的正圓。執(zhí)行【窗口】|【混色器】命令，打開(kāi)【混色器】面板，在其中選擇填充類型為【放射狀】，在顏色條下，單擊左端的色標(biāo)，設(shè)置為淺紫色（#D9C8FD），單擊右端的色標(biāo)，設(shè)置為深紫色（#5407E4），如圖1-1-17所示：圖1-1-

7、17 填充色設(shè)置選擇【顏料桶工具】，單擊圓的中心略偏下的地方，將剛設(shè)置的漸變色填充到圓中，成為按鈕下方的高光色。2、在工具箱中選擇【選擇工具】，單擊圓的外邊框，將其選中，按鍵盤上的Delete鍵，將它刪除?，F(xiàn)在的高光色太圓太大，我們使用【填充變形工具】對(duì)其進(jìn)行調(diào)整。選擇【填充變形工具】，單擊圖形，會(huì)出現(xiàn)一個(gè)帶有三個(gè)手柄的環(huán)形邊框，圓環(huán)中心的小圓圈表示填充色的中心，拖動(dòng)此中心點(diǎn)，可以改變漸變色的位置；拖動(dòng)方形的手柄可以改變填充漸變色的寬度，更改環(huán)形漸變的半徑；拖動(dòng)下邊的圓形手柄，可以旋轉(zhuǎn)填充色的方向，如圖1-1-18所示：圖1-1-18 填充變形手柄我們這里先向圓心處拖拉中間的手柄，使中間高光色

8、縮小一些，如圖1-1-19所示：圖1-1-19 收縮填充色 再按住方形手柄向外拉，使高光色變得扁一點(diǎn)，如圖1-1-20所示：圖1-1-20 拉長(zhǎng)填充色現(xiàn)在一個(gè)基本形狀創(chuàng)建好了，注意以上操作都是在默認(rèn)的【圖層1】上完成的，下面我們要在一個(gè)新圖層上創(chuàng)建另外的形狀。說(shuō)明：在繪制復(fù)雜圖形時(shí)，往往需要使用多個(gè)圖層，分別在獨(dú)立的圖層上創(chuàng)建圖形，然后再將它們疊放在一起，這樣的好處是，圖形互相各不影響，容易編輯和調(diào)整。3、在【圖層1】下面單擊【插入圖層】按鈕，如圖1-1-21所示。這樣就可以插入一個(gè)新圖層了。圖1-1-21 插入圖層  為了使在新圖層中的操作不影響下一圖層，可將【圖層1】鎖

9、定。單擊【圖層1】中與上面鎖狀按鈕所對(duì)應(yīng)的小黑點(diǎn)，可以將本圖層鎖定，如圖1-1-22所示：圖1-1-22 鎖定圖層選擇【圖層2】，使用【橢圓工具】繪制出一個(gè)橢圓，并移動(dòng)到如圖1-1-23所示的位置。圖1-1-23 繪制出一個(gè)橢園4、在【混色器】面板中選擇【線性】漸變，設(shè)置左邊色標(biāo)為白色，右邊色塊為深藍(lán)色，為了更好地和第一層的顏色相融合，我們把右邊色標(biāo)的【Alpha】值設(shè)為0%，如圖1-1-24所示：圖1-1-24 填充色設(shè)置為橢圓填充漸變色，刪除橢圓的輪廓線。5、選擇【填充變形工具】，單擊圖形，拖動(dòng)小圓圈，順時(shí)針旋轉(zhuǎn)手柄90度，可見(jiàn)在線性漸變上顯示的與徑向漸變圓環(huán)外框不同，線性漸變?yōu)閮蓷l平行的直線，其中一條上有方形和圓形的手柄，方形手柄縮放漸變色，圓形手柄改變漸變色方向。和徑向漸變一樣拖動(dòng)中心點(diǎn)調(diào)節(jié)漸變色的中心位置，如圖1-1-25所示：圖1-1-25 調(diào)節(jié)線性漸變色用鼠標(biāo)拖動(dòng)中心點(diǎn)，向上略提一點(diǎn)。按住方形手柄向圓心處拖拉，使?jié)u變色縮小一些