Photoshop制作立體界面

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


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

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

3. 現(xiàn)在選擇工具 "Angle gradient tool". 你要在工具條上點擊漸變按鍵并不要松開鼠標(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ū)域(有點象做按鈕??). 然后取消選擇按Ctrl. D (Mac: Command D).

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

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


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

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

Ctrl v(粘貼)

Ctrl x(剪切)

Ctrl z(取消上次命令)

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

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

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

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

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

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

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

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