photoshop快速繪制含圖案的透明立體按鈕

　一、在開(kāi)始此文章之前，先說(shuō)幾句費(fèi)話：

　　1.先看看下面的三維立體按鈕，如果覺(jué)得喜歡的話，那么您可以繼續(xù)看下去。






圖一

　　2.教程在photoshop7.0中實(shí)現(xiàn)，如參數(shù)設(shè)置面板有所不同，請(qǐng)參照7.0版本。

　　關(guān)注photoshop制作效果的網(wǎng)友們都知道，前段時(shí)間流行蘋(píng)果機(jī)的圖標(biāo)，于是無(wú)論是會(huì)使用photoshop的還是追求真善美的朋友，都在自己的桌面掀起了一番應(yīng)用蘋(píng)果機(jī)圖標(biāo)風(fēng)潮，其中應(yīng)用最多數(shù)的數(shù)按鈕。當(dāng)時(shí)的按鈕多數(shù)都是簡(jiǎn)潔的三維立體按鈕加文字，并且顏色也偏向于素色。如：





圖二

　　如今，三維立體按鈕又發(fā)生了大變化！什么大變化？？先別擔(dān)心，技術(shù)上的變化不多，，其實(shí)只是將素色加以發(fā)揮，向彩色傾移，并加上些色彩豐富的小插圖而已，留意文章開(kāi)始的圖標(biāo)示例就明白了。

　　好了，閑話少說(shuō)，下面就讓我以制作我的論壇圖標(biāo)為例子，一起進(jìn)入三維立體按鈕制作的教程：

　　二、過(guò)渡色的圓

　　先打開(kāi)photoshop7，按 Ctrl + N，新建一個(gè) Width=48 pixels，Height=48 pixels 的空文檔，設(shè)置選擇工具為“Elliptical Marquee Tool－圓形”選擇工具，雙擊鼠標(biāo)，在工具面板上部出現(xiàn)的屬性設(shè)置欄里設(shè)置：Feather=0 px,Anti-aliased,Style=fixed Size,Width=45 px,Height=45 px。設(shè)定選區(qū)為直徑是45的圓。





圖三

　　移動(dòng)鼠標(biāo)到畫(huà)布上，點(diǎn)擊鼠標(biāo)左鍵，畫(huà)出一個(gè)固定大小的圓形選擇區(qū)。注意了，不是將選區(qū)置于畫(huà)布中間，而是按鍵盤(pán)上的方向鍵，向左向上各移動(dòng) 2 pixels，目的為后面做按鈕陰影，突出按鈕立體感做準(zhǔn)備。當(dāng)然，做完了過(guò)渡填充再移動(dòng)也可以，這個(gè)由個(gè)人習(xí)慣定。





圖四

　　任意選擇一種前景色，并設(shè)置背景色為同一色系中顏色較淺一種，如圖五：





圖五
　　在這里多插入幾句可有可無(wú)的話，我們?cè)谶x擇同一色系的顏色時(shí)，如果已經(jīng)確定了前景色，想設(shè)置背景色，那么雙擊背景色，彈出顏色拾色器－Color Picker，此時(shí)鼠標(biāo)形狀就會(huì)變成一個(gè)吸管，就可移動(dòng)此形狀的鼠標(biāo)到各個(gè)可取色的面板去選擇一個(gè)喜歡的顏色，在此吸取前景色，這時(shí)拾色器自動(dòng)選擇了前景色，那么我們就可以在拾色器中快速地選擇到同一色系不同色深的顏色了。

　　選擇“ Gradient Fill Tool －過(guò)渡填充工具”，在屬性工具條中設(shè)置過(guò)渡色為“Foreground to Background－前景色到背景色”，過(guò)渡模式為“Linear Grandient－線形過(guò)渡”，設(shè)置完成后屬性工具如下圖所示：





圖六

　　在選區(qū)中按“Shift”鍵，由上至下畫(huà)過(guò)渡色，此步驟完成如下圖：





圖七

　　三、初步三維立體感

　　按“Ctrl + D”消除選區(qū)，雙擊此層應(yīng)用層樣式“Add a Layer Style”，在“Layer Style－層樣式”設(shè)置面板中選擇“Drop Shadow－下拉陰影”，參數(shù)設(shè)置為：Distance＝2，Size＝2，其它為缺省值。如圖八所示：





圖八

　　再勾選“”，參數(shù)設(shè)置為： Blend Mode＝Multiply，其它為缺省值。如圖九所示：