PS簡(jiǎn)潔網(wǎng)頁(yè)美工教程

　　27 選擇橢圓形工具創(chuàng)建方型大小80px乘以35px命名為"submit btn".

　　28 雙擊圖層打開圖層樣式對(duì)話框 ,勾選左邊的漸變疊加對(duì)話框. 點(diǎn)擊漸變編輯按照如下變更顏色 .

　　29 選擇文字工具,鍵入"Submit" 使用字體Arial, 粗體樣式 大小為13pt. 選擇"submit 按鈕" 和 "Submit 文字").

　　30 在工具面板選擇移動(dòng)工具 在選項(xiàng)條設(shè)置水平居中和垂直居中.

　　創(chuàng)建主要內(nèi)容區(qū)域

　　31創(chuàng)建新組命名為"content". 選擇橢圓形工具(U).新建300px 乘以 175px 命名為"c01". 放置此層在距離頭部30px 以下 距離左邊參考線0px. 雙擊層,設(shè)置如下樣式.

　　32 我們繼續(xù)為該層填充內(nèi)容. 選擇文字工具增加文字, "About SmashingDzine". 使用文章工具選擇"About" 文字,改變顏色為#b47825. 選擇"Smashing"文字,改變顏色為#2f2f2f. 增加簡(jiǎn)短描述和文字連接. 參考以下設(shè)置.

　　標(biāo)題設(shè)置:

　　字體: Trebuchet MS, 樣式: Normal,大小: 24pt,反鋸齒選項(xiàng): 銳利

　　描述設(shè)置:

　　字體: Arial, 樣式: Normal, 大小: 12pt,反鋸齒選項(xiàng): 無, 顏色: #767676

　　連接設(shè)置:

　　字體: Arial, 樣式: Bold,大小: 13pt, 反鋸齒選項(xiàng):無, 顏色: #252525, 下劃線

　　33 緊靠描述的地方我們將增加多一個(gè)正方形. 選擇矩形工具,顏色 #ffffff, 按住Shift鍵,維持比例繪制矩形,大小為88px 乘以88px. 移動(dòng)該矩形到距離左邊矩形("c01″).10px 的地方,命名為"border". 設(shè)置描邊如下:

　　34 創(chuàng)建另一個(gè)盒子,大小為82px 乘以 82px放置在"border" 層中央. 命名為"box" 顏色改變?yōu)?#d5d5d5. 選擇"content" 組的所有圖層,進(jìn)入圖層> 新建> 創(chuàng)建組(Ctrl/Cmd + G) 命名為"about".

　　35 復(fù)制"about" 組 命名為 "services". 再重新復(fù)制一組命名為"portfopo". 我們現(xiàn)在有三個(gè)組("about", "services", and "portfopo"). 移動(dòng)最后的組("portfopo")到右側(cè)的參考線.

　　36 在面板選中三個(gè)組,點(diǎn)擊圖層>分布> 水平中心分布.

　　37 變更 "services" 組 (center) 和 "portfopo" 組 (right) 如下.

　　創(chuàng)建頁(yè)腳

　　38 新建組命名為"footer". 選擇矩形工具(U)然后創(chuàng)建矩形大小為1200px 乘以100px 在我們布局的底部. 命名為 "footer bg". 復(fù)制 "header bg" 層的圖層樣式并且應(yīng)用.

　　選擇文字工具,寫上版權(quán)聲明文字,和鏈接,樣式為Arial, 大小為12pt ,灰色(#dddddd).

　　40 我們開始在郵件增加郵件描述.創(chuàng)建新組在"footer" 層,命名為 "subscribe".選擇圓角橢圓形工具(U) 創(chuàng)建矩形大小85px 乘以 35px.圖層命名為"subscribe btn".

　　41 重復(fù)26步增加表單和標(biāo)簽.

　　42選擇文字工具,拼寫"Subscribe" 樣式Arial,Bold大小13pt. 選擇所有層("subscribe btn" 和 "Subscribe text").

　　43 重復(fù)28步創(chuàng)建按鈕.

　　44選擇橢圓矩形工具 (U)設(shè)置半徑為3px.創(chuàng)建橢圓矩形為210px 乘以35px 應(yīng)用白色為主(#ffffff)命名該層為"email field".

　　最后結(jié)果

　　最后結(jié)果已經(jīng)完成,