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

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

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

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

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

一，先ctrl+N（新建文件），新建一個512x512的白色場景

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

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

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

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

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

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

 

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

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

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

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

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

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

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

網(wǎng)友求助，請回答！