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

來源:站長之家 作者:佚名 發(fā)布 學(xué)習(xí):1747人次

第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)用圖層蒙版?雌饋砣缦聢D。

使用文字工具添加上下圖的內(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份,放在下圖所示位置。


 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!