ps設(shè)計網(wǎng)頁定價表(2)
來源:chenzimu.com
作者:臣子木
學(xué)習(xí):3968人次
最終效果如下圖:
現(xiàn)在我們將創(chuàng)建一個小的圓角矩形來展示定價計劃的名稱。在這一列的最頂端,設(shè)置圓角矩形工具半徑為5px,創(chuàng)建一個130*40px的圓角矩形。
給該矩形設(shè)置陰影和漸變疊加,參數(shù)如下:
用鋼筆工具在圓角矩形的兩端分別畫一個小斜角(如下所示),這將使其呈現(xiàn)出環(huán)繞著價格列的效果。
選擇橫排文字工具,設(shè)置字體大小為20px,字體顏色為白色,字體可任選,然后在矩形上方寫上計劃的名稱(在本教程中,名字為"Standard" )。
給文字圖層設(shè)置平滑的陰影和灰色的顏色疊加效果,參數(shù)如下:
下一步,在計劃名稱的下方添加價格的明細(xì)部分(如下所示)。給該文字圖層添加一個灰色顏色疊加和陰影效果。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 臣子木
- photoshop設(shè)計 定價表
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- PS教程:設(shè)計導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)頁搜索條
- 界面設(shè)計,設(shè)計音樂播放器界面圖片
- banner教程,用ps制作960*90的廣告圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 用ps制作豎列導(dǎo)航
- Photoshop設(shè)計網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop教程:像素化細(xì)節(jié)設(shè)計技巧
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!