ps設計網頁定價表

2022-12-26 11:30:24 來源/作者: / 己有:54人學習過

最終效果如下圖:

ps教程:_

 

 

 

 

 

 

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

ps教程:_

  給該矩形設置陰影和漸變疊加,參數如下:

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

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

ps教程:_

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

ps教程:_

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

ps教程:_
ps教程:_

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

ps教程:_