CorelDRAW設(shè)計(jì)制作藍(lán)色玻璃按鈕

你見(jiàn)過(guò)蘋(píng)果網(wǎng)站的玻璃按鈕嗎?玲瓏剔透,晶瑩欲滴,真是讓人愛(ài)不釋目?,F(xiàn)在,我們就用Coreldraw11也來(lái)作一個(gè)吧。作出的矢量圖可以用在網(wǎng)頁(yè)上,也可以導(dǎo)入進(jìn)Flash和COREL R.A.V.E。另外,我們還可以同時(shí)學(xué)習(xí)到透視工具的使用方法。
1. 我們用rectangle tool畫(huà)一個(gè)長(zhǎng)方形。然后用 shape tool ,按著shift鍵將長(zhǎng)方形的點(diǎn)移動(dòng)如圖所示的樣子。

2. 用pick tool,按著shift鍵,移動(dòng)圖形的短邊如圖(2)所示,然后不要松開(kāi)左鍵,同時(shí)按下右鍵,再松開(kāi)右鍵,最后再松開(kāi)左鍵。這樣,就會(huì)多出一個(gè)圖形。

3. 按著shift鍵,移動(dòng)新圖形的長(zhǎng)邊,使其壓縮。再按著ctrl鍵,把它移動(dòng)到原來(lái)圖形的底部, 如圖(3) 所示。

4. 再用rectangle tool畫(huà)一個(gè)長(zhǎng)方形,用畫(huà)第一個(gè)圖形的方法,畫(huà)一個(gè)相似的圓角矩形,形狀如圖(4)所示。

5. 按著shift鍵,拉拽新圖形的長(zhǎng)邊,使其變高,再將它移到第一個(gè)圖形的頂端。

6. 在第三個(gè)圖形選中的情況下,選擇effects 里的add perspective,圖形三就會(huì)被加上紅色柵格。同時(shí)按著shift鍵和ctrl鍵,拖拽圖形底部的一個(gè)點(diǎn),使其如圖(6)所示。

7. 現(xiàn)在,你有了所有你需要的圖形,檢查一下,看看你的圖形和圖(7)所示的是不是差不多。

8.好了,我們現(xiàn)在要做的就是給按鈕上顏色了。你可以選擇你喜歡的任意一種顏色,但我發(fā)現(xiàn),深顏色的按鍵能和它的淺色反光形成較強(qiáng)烈的對(duì)比,效果會(huì)比較好,所以,我選擇navy blue(HSB:220,100,60)做主色。我們選中第一個(gè)圖形,用navy blue填充,線框選擇"無(wú)"。選中第二個(gè)圖形,用HSB:189,100,100 填充,線框選擇"無(wú)"。第三個(gè)圖形是反光,用白色填充,線框選擇"無(wú)"。

9. 選擇interactive effective tool 里的 interactive blend tool(000),這是一個(gè)過(guò)渡工具,點(diǎn)擊第一個(gè)圖形的中央并拖動(dòng)到底部的圖形上。

10. 選擇interactive effective tool 里的 interactive transparency tool(000),按著ctrl鍵,從圖形三的頂端點(diǎn)擊拖動(dòng)到其底端。(10)

你可以通過(guò)改變過(guò)渡線兩端的顏色而改變按鈕的反光程度。這里,我點(diǎn)擊頂端的點(diǎn),將它的顏色設(shè)置為HSB:0,0,90,你看,顏色是不是柔和了?(10a)

11.為了讓按鈕顯得更真實(shí)一些,我們需要給它加上影子,讓它好象浮在上面似的。影子的顏色會(huì)比它本身深一些,但又要明亮一些,好象光從這個(gè)按鈕穿過(guò)一樣。選擇圖形一(看看下面的信息欄,如果顯示的是Control Rectangle on Layer 1就對(duì)了,如果是Blend Group on Layer 1就錯(cuò)了。注意選擇圖形一的邊緣),再選擇interactive effective tool 里的 interactive drop shadow tool ,從圖形一的中心拖拽出它的陰影。(如圖11)然后點(diǎn)選陰影線下端的黑點(diǎn),在窗口上面的信息欄中,將黑色改為其他顏色。我發(fā)現(xiàn)HSB:194,77,88效果看起來(lái)不錯(cuò)。

12. 接下來(lái)我們要做的是加上文字(當(dāng)然,也可以是圖片)。選取text tool,鍵入你的文字。然后用同樣的方法拖拽出陰影,并改變顏色,這個(gè)顏色可以比按鈕陰影的顏色略深。

13. 最后,點(diǎn)選圖形三,按著ctrl+page up將其移動(dòng)到最上層。好了,這個(gè)漂亮的玻璃按鈕就做好了,慢慢欣賞把。

相關(guān)文章
Coreldraw(CDR)設(shè)計(jì)制作流光溢彩的蘋(píng)果風(fēng)格按鈕實(shí)例教程
我們無(wú)論是網(wǎng)頁(yè)的制作者,還是網(wǎng)頁(yè)的瀏覽者,好看的按鈕總會(huì)讓我們心情舒暢,那么好看的按鈕是怎么做出來(lái)的呢?本章就來(lái)給大家介紹流光溢彩的蘋(píng)果風(fēng)格按鈕制作步驟和方法2013-06-26Coreldraw(CDR)設(shè)計(jì)繪制具有透明效果的小水滴按鈕實(shí)例教程
PHOTOSHOP可以制作漂亮的按鈕,其實(shí)用Coreldraw同樣也可以制作出亮麗的按鈕來(lái)2013-08-05