ps設計網頁定價表
- 2022-12-24 19:32:25
- 來源/作者:互聯網/佚名
- 己被圍觀次
定價表常見于一些基于web應用程序的網站。我們將運用橫排文字工具和圓角矩形工具等來完成我們的這項任務。我將向您展示如何迎合現代的web發展主流來創建這樣一個表界面。
最終效果如下圖:

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

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



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

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

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


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

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:網頁常用按鈕制作教程之一








