教你如何用PhotoShop制作網(wǎng)站登錄界面(8)
最終效果圖
打開(kāi)Photoshop,創(chuàng)建新畫布,大小根據(jù)個(gè)人網(wǎng)站需要而定,這里我們?cè)O(shè)置為900X650像素。
打開(kāi)背景素材圖,使用移動(dòng)工具(V)將背景素材拖動(dòng)到剛剛創(chuàng)建的畫布中。
繼續(xù)使用移動(dòng)工具(V)調(diào)整素材圖的位置直到滿意為止。
創(chuàng)建燈光效果,選擇素材層,濾鏡 >> 渲染 >> 光照效果。
得到如下效果(注意調(diào)整光源位置):
使用矩形選框工具(M)建立如下選區(qū)。
創(chuàng)建新圖層,并用白色填充選區(qū)。
自由變換(Ctrl + T),得到如下效果。
圖層 >> 圖層樣式 >> 投影。
復(fù)制圖層并旋轉(zhuǎn)得到如下效果。
按住Ctrl鍵并在圖層面板點(diǎn)擊頂部矩形圖層獲得選區(qū)。
選擇 >> 變換選區(qū),按住Alt鍵,縮小選區(qū)。
選擇 >> 存儲(chǔ)選區(qū),將上述選區(qū)保存。
載入人物素材圖片,并調(diào)整大小。
選擇 >> 載入選區(qū),將之前存儲(chǔ)的選區(qū)載入,選擇 >> 反選,刪除。
新建圖層,使用筆刷工具,并選擇箭頭筆刷,繪制如下效果。
編輯 >> 變換 >> 變形。
輸入登錄提示文字“Enter”。
為文字層添加投影效果,圖層 >> 圖層樣式 >> 投影。
得到如下效果:
自由變換(Ctrl + T),調(diào)整文字層的位置及角度。
輸入網(wǎng)站版權(quán)申明文字。
為版權(quán)申明文字設(shè)置圖層樣式。
得到如下效果:
輸入標(biāo)題文字,并采用與“Enter”層相同的圖層樣式。
學(xué)習(xí) · 提示
相關(guān)教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- ps設(shè)計(jì)網(wǎng)站首頁(yè)第一屏圖片教程
- ps設(shè)計(jì)音樂(lè)播放器界面教程
- ps設(shè)計(jì)網(wǎng)頁(yè)登錄界面實(shí)例
- ps設(shè)計(jì)網(wǎng)站登錄界面教程
- ps合成品牌服裝網(wǎng)站宣傳圖設(shè)計(jì)教程
- ps制作window7移動(dòng)導(dǎo)航網(wǎng)頁(yè)界面設(shè)計(jì)教
- ps制作立體效果的網(wǎng)站導(dǎo)航教程
- 用ps制作精致會(huì)員登錄表單
- ps實(shí)例教程:制作網(wǎng)站橫條廣告
推薦教程
- 用ps制作豎列導(dǎo)航
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- banner教程,用ps制作960*90的廣告圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- 陰影效果,教你制作各類陰影教程