PS簡潔網(wǎng)頁美工教程

　　完成的網(wǎng)頁效果:

　　1 創(chuàng)建新的 Photoshop文檔 (Ctrl/Cmd + N)根據(jù)下圖.

　　設(shè)置單位和標(biāo)尺

　　2 確保你使用像素為單位, 它是網(wǎng)頁設(shè)計(jì)的標(biāo)準(zhǔn)尺度. 從前置選項(xiàng)的windows對話框設(shè)置標(biāo)尺 (Ctrl/Cmd + K); 點(diǎn)擊單位和標(biāo)尺,確保你所有的設(shè)置跟下圖相同.

　　為內(nèi)容區(qū)域增加指導(dǎo)

　　3 激活photoshop的標(biāo)尺,從查看 > 標(biāo)尺里頭. 按下"Ctrl/Cmd + R"固定標(biāo)尺的可見度. 也可以通過打開窗口> 信息 (快捷鍵: F8). 通過選區(qū)工具,信息面板可以反饋不是有用的信息. 按下"M"字鍵, 選擇矩形選區(qū)工具在畫布的左上角繪制出一個(gè)120px寬的小盒子.你可以調(diào)整選區(qū)的大小通過信息面板.現(xiàn)在從左邊開始,根據(jù)面板顯示的寬度拖動(dòng)參考線到如圖的選區(qū)右側(cè).

　　4 移動(dòng)選區(qū)到畫布的右邊緣. 分配另外一條參考線到選區(qū)左側(cè).

　　你的畫布看起來應(yīng)該是這樣的:

　　創(chuàng)建logo

　　5 現(xiàn)在我們開始創(chuàng)建LOGO. logo只是添加的應(yīng)用顏色漸變效果所以很簡單. 創(chuàng)建新的組 (圖層> 新建 >組)并且命名為"logo".

　　6 選擇橫向排版工具 (T)切換到大寫字母 鍵入"SMASHING" (或者你網(wǎng)站的名字) .

　　7 進(jìn)入字符面板, 設(shè)置字體為Arial, 樣式為粗體,大小為 42pt. 設(shè)置反鋸齒選項(xiàng)為銳利顏色為#101112. 你同樣可以在激活文字工具之后在工具欄更改.

　　8 雙擊打開圖層面板對話框. 選擇圖層漸變, 點(diǎn)擊漸變設(shè)置如下圖顯示設(shè)置.