ps設計網(wǎng)頁按鈕教程(3)

來源:設計前沿網(wǎng) 作者:Shahzad Amin  學習:3762人次

此PS教程讓我們學習如何使用Photoshop圖像處理軟件去制作網(wǎng)頁文本按鈕!我們將首先創(chuàng)建背景,然后在這教程中我們將應用許多層,層面板和其它相關技術!
看看此教程做出的效果圖如下:

Step 1:

按CTRL+N新建一個分辨率1280 x 1024像素的頁面

white background A46 Make Text Button For Web in Photoshop

Step 2:

現(xiàn)在選擇圓角矩形工具(U),做出半徑80像素的形狀像如下
Text Button For Web B Make Text Button For Web in Photoshop

Step 3:

現(xiàn)在,選擇圓角矩形工具(U)和形狀 如下圖

Text Button For Web C Make Text Button For Web in Photoshop

Step 4:

打開圖層樣式,選擇漸變疊加,設置漸變疊加像如下

Text Button For Web D Make Text Button For Web in Photoshop

Step 5:

現(xiàn)在選擇圓角矩形工具(U),使半徑20像素的形狀像如下

Text Button For Web E Make Text Button For Web in Photoshop

Step 6:

現(xiàn)在選擇圖層樣式,過去它的形狀像如下

Text Button For Web F Make Text Button For Web in Photoshop

Step 7:

現(xiàn)在選擇矩形選框工具(M)和形狀像如下

Text Button For Web G Make Text Button For Web in Photoshop

Step 8:

現(xiàn)在選擇文本文字工具(T)和類型如下的文本

Text Button For Web H Make Text Button For Web in Photoshop

Step 9:

現(xiàn)在,選擇圓角矩形工具(U)和形狀


你可以使用不同顏色制作出不同的網(wǎng)頁按鈕

我希望你喜歡這個教程,我希望這些技術都為你的將來設計的啟發(fā)一些​​新的想法和意見。.

學習 · 提示

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

關注大神微博加入>>

網(wǎng)友求助,請回答!