利用PS制作網(wǎng)站的基本流程
步驟 1: Banner 制作
創(chuàng)建新的畫(huà)布(780x600),利用矩形選框工具選取如下矩形選區(qū)用來(lái)制作Banner。
創(chuàng)建新的圖層,并插入游戲截圖。
創(chuàng)建另一圖層, 在Banner邊緣繪制兩條直線。
暫時(shí)最小化窗口。
創(chuàng)建新的畫(huà)布(3x3),按如下方式填充,并將下圖定義為圖案。
選擇雙線邊框圖層,使用魔術(shù)棒工具選擇兩條直線之間的區(qū)域。選擇油漆桶工具,使用“圖案”填充。
復(fù)制雙線層并將其拖動(dòng)到Banner的底邊。
圖層 >> 合并圖層,將兩個(gè)Banner邊框?qū)雍喜,并命名為“Banner邊框”。
使用魔術(shù)棒工具選擇上下邊框之間的部分。
創(chuàng)建新的圖層。
按如下方式定義新的圖案。
在新圖層中填充該圖案,得到如下效果。
使用橢圓選框工具,創(chuàng)建如下選區(qū)。
選擇 >> 羽化,羽化度50。
編輯 >> 清除。
打開(kāi)另一幅圖像文件。
選擇鋼筆工具,并打開(kāi)快速蒙版。
沿著人物邊緣描點(diǎn)。
完成描點(diǎn)后,右鍵打開(kāi)快捷菜單選擇“建立選區(qū)”。
復(fù)制人物到Banner中,并置于適當(dāng)位置,刪除邊線之外的部分。
使用文字工具輸入網(wǎng)站標(biāo)題。
.
步驟 2、導(dǎo)航欄制作
創(chuàng)建新的圖層,并在如下位置建立矩形選區(qū)。
選擇漸變工具,并按下圖所示設(shè)置前景色和背景色。
創(chuàng)建新的圖層,按住Shift拖動(dòng)漸變工具制作淡淡的漸變效果。
輸入導(dǎo)航欄文字。
步驟 3:主體和背景制作
利用之前創(chuàng)建的圖案填充背景層。
建立內(nèi)容欄。
創(chuàng)建新的圖層,并繪制如下矩形選區(qū)。
使用白色填充,將網(wǎng)站分為兩個(gè)部分。
添加內(nèi)容文字。
在右側(cè)分欄內(nèi)建立鏈接。
一個(gè)利用PS制作的游戲網(wǎng)站就完成了。
學(xué)習(xí) · 提示
相關(guān)教程
- ps設(shè)計(jì)網(wǎng)站首頁(yè)第一屏圖片教程
- ps設(shè)計(jì)網(wǎng)站登錄界面教程
- ps合成品牌服裝網(wǎng)站宣傳圖設(shè)計(jì)教程
- ps制作立體效果的網(wǎng)站導(dǎo)航教程
- ps實(shí)例教程:制作網(wǎng)站橫條廣告
- ps制作3D立體Logo網(wǎng)站抬頭網(wǎng)頁(yè)設(shè)計(jì)教
- 用ps制作網(wǎng)站導(dǎo)航
- 用ps制作一個(gè)簡(jiǎn)單的網(wǎng)站banner
- 用ps制作簡(jiǎn)潔的企業(yè)網(wǎng)站頭部
- 用ps制作一個(gè)漂亮的網(wǎng)站導(dǎo)航
推薦教程
- ps網(wǎng)格背景圖案
- ps切片工具吧圖片轉(zhuǎn)成網(wǎng)頁(yè)格式
- 用ps制作恐怖博客header
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 網(wǎng)絡(luò)廣告設(shè)計(jì)-奔馳汽車(chē)banner廣告設(shè)計(jì)PS教程
- ps制作window7移動(dòng)導(dǎo)航網(wǎng)頁(yè)界面設(shè)計(jì)教
- PS設(shè)計(jì)制作漂亮水晶玻璃效果的網(wǎng)站導(dǎo)航條
- 教你如何用PhotoShop制作網(wǎng)站登錄界面
- Photoshop制作網(wǎng)站流程圖解揭密
- 利用PhotoShop制作風(fēng)格化網(wǎng)站導(dǎo)航