Photoshop制作立體界面

Photoshop制作立體界面想必大家都看過國外的很多站點(diǎn)都是有那種立體感很強(qiáng)的菜單界面,很難嗎?其實(shí)也不是那 么恐怖,跟我一步一步來,我想你也能成為高手的.


1.新建一個(gè)RGB的圖象,象素為200*300.然后用一種深色填充背景.

2.新建一層并命名為"BUTTONS",選擇方型選取工具.并按住SHIFT鍵畫出一正方型方框,

3. 現(xiàn)在選擇工具 "Angle gradient tool". 你要在工具條上點(diǎn)擊漸變按鍵并不要松開鼠標(biāo),然后從出來的選擇條上選擇相應(yīng)的工具.

4. 現(xiàn)在按住 "D" 和 "X" 設(shè)置前景色和背景色, 也要確信你的漸變設(shè)置是為 "Foreground to Background". 按住SHIFT鍵.并從選擇框的右上角往左下角畫過來,你能看到一條直線.

接下來.你松開鼠標(biāo)放開SHIFT鍵即可.

5.選擇菜單: Selection>Modify>Contract. 輸入2然后OK.. 選擇前景色為一種灰色并填充此區(qū)域(有點(diǎn)象做按鈕??). 然后取消選擇按Ctrl. D (Mac: Command D).

6. 接下來你要把剛才你做的小方塊做成你希望的長度,好做菜單條呀!

不要告訴我你連復(fù)制工作都不會哦.!


7. 接下來還是復(fù)制工作.一個(gè)一個(gè)COPY.簡單吧!

Tip: 注意養(yǎng)成復(fù)制的習(xí)慣是能很好的增進(jìn)工作效率的一件事.快捷鍵是:
Ctrl c(復(fù)制)

Ctrl v(粘貼)

Ctrl x(剪切)

Ctrl z(取消上次命令)

8. 現(xiàn)在先新建一層,再請你再去找那個(gè)橢圓型選取工具,再右邊呢畫一個(gè)又高又橢的橢圓,并按 "D" 和 "X".

9.該知道要干什么了吧!

還是要用漸變工具,在選擇框里拖動.要記得設(shè)置前景色和背景色哦.

10. 好了現(xiàn)在要小心點(diǎn)了.你要記得還在橢圓型的方框這層上.不要亂動哦.按住CTRL并點(diǎn)擊按鈕那一層.現(xiàn)在用反選命令: Shift-Ctrl-I (Mac: Shift-Command-I) 現(xiàn)在刪除這些不要的區(qū)域.留下的就是我們想要的結(jié)果了.

11.在新建一層,如果你喜歡的話就命名為"Button Inset". 呵呵,開始要用到矩形選擇工具了,在按鈕的上面畫一個(gè)合適的小矩形方框, 并確信你的前景色為白色,利用漸變工具做成左圖那樣.

12.當(dāng)然.還是做的復(fù)制工作.把剛才做的那個(gè)復(fù)制出好幾個(gè)出來.效果就是那樣.
你現(xiàn)在應(yīng)該已經(jīng)做的差不多了,有個(gè)象樣的菜單表面了.你可以增加和刪除.當(dāng)然仍然是復(fù)制工作.

我想你應(yīng)該要放文字上去吧!

Tip: 其實(shí)效果你還可以做出很多,需要你自己慢慢調(diào)試,比如用Image>Adjust>Hue, 這樣轉(zhuǎn)變下層的顏色應(yīng)該是不錯的.你可以多試下才好.