,效果,選擇">
當(dāng)前位置:首頁>ps培訓(xùn)教程>ps照片處理>效果教程>教程內(nèi)容

PS制作簡潔大氣的網(wǎng)站首頁界面..。(4)

來源:不詳 作者:佚名 學(xué)習(xí):3249人次

PS制作簡潔大氣的網(wǎng)站首頁界面..。

效果覺得很不錯.~稀飯的親們可以試試.~


 

本教程是介紹網(wǎng)站首頁的制作方法,界面大氣簡潔是現(xiàn)在比較流行的一種表達(dá)形式,其中都是運用平時我們都熟悉的表現(xiàn)手法,制作過程也不復(fù)雜。如果你喜歡網(wǎng)頁設(shè)計話可以動手試一下!
最終效果


保存圖片,請右擊后按A
素材1
保存圖片,請右擊后按A
素材2
保存圖片,請右擊后按A


1.打開Photoshop,創(chuàng)建新畫布,大小根據(jù)個人網(wǎng)站需要而定,這里我們設(shè)置為900*650像素。打開素材1,使用移動工具(V)將背景素材拖動到剛剛創(chuàng)建的畫布中。效果如圖1(注:為了方便瀏覽素材和圖片都已經(jīng)壓縮過了,制作的時候請以實際大小制作)


保存圖片,請右擊后按A
<圖1>

 


 

 

2.選擇菜單:濾鏡 >> 渲染 >> 光照效果。參數(shù)設(shè)置如圖2,效果如圖3

 


保存圖片,請右擊后按A
<圖2>


保存圖片,請右擊后按A
<圖3>


 

3.使用矩形選框工具(M)建立如圖4所示的選區(qū)。新建一個圖層填充為白色,按Ctrl T 變形效果如圖5

 


保存圖片,請右擊后按A
<圖4>


 

保存圖片,請右擊后按A
<圖5>

 


 

 

4.雙擊圖層調(diào)出圖層樣式選擇投影參數(shù)設(shè)置如圖6,確定后按Ctrl J 復(fù)制一層,按Ctrl T 變換角度效果如圖7

 


保存圖片,請右擊后按A
<圖6>


保存圖片,請右擊后按A
<圖7>


 

5.按Ctrl 點圖層調(diào)出選區(qū)如圖8,選擇菜單:選擇 >> 變換選區(qū),按住Alt鍵,縮小選區(qū)如圖9,再選擇菜單:選擇 >> 存儲選區(qū),將選區(qū)保存。

 


保存圖片,請右擊后按A
<圖8>


保存圖片,請右擊后按A
<圖9>


 

 

6.打開素材2直接拖進(jìn)來,并調(diào)整大小。選擇菜單:選擇 >> 載入選區(qū),將之前存儲的選區(qū)載入,選擇 >> 反選,刪除。效果如圖11

 


保存圖片,請右擊后按A
<圖10>


保存圖片,請右擊后按A
<圖11>


 

7.新建圖層,使用筆刷工具,并選擇箭頭筆刷,繪制圖12所示效果。選擇菜單:編輯 >> 變換 >> 變形。變形設(shè)置如圖13,這個只適合cs2及以上版本。低版本的建議按效果圖直接勾出來。

 


保存圖片,請右擊后按A
<圖12>


保存圖片,請右擊后按A
<圖13>


 

 

8.輸入登錄提示文字“Enter”。雙擊圖層調(diào)出圖層樣式選擇投影參數(shù)設(shè)置如圖15,效果如圖15

 


保存圖片,請右擊后按A
<圖14>


保存圖片,請右擊后按A
<圖15>


保存圖片,請右擊后按A
<圖16>


 

 

9.自由變換(Ctrl T),調(diào)整文字層的位置及角度如圖17,輸入網(wǎng)站版權(quán)申明文字如圖18。 雙擊圖層調(diào)出圖層樣式參數(shù)設(shè)置如圖19-20,效果如圖21

 


保存圖片,請右擊后按A
<圖17>


保存圖片,請右擊后按A
<圖18>


保存圖片,請右擊后按A
<圖19>


保存圖片,請右擊后按A
<圖20>


保存圖片,請右擊后按A
<圖21>


 

10.輸入標(biāo)題文字,并采用與“Enter”層相同的圖層樣式。完成最終效果。

 


保存圖片,請右擊后按A
<圖22>


保存圖片,請右擊后按A
<圖23>

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

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

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

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