ps設(shè)計(jì)網(wǎng)頁(yè)定價(jià)表

2022-12-26 11:30:24 來(lái)源/作者: / 己有:54人學(xué)習(xí)過(guò)

最終效果如下圖:

ps教程:_

 

 

 

 

 

 

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

ps教程:_

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

ps教程:_
ps教程:_
ps教程:_

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

ps教程:_

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

ps教程:_

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

ps教程:_
ps教程:_

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

ps教程:_