當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

ps設(shè)計網(wǎng)頁定價表(2)

來源:chenzimu.com  作者:臣子木  學(xué)習(xí):3968人次

最終效果如下圖:

ps教程:www.theoat.com.cn_

 

 

 

 

 

 

  現(xiàn)在我們將創(chuàng)建一個小的圓角矩形來展示定價計劃的名稱。在這一列的最頂端,設(shè)置圓角矩形工具半徑為5px,創(chuàng)建一個130*40px的圓角矩形。

ps教程:www.theoat.com.cn_

  給該矩形設(shè)置陰影和漸變疊加,參數(shù)如下:

ps教程:www.theoat.com.cn_
ps教程:www.theoat.com.cn_
ps教程:www.theoat.com.cn_

  用鋼筆工具在圓角矩形的兩端分別畫一個小斜角(如下所示),這將使其呈現(xiàn)出環(huán)繞著價格列的效果。

ps教程:www.theoat.com.cn_

  選擇橫排文字工具,設(shè)置字體大小為20px,字體顏色為白色,字體可任選,然后在矩形上方寫上計劃的名稱(在本教程中,名字為"Standard" )。

ps教程:www.theoat.com.cn_

  給文字圖層設(shè)置平滑的陰影和灰色的顏色疊加效果,參數(shù)如下:

ps教程:www.theoat.com.cn_
ps教程:www.theoat.com.cn_

下一步,在計劃名稱的下方添加價格的明細(xì)部分(如下所示)。給該文字圖層添加一個灰色顏色疊加和陰影效果。

ps教程:www.theoat.com.cn_


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

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

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

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