教你如何用PhotoShop制作網(wǎng)站登錄界面(8)

來源: 作者: 學(xué)習(xí):12103人次
來源:網(wǎng)頁教學(xué)網(wǎng)

最終效果圖

打開Photoshop,創(chuàng)建新畫布,大小根據(jù)個(gè)人網(wǎng)站需要而定,這里我們設(shè)置為900X650像素。

打開背景素材圖,使用移動工具(V)將背景素材拖動到剛剛創(chuàng)建的畫布中。

繼續(xù)使用移動工具(V)調(diào)整素材圖的位置直到滿意為止。





創(chuàng)建燈光效果,選擇素材層,濾鏡 >> 渲染 >> 光照效果。

得到如下效果(注意調(diào)整光源位置):





使用矩形選框工具(M)建立如下選區(qū)。

創(chuàng)建新圖層,并用白色填充選區(qū)。





自由變換(Ctrl + T),得到如下效果。

圖層 >> 圖層樣式 >> 投影。

復(fù)制圖層并旋轉(zhuǎn)得到如下效果。





按住Ctrl鍵并在圖層面板點(diǎn)擊頂部矩形圖層獲得選區(qū)。

選擇 >> 變換選區(qū),按住Alt鍵,縮小選區(qū)。





選擇 >> 存儲選區(qū),將上述選區(qū)保存。

載入人物素材圖片,并調(diào)整大小。

選擇 >> 載入選區(qū),將之前存儲的選區(qū)載入,選擇 >> 反選,刪除。





新建圖層,使用筆刷工具,并選擇箭頭筆刷,繪制如下效果。

編輯 >> 變換 >> 變形。

輸入登錄提示文字“Enter”。





為文字層添加投影效果,圖層 >> 圖層樣式 >> 投影。

得到如下效果:





自由變換(Ctrl + T),調(diào)整文字層的位置及角度。

輸入網(wǎng)站版權(quán)申明文字。

為版權(quán)申明文字設(shè)置圖層樣式。





得到如下效果:

輸入標(biāo)題文字,并采用與“Enter”層相同的圖層樣式。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
diaojing222015-03-25 01:17
<吃驚>01224.jpg
游客2009-06-17 09:58
文字工具字體大小怎樣調(diào)整到72點(diǎn)以上。那位老師幫幫忙。謝了
游客2009-06-11 09:57
很好

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

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