ps設(shè)計(jì)網(wǎng)頁(yè)定價(jià)表
現(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à)列。

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