Photoshop簡單酒吧網(wǎng)頁制作實戰(zhàn)

Photoshop簡單酒吧網(wǎng)頁制作實戰(zhàn)今天小弟給大家演示商業(yè)網(wǎng)頁制作過程。會網(wǎng)頁的朋友們應(yīng)該知道Photoshop在這過程中的重要性，因為它是網(wǎng)頁制作基礎(chǔ)。所以筆者準(zhǔn)備了這套教程，其目的希望初學(xué)的朋友們能夠更加深刻的了解制作過程，在以后的日子里小弟我會多準(zhǔn)備一些，相對于宣傳畫冊，公益海報等，制作的過程。我們現(xiàn)在就開始吧！
我們先來看看最終的效果圖：
1.jpg (70.74 KB)
2007-6-26 15:06
(1)首先選擇文件>新建（CTRL N），在對話框里設(shè)置參數(shù)。如圖1。
2.jpg (93.47 KB)
2007-6-26 15:06
(2)新建一圖層，現(xiàn)在先從背景開始，首先設(shè)好漸變的顏色（在這小弟用紅色和黑色作為背景色，顏色可以根據(jù)自己的喜好調(diào)定。）在圖中按住 shift 鼠標(biāo)左鍵向下做直線拉伸。如圖2、3所示。
3.jpg (142.62 KB)
2007-6-26 15:06
4.jpg (44.5 KB)
2007-6-26 15:06
(3)設(shè)好背景顏色后，用加深和減淡工具（快捷鍵o）進(jìn)行編輯，帶點布紋的感覺。如圖4、5所示。
5.jpg (48.02 KB)
2007-6-26 15:06
6.jpg (62 KB)
2007-6-26 15:06
(4)在用選框工具（快捷鍵m）在右上角框選出相應(yīng)的范圍后，按住ctrl j單獨拷貝一個圖層。在對它進(jìn)行樣式的編輯。如圖6、7所示。
7.jpg (77.96 KB)
2007-6-26 15:06
8.jpg (88.92 KB)
2007-6-26 15:06
(5)選擇圖層2，用上面一樣的方法，框選出相應(yīng)的范圍后，按住ctrl j單獨拷貝一個圖層。在對它進(jìn)行樣式的編輯。如圖8。
9.jpg (67.63 KB)
2007-6-26 15:06
(6)接著要開始對剛才框選編輯后的圖層進(jìn)行加深減淡的處理。首先選住圖層3，如圖9編輯后在選圖層4，見圖10。
10.jpg (67.95 KB)
2007-6-26 15:06
(7)新建圖5，現(xiàn)在對圖象進(jìn)行修飾，用框選工具選取適當(dāng)范圍，如圖（11）填充R:255 G:2 B:252.在雙擊圖層5進(jìn)行樣式編輯。如圖（12）。在將此圖層的透明度調(diào)到百分之40。如圖（13）
11.jpg (72.56 KB)
2007-6-26 15:06
12.jpg (92.34 KB)
2007-6-26 15:06
13.jpg (95.08 KB)
2007-6-26 15:06
(8)新建一圖層，選取范圍后填充R:255 G:2 B:252.進(jìn)行樣式編輯如圖（14）在將此圖層的透明度調(diào)到0。
14.jpg (60.2 KB)
2007-6-26 15:06
(9)現(xiàn)在我們打入文字，（大家也想個喜歡的名字吧。）小弟給網(wǎng)頁取名黑瞳迪吧，相對應(yīng)的打入一些字體。如圖（15）。
15.jpg (81.46 KB)
2007-6-26 15:06
(10)好了現(xiàn)在要對字體進(jìn)行加工處理了，主題黑瞳進(jìn)行修飾，雙擊圖層到樣式里編輯如圖（16）將此圖層的透明度調(diào)到0。
16.jpg (93.82 KB)
2007-6-26 15:06
(11)找些相關(guān)的圖片放入（但要符合你給予的主題，可不要隨便找一些圖片哦。），在將圖片放到樣式里編輯。如圖（17）
17.jpg (156.85 KB)
2007-6-26 15:06
(12)如過覺的還不夠的話就在加點小修飾如圖（18）但不要過多可以適當(dāng)?shù)恼{(diào)下透明度。
19.jpg (113.48 KB)
2007-6-26 15:06
完工！來看看最終效果，圖片可點擊放大。
20.jpg (70.74 KB)
2007-6-26 15:06
好了一張網(wǎng)頁就完成了，其實很容易，初學(xué)的朋友可以用這些簡單的方法試著自己去創(chuàng)作一張自己的網(wǎng)頁。不一定什么設(shè)計都要做很多效果才是好的，簡單有時候也是一種美。在教程中有不同看法的地方，希望大家可以和小弟一同交流