|
先附上最終效果圖
強(qiáng)力建議初學(xué)者練習(xí)這個教程,，這個教程講到了 1.960柵格系統(tǒng) 2.倒影的制作 3.web2.0質(zhì)感 4.網(wǎng)頁元素的對 等等等等,。 因此強(qiáng)烈建議初學(xué)者都制作一遍，我做完后感覺對自己的幫助非常大 本教程原來來自PS真功夫,，但是原文中錯誤比較多,，我對他進(jìn)行的重新編輯。 步驟1
為了確保能夠?qū)R我們采用960s坐標(biāo)制（下載地址 ）下載打開文件,將\nathansmith-960-Grid-System-3a98428\app_plugins\photoshop下的960_GRIDS.atn文件復(fù)制到photoshop安裝目錄的\Presets\Actions文件夾,。
重啟photoshop在動作面板運(yùn)行24 Column Grid動作即可,。 我們先創(chuàng)建背景圖層，在背景層上右擊,，然后選擇背景圖層,，命名為“bg”。
步驟2
我們運(yùn)用了這么多參考線,，所以我們需要打開視圖>標(biāo)尺,。
步驟3
我們要為標(biāo)題區(qū)設(shè)置下邊框，所以需要在下方100px拖拽一條新的參考線,，執(zhí)行視圖——新建參考線,，位置：100
步驟 4 讓我們來創(chuàng)建標(biāo)題。先創(chuàng)建一個1020*100px的選區(qū),，然后按下shift+backspace 填充（可用任何顏色）
一個漸變疊加,，如下圖所示
將這個圖層命名為“header-bg”
步驟 5
輸入網(wǎng)站標(biāo)題，并設(shè)置以下文字屬性： 字體設(shè)置： Rockwell (從這里獲取) 字體大小: 30px 字體樣式: Regular 反鋸齒設(shè)置：平滑 顏色：不要緊,，因?yàn)槲覀冞€要執(zhí)行一個漸變疊加
現(xiàn)在對文本添加漸變疊加,，參考下圖所示：
將你的網(wǎng)站標(biāo)題和標(biāo)題背景色對齊；同時(shí)選擇你的標(biāo)題層和“header-bg”層,，然后選擇垂直居中,。
更多分類教程:
|
|
|
