UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

來源:ps吧 作者:浪漫武嘉 學(xué)習(xí):14957人次

本教程介紹了如何使用PhotoShop制作質(zhì)感PS標(biāo)識(shí)方形按鈕圖標(biāo)的過程,主要使用了ps的形狀工具和圖層樣式制作方形按鈕,然后使用漢儀超園簡體輸入ps,最后完成了整個(gè)效果的制作。
UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程_theoat.com.cn

隨手制作了一個(gè)圖標(biāo),簡單易學(xué)

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程_theoat.com.cn

一,先ctrl+N(新建文件),新建一個(gè)512x512的白色場景

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程_theoat.com.cn

二,按快捷鍵“U”,選擇圓角矩形工具,主要左上方的類型

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程_theoat.com.cn

在場景內(nèi)點(diǎn)一下,彈出選項(xiàng)參數(shù),如圖,創(chuàng)建一個(gè)圓角矩形

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程_theoat.com.cn

三,找到圖層框,雙擊紅色圈圈部分,彈出圖層樣式

 

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程_theoat.com.cn

顏色疊加,參數(shù)步驟如上

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程_theoat.com.cn

再回到圖層框,選擇bg1圖層,按“ctrl+J”(復(fù)制圖層)命名為bg2,然后上移動(dòng)10像素

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
照著做的2015-10-09 09:53
交作業(yè)215139qqkvdk1nvjjn1vjk.jpg
古歌逍遙2015-09-05 08:16
全部照著教程做的,字體換了別的 <哈哈>

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

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