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

來源:不詳 作者:佚名 學(xué)習(xí):1143人次
Photoshop簡單酒吧網(wǎng)頁制作實(shí)戰(zhàn)今天小弟給大家演示商業(yè)網(wǎng)頁制作過程。會網(wǎng)頁的朋友們應(yīng)該知道Photoshop在這過程中的重要性,因?yàn)樗蔷W(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)行編輯,帶點(diǎ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單獨(dú)拷貝一個圖層。在對它進(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單獨(dú)拷貝一個圖層。在對它進(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)如過覺的還不夠的話就在加點(diǎn)小修飾如圖(18)但不要過多可以適當(dāng)?shù)恼{(diào)下透明度。
19.jpg (113.48 KB)
2007-6-26 15:06
完工!來看看最終效果,圖片可點(diǎn)擊放大。
20.jpg (70.74 KB)
2007-6-26 15:06
好了一張網(wǎng)頁就完成了,其實(shí)很容易,初學(xué)的朋友可以用這些簡單的方法試著自己去創(chuàng)作一張自己的網(wǎng)頁。不一定什么設(shè)計都要做很多效果才是好的,簡單有時候也是一種美。在教程中有不同看法的地方,希望大家可以和小弟一同交流

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!