當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

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

來源:設(shè)計前沿網(wǎng) 作者:Shahzad Amin  學(xué)習(xí):3762人次

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

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:

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

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

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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