當前位置:首頁>ps實例教程>ps網頁設計>網頁圖片>教程內容

ps設計網頁定價表(3)

來源:chenzimu.com  作者:臣子木  學習:3968人次

 

 

 

 

 

  現(xiàn)在,在計劃表下方,我們將在"Standard"計劃列中設計一個列表。在每一列表項中,畫兩條寬度為1px的線條,使第一條線的亮度比背景深,

  另一條線的亮度比背景淺,這樣將生成一種陰影效果。

ps教程:www.theoat.com.cn_

  再下一步,讓我們創(chuàng)建一個時尚的網頁按鈕,選擇圓角矩形工具,設置半徑為5px,在此列的底部畫一個100*38px的矩形。

ps教程:www.theoat.com.cn_

  給按鈕圖層添加陰影、漸變疊加和描邊效果,具體參數(shù)如下:

ps教程:www.theoat.com.cn_
ps教程:www.theoat.com.cn_
ps教程:www.theoat.com.cn_

  為了使按鈕的效果更具光澤,我將在按鈕頂部添加一個亮光反射的效果,我將教你一種簡單的方法,同時這個方法也可以用到其他設計中。

  首先,按住Ctrl鍵并單擊圖層面板中按鈕圖層的縮略圖,選出按鈕的選區(qū)。

  選擇矩形選框工具,在選項欄中,選擇與選區(qū)交叉,在當前選區(qū)的上半部分畫一個選區(qū),這樣就只選中了按鈕選區(qū)的上半部分。

ps教程:www.theoat.com.cn_

  新建圖層,選擇油漆桶工具并給選區(qū)填充白色。將新圖層的不透明度設置為10%。

ps教程:www.theoat.com.cn_

 

 

 

 

 

 

  下一步我們要給該web按鈕添加一條描邊效果,新建圖層,并放大圖片尺寸,按照下圖的樣式繪制一條淺灰色線條。

ps教程:www.theoat.com.cn_

  選擇橫排文字工具并在按鈕上方添加"Sigh Up"或者"Join us"字樣,我將字體的樣式全部設置為了大寫并添加了深色的陰影效果。

  現(xiàn)在我們完成了我們第一個定價列。

ps教程:www.theoat.com.cn_

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!