當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

UI圖標教程,用ps制作浪漫的冰晶圖標

來源:站酷 作者:周群芳 學習:15246人次

本篇教程通過ps制作一個雪地冰晶圖標,我們需要建一個畫布,把素材放進去,為后期做準備。整個教程比較簡單,同學們可以試著練習一下,試著給自己需要去設計。

效果圖:

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn

操作步驟:

首先,新建一個1000*1000px 的畫布,把背景素材放進去。

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn

素材的雪地不適合我們這次的效果,所以需要自己畫一個雪地。

先畫一個白色的矩形,與畫布底對齊。但是正常的雪地邊緣不會是一條直線,應該有點細微的弧度,所以先用直接選擇工具(快捷鍵A)選擇矩形的路徑,然后添加兩個錨點,稍微拉一點弧度出來。

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn
theoat.com.cn

這一步也可以直接用鋼筆勾。

然后給剛剛勾的形狀添加圖層樣式。

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn

背景算是做好了,然后開始擼圖標。

先新建一個512*512,圓角為90px的圓角矩形,與畫布水平、垂直居中,然后將雪人素材拖進去,按住ALT點擊雪人圖層和圓角矩形圖層中間,創(chuàng)建剪切蒙版。

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn

然后給圓角矩形添加一個內(nèi)發(fā)光

UI圖標教程,用ps制作浪漫的冰晶圖標_theoat.com.cn

但是圖標的底部不應該是這樣的光,所以我們需要把內(nèi)發(fā)光分離出來,然后用蒙版擦掉多余的效果。

回到圖層面板,在“內(nèi)發(fā)光”上點右鍵,選擇“創(chuàng)建圖層”

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
開心牙刷2018-04-20 05:04
一定要看一下
心已逝人未亡2018-04-20 02:52
看看,練練手
百里雪逝2018-04-20 02:48
謝謝作者投稿
希望486號2018-04-20 10:29
學習啦學習啦學習啦學習啦
飛葉軒閣2018-04-20 08:59
學習學習
阿薩德2018-04-20 08:56
太棒了

關注大神微博加入>>

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