作者:鼠哥
今天小弟為大家示範商業網頁製作過程。會網頁的朋友們應該知道Photoshop在這過程中的重要性,因為它是網頁製作基礎。所以筆者準備了這套教程,其目的希望初學的朋友們能夠更加深刻的了解製作過程,在以後的日子裡小弟我會多準備一些,相對於宣傳畫冊,公益海報等,製作的過程。我們現在就開始吧!
我們先來看看最終的效果圖:
效果圖
圖(1)先選擇檔案>新建(CTRL+N),在對話方塊中設定參數。如圖1。
設定參數
圖(2)新建一圖層,現在先從背景開始,首先設好漸變的顏色(在這小弟用紅色和黑色作為背景色,顏色可以根據自己的喜好調定。)在圖中按住shift+滑鼠左鍵向下做直線拉伸。如圖2、3所示。 +
漸層編輯器
漸層效果圖
圖(3)設好背景顏色後,用加深和減淡工具(快捷鍵o)進行編輯,帶點布紋的感覺。如圖4、5所示。
帶點布紋的感覺
加深和減淡工具
圖(4)在用選框工具(快捷鍵m)在右上角框選出對應的範圍後,按住ctrl+j單獨拷貝一個圖層。在對它進行樣式的編輯。如圖6、7所示。
按住ctrl+j單獨拷貝一個圖層
圖層樣式的編輯
圖(5)選擇圖層2,用上面一樣的方法,框選出對應的範圍後,按住ctrl+j單獨拷貝一個圖層。在對它進行樣式的編輯。如圖8。
選出相應的範圍
圖(6)接著要開始對剛才框選編輯後的圖層進行加深減淡的處理。首先選住圖層3,如圖9編輯後在選圖層4,見圖10。
進行加深減淡的處理
圖(7)新建圖5,現在對圖象進行修飾,用框選工具選取適當範圍,如圖(11)填入R:255 G:2 B:252.在雙擊圖層5進行樣式編輯。如圖(12)。在將此圖層的透明度調到百分之40。如圖(13)
用框選工具選取適當範圍
圖層樣式編輯
圖層的透明度
圖(8)新建一圖層,選取範圍後填入R:255 G:2 B:252.進行樣式編輯如圖(14)在將此圖層的透明度調到0。
圖層樣式編輯
圖(9)現在我們打入文字,(大家也想個喜歡的名字吧。)小弟給網頁取名為黑瞳迪吧,相對應的打入一些字體。如圖(15)。
打入文字
圖(10)好了現在要對字體進行加工處理了,主題黑瞳進行修飾,雙擊圖層到樣式裡編輯如圖(16)將此圖層的透明度調到0。
對字體進行加工
圖(11)找些相關的圖片放入(但要符合你給予的主題,可不要隨便找一些圖片哦。),在將圖片放到樣式裡編輯。如圖(17)
圖層樣式
圖(12)如過覺的還不夠的話就再加點小修飾如圖(18)但不要過多可以適當的調下透明度。
加點小修飾
完工!來看看最終效果。
最終效果
好了一張網頁就完成了,其實很容易,初學的朋友可以用這些簡單的方法試著自己去創作一張自己的網頁。不一定設計都要做很多效果才是好的,簡單有時候也是一種美。在教學中有不同看法的地方,希望大家可以和小弟一同交流,聯絡QQ:95512068。