ps設(shè)計(jì)網(wǎng)頁(yè)定價(jià)表
最終效果如下圖:

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

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



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

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

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


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

標(biāo)簽(TAG) 網(wǎng)頁(yè)圖片 臣子木 photoshop設(shè)計(jì) 定價(jià)表
上一篇:用ps制作日歷Logo