圖標設計,制作一款紫色的樹葉水滴怪獸圖標(4)

來源:UI中國 作者:禎六爺 學習:6263人次

圖標我們做過很多了,各種各樣的都有,今天我們換個風格,用PS制作一款紫色的樹葉水滴怪獸圖標,大家一定很好奇為什么是紫色的葉子,在某個繪畫展覽上有人臨摹的荷花的樣子,是紫色的,大行其道做了個紫色葉子的圖標,配上水滴形成一個小怪獸的表情,主要用到了圖層樣式,同學們一起來做下吧。

效果圖:

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn
www.theoat.com.cn

首先,還是老樣子,建一個新的畫面。尺寸自定義啦

1、先畫圖標底層的背景,打好基石。用多邊圖形畫出背景的輪廓。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

2、給背景添加浮雕、投影、發(fā)光等效果,具體參數(shù)不細說,直接上圖。對于一些效果的參數(shù),可以自己按照自己的喜好調整。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

背景的效果如下:

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

3、背景做好啦,那給小森林畫上樹枝吧。用鋼筆工具,勾勒出樹木的主干和枝條,然后通過剪貼蒙蔽把樹枝收在背景內部。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

4、整體的顏色效果有點平,那好來點高點調整一下。橢圓工具在背景的左上角畫一個橢圓,給40的羽化,圖層透明度調成30%。如此再復制一個圖層,縮小橢圓的大小。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

5、樹枝和背景都畫好啦,只有這些還不夠,小怪獸一般都是晚上出來,那森林里面肯定有好多的螢火蟲,來點小點綴吧。圓形工具,填充顏色,羽化值1.隨性的散落在樹干左右。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

6、現(xiàn)在開始水滴效果啦,先用鋼筆工具勾勒出頭部的輪廓。該圖層命名為“輪廓1”給圖層添加發(fā)光、投影等

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

7、復制該圖層命名輪廓2,把輪廓2放在輪廓1的下面,做邊緣高亮的效果

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

8、要輪廓添加立體的效果。復制輪廓2添加圖層效果,由于加完濾鏡效果后,畫好的圖形就看不出來了。所以要先給圖層添加蒙蔽,把圖形的輪廓留出來。然后。把畫好的圖形轉化成智能對象-->給圖形 高斯模糊-->動感模糊。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

9、復制輪廓3,命名輪廓4,把輪廓4放在輪廓3的上面,調整圖層透明度,把輪廓4和輪廓3錯開一些,這樣輪廓的下面就會出現(xiàn)立體的效果。

10、現(xiàn)在開始給輪廓加細節(jié)的高光。用鋼筆工具給輪廓的下面的立體部分畫出來,調整圖層透明度和圖形的顏色。這部分主要是細節(jié)調整,沒有什么特別地方。不明白的地方可以看源文件。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn

11、重復步驟6到步驟10的方法,給小怪物畫上左右兩個圓形的小耳朵,好啦,水滴效果的小怪獸完工。

圖標設計,制作一款紫色的樹葉水滴怪獸圖標_www.theoat.com.cn
www.theoat.com.cn

是不是趣味性十足呢,同學可以做成其他樣式的,只有想不到的,沒有PS做不到的。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
陌點點2018-05-26 01:36
32個贊
風拂揚柳2018-02-22 12:42
超級感謝樓主,說的很詳細噢!
唐僧吃煙2017-11-15 10:00
好象好多東西還是不理解啊
我的雪人2017-11-15 09:44
還要學習學習啊
快活小妖孽2017-11-15 03:42
謝謝作者投稿
瞳LOVE蓮2017-11-15 12:53
在這里學到好多東西
黑色之神2017-11-15 08:59
好東西
落地無煙花2017-11-15 06:49
超級感謝樓主,說的很詳細噢!
給特別的你2017-11-15 04:46
老師:影響夫妻關系的事情有很多,小明,你舉個例子?小明 : 不舉
夜幕艾澤拉斯2017-11-15 02:55
打卡

關注大神微博加入>>

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