PS設(shè)計教程之制作WordPress新聞博客模(7)

第5步：Latest News區(qū)域制作

Latest news區(qū)域包含featured image，a categories，ribbon，post title，content和read more按鈕。在分割線下方40像素處，寫上Latest News，字體選用Helvetica Roman，大小18pt，顏色#141e1e。接著在下方的圖片展示區(qū)域放上275像素 x 120像素的樣圖。

用矩形工具創(chuàng)建一個顏色為#fea702，100像素 x 15像素的形狀，用文字工具在形狀的中央位置寫上文字BUSSINESS，字體為Helvetica Roman，大小8pt，顏色#ffffff。

應(yīng)用圖層樣式

· 內(nèi)陰影（顏色）：#ffffff

復(fù)制文本圖層，并將原圖層顏色改為#c88300。上移文字圖層1像素。選中剛剛制作好的幾個圖層（矩形圖層，兩個business文字圖層），按住快捷鍵Ctrl+T調(diào)出變換操作，如圖旋轉(zhuǎn)45°。

在預(yù)覽圖片中選定一個選區(qū)，選擇矩形圖層，應(yīng)用圖層蒙版。看起來如下圖。

使用文字工具添加上下圖的內(nèi)容。相應(yīng)內(nèi)容的字體名，字體樣式，字體大小及字體顏色見下面中的紅色文字部分。

將本步驟制作好的圖層進(jìn)行分組，取名為post。復(fù)制該組，并整體右移30像素。將飄帶的顏色修改為#8170e8，并修改文字內(nèi)容。（譯者注：其實(shí)這里的操作就是一個整體復(fù)制的過程，因?yàn)閮?nèi)容圖示版面相同，所以創(chuàng)建文件夾，進(jìn)行整體復(fù)制，然后進(jìn)行局部修改）

第6步：文章分類

此處文字的參數(shù)與recent news的字體參數(shù)一樣。在下圖所示的展示區(qū)域放上60像素 x 60像素的樣圖，并為其添加上類別名。（注意下圖所示的紅色字體所顯示的距離）

用文字工具添加下圖所示的文字內(nèi)容。文字的顏色和字體與latest news中保持一致。

將以上制作好的圖層進(jìn)行分組，復(fù)制該組，放在下圖所示的相應(yīng)位置。

將題目分類分組。復(fù)制3份，放在下圖所示位置。