對(duì)于授課、寫文章、寫教程等行為，很關(guān)鍵的一點(diǎn)是同理心，傳者需要明白聽(tīng)著想要什么，而我最了解誰(shuí)呢？當(dāng)然是從前的我！

由此腦中突然靈關(guān)一現(xiàn)，如果剛畢業(yè)的我遇到現(xiàn)在的我會(huì)發(fā)生什么事情？“他”一定會(huì)有很多問(wèn)題，比如和大學(xué)時(shí)的女朋友有沒(méi)有成啊，現(xiàn)在一個(gè)月賺多少錢啊，當(dāng)然少不了專業(yè)上的問(wèn)題，畢竟我是個(gè)愛(ài)學(xué)習(xí)的好孩子。

所以接下來(lái)，我就以“2014年的菜心”和“2019年的菜心”之間的對(duì)話，來(lái)分享一點(diǎn)干貨。

去年年底在做項(xiàng)目時(shí)沉淀下來(lái)下面這套圖標(biāo)設(shè)計(jì)：

14年的菜心問(wèn)我怎么做的，今天就來(lái)和他分享下制作方法和思路。 

01/

軟件 

14年菜心：大哥，你這套圖標(biāo)用什么軟件做的啊？

19年菜心：ps為主，c4d為輔。 

02/

造型 

14年菜心：大哥，這樣立體的造型我該如何下手

19年菜心：其實(shí)并不難，基本就是主形象加個(gè)厚度，可以采用平行視圖的透視關(guān)系，也就是2.5d的設(shè)計(jì)風(fēng)格，經(jīng)常用到的輔助線如下：

但我這次沒(méi)有嚴(yán)格按照這個(gè)輔助線來(lái)走，但是方向還是會(huì)盡量保持統(tǒng)一，不然會(huì)很亂。

如果有些透視關(guān)系找不準(zhǔn)，我會(huì)用c4d簡(jiǎn)單的建個(gè)模，看下規(guī)律，然后再用ps鋼筆畫出每個(gè)面，例如：

這一步主要就是看看每個(gè)面的交錯(cuò)關(guān)系，然后找到自己想要的角度畫出來(lái)。

當(dāng)然，如果你c4d渲染特別6，直接渲染然后ps微調(diào)即可，如果不熟練的話，可以用ps鋼筆畫，然后再加顏色和質(zhì)感。本次教程也主要是用ps畫。 

03/

色彩與質(zhì)感

14年菜心：對(duì)于圖標(biāo)的色彩有什么可以傳授給我的嗎，我的配色能力好差。

19年菜心：我之前有寫過(guò)一些關(guān)于配色的野路子，有興趣可以去我公眾號(hào)看下。

最開(kāi)始我在c4d里面渲染出來(lái)的效果是這樣的：

由于材質(zhì)和光都沒(méi)調(diào)高，所以導(dǎo)致顏色有點(diǎn)臟且不透氣：

 顏色臟主要是因?yàn)楸旧砉逃猩�就很臟很重，而不夠透氣主要原因就在于高光、暗部、環(huán)境色這些東西沒(méi)有用好，或者丟失了一些細(xì)節(jié)。

首先填充固有色，由于風(fēng)格是輕質(zhì)感，所以顏色不會(huì)用的太重，在色板上的區(qū)域都集中在這一塊：

填充后效果如下：

只要顏色你能保證足夠輕量，填充固有色后，大體效果就不會(huì)太差。

接下來(lái)為了讓色彩更加透氣，我們需要加些明暗關(guān)系，光源假設(shè)是左上方，那左上角就是亮部，右下角就是暗部，效果如下：

其實(shí)簡(jiǎn)單來(lái)說(shuō)，就是以光源為出發(fā)點(diǎn)，每個(gè)面都拉一個(gè)由淺變深的漸變。

明暗漸變有了之后，就開(kāi)始加環(huán)境光，我融入的環(huán)境光是白色偏藍(lán)，這一步操作方式有很多，比如圖層樣式的內(nèi)發(fā)光，我經(jīng)常用的方法就是，把環(huán)境光的顏色畫出來(lái)，然后進(jìn)行羽化，然后置入固有色的圖層中，效果如下：

最后一步就是加一些細(xì)節(jié)，比如轉(zhuǎn)折出的高光：

有些金屬材質(zhì)的鏡面反光等等：

這些都是點(diǎn)睛之筆，很重要。

這樣，基本上一個(gè)圖標(biāo)也就差不多完成了。 

04/

細(xì)節(jié) 

14年菜心：真厲害，還有什么細(xì)節(jié)值得注意的嗎，大哥

19年菜心：我覺(jué)得很重要的一步就是，暗部顏色千萬(wàn)不要用“禁區(qū)色”，這個(gè)知識(shí)點(diǎn)我有講過(guò)很多次，比如下面這個(gè)鈴鐺暗部顏色用到了“禁區(qū)色”：

調(diào)整顏色區(qū)域：

效果如下：

這是讓顏色通透很重要的一步，大家千萬(wàn)切記。

前期在摸索的時(shí)候，每個(gè)圖標(biāo)都有做很多個(gè)版本：

做多了，自然也就熟能生巧了，如果大家有興趣，可以自己做做練習(xí)，然后后臺(tái)發(fā)我看看你的練習(xí)，我有時(shí)間會(huì)盡量回復(fù)大家。

19年菜心：還有啥問(wèn)題嗎？小老弟。

14年菜心：暫時(shí)沒(méi)有了，有問(wèn)題我再請(qǐng)教你，咱這關(guān)系，肯定常聯(lián)系，謝謝哥。

好了，以上就是本期教程啦，還等什么，練起來(lái)吧！

最后感謝在制作過(guò)程中，tina姐給的一些建議和指導(dǎo)，嘿嘿。

原文地址： 菜心設(shè)計(jì)鋪（公眾號(hào)）

作者：菜心設(shè)計(jì)鋪