ps設(shè)計(jì)網(wǎng)頁(yè)定價(jià)表(3)
現(xiàn)在,在計(jì)劃表下方,我們將在"Standard"計(jì)劃列中設(shè)計(jì)一個(gè)列表。在每一列表項(xiàng)中,畫兩條寬度為1px的線條,使第一條線的亮度比背景深,
另一條線的亮度比背景淺,這樣將生成一種陰影效果。
再下一步,讓我們創(chuàng)建一個(gè)時(shí)尚的網(wǎng)頁(yè)按鈕,選擇圓角矩形工具,設(shè)置半徑為5px,在此列的底部畫一個(gè)100*38px的矩形。
給按鈕圖層添加陰影、漸變疊加和描邊效果,具體參數(shù)如下:
為了使按鈕的效果更具光澤,我將在按鈕頂部添加一個(gè)亮光反射的效果,我將教你一種簡(jiǎn)單的方法,同時(shí)這個(gè)方法也可以用到其他設(shè)計(jì)中。
首先,按住Ctrl鍵并單擊圖層面板中按鈕圖層的縮略圖,選出按鈕的選區(qū)。
選擇矩形選框工具,在選項(xiàng)欄中,選擇與選區(qū)交叉,在當(dāng)前選區(qū)的上半部分畫一個(gè)選區(qū),這樣就只選中了按鈕選區(qū)的上半部分。
新建圖層,選擇油漆桶工具并給選區(qū)填充白色。將新圖層的不透明度設(shè)置為10%。
下一步我們要給該web按鈕添加一條描邊效果,新建圖層,并放大圖片尺寸,按照下圖的樣式繪制一條淺灰色線條。
選擇橫排文字工具并在按鈕上方添加"Sigh Up"或者"Join us"字樣,我將字體的樣式全部設(shè)置為了大寫并添加了深色的陰影效果。
現(xiàn)在我們完成了我們第一個(gè)定價(jià)列。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 臣子木
- photoshop設(shè)計(jì) 定價(jià)表
學(xué)習(xí) · 提示
相關(guān)教程
- 圖片教程,教你怎么做圓形圖表
- PS網(wǎng)頁(yè)方塊背景
- ps設(shè)計(jì)橙色RSS玻璃圖標(biāo)
- 用ps制作精致會(huì)員登錄表單
- 如何在Photoshop中制作價(jià)格表UI
- 用ps制作一個(gè)漂亮的網(wǎng)站導(dǎo)航
- PS設(shè)計(jì)制作漂亮水晶玻璃效果的網(wǎng)站導(dǎo)航條
- photoshop設(shè)計(jì)一個(gè)漂亮的網(wǎng)站導(dǎo)航
- Photoshop教程:設(shè)計(jì)非常漂亮的網(wǎng)頁(yè)頁(yè)腳
- photoshop設(shè)計(jì)解析漂亮醒目的雜志設(shè)計(jì)分析
推薦教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)頁(yè)搜索條
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- banner教程,用ps制作960*90的廣告圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 用ps制作豎列導(dǎo)航
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧