對于授課、寫文章、寫教程等行為，很關(guān)鍵的一點是同理心，傳者需要明白聽著想要什么，而我最了解誰呢？當(dāng)然是從前的我！
由此腦中突然靈關(guān)一現(xiàn)，如果剛畢業(yè)的我遇到現(xiàn)在的我會發(fā)生什么事情？“他”一定會有很多問題，比如和大學(xué)時的女朋友有沒有成啊，現(xiàn)在一個月賺多少錢啊，當(dāng)然少不了專業(yè)上的問題，畢竟我是個愛學(xué)習(xí)的好孩子。
所以接下來，我就以“2014年的菜心”和“2019年的菜心”之間的對話，來分享一點干貨。
去年年底在做項目時沉淀下來下面這套圖標(biāo)設(shè)計：
14年的菜心問我怎么做的，今天就來和他分享下制作方法和思路。
?
1.軟件?
14年菜心：大哥，你這套圖標(biāo)用什么軟件做的啊？
19年菜心：ps為主，c4d為輔。
?
2.造型?
14年菜心：大哥，這樣立體的造型我該如何下手
19年菜心：其實并不難，基本就是主形象加個厚度，可以采用平行視圖的透視關(guān)系，也就是2.5d的設(shè)計風(fēng)格，經(jīng)常用到的輔助線如下：
但我這次沒有嚴(yán)格按照這個輔助線來走，但是方向還是會盡量保持統(tǒng)一，不然會很亂。
如果有些透視關(guān)系找不準(zhǔn)，我會用c4d簡單的建個模，看下規(guī)律，然后再用ps鋼筆畫出每個面，例如：
這一步主要就是看看每個面的交錯關(guān)系，然后找到自己想要的角度畫出來。
當(dāng)然，如果你c4d渲染特別6，直接渲染然后ps微調(diào)即可，如果不熟練的話，可以用ps鋼筆畫，然后再加顏色和質(zhì)感。本次教程也主要是用ps畫。
?
?3.色彩與質(zhì)感
14年菜心：對于圖標(biāo)的色彩有什么可以傳授給我的嗎，我的配色能力好差。
19年菜心：我之前有寫過一些關(guān)于配色的野路子，有興趣可以去我公眾號看下。
最開始我在c4d里面渲染出來的效果是這樣的：
由于材質(zhì)和光都沒調(diào)高，所以導(dǎo)致顏色有點臟且不透氣：
顏色臟主要是因為本身固有色就很臟很重，而不夠透氣主要原因就在于高光、暗部、環(huán)境色這些東西沒有用好，或者丟失了一些細(xì)節(jié)。
首先填充固有色，由于風(fēng)格是輕質(zhì)感，所以顏色不會用的太重，在色板上的區(qū)域都集中在這一塊：
填充后效果如下：
只要顏色你能保證足夠輕量，填充固有色后，大體效果就不會太差。
接下來為了讓色彩更加透氣，我們需要加些明暗關(guān)系，光源假設(shè)是左上方，那左上角就是亮部，右下角就是暗部，效果如下：
其實簡單來說，就是以光源為出發(fā)點，每個面都拉一個由淺變深的漸變。
明暗漸變有了之后，就開始加環(huán)境光，我融入的環(huán)境光是白色偏藍(lán)，這一步操作方式有很多，比如圖層樣式的內(nèi)發(fā)光，我經(jīng)常用的方法就是，把環(huán)境光的顏色畫出來，然后進(jìn)行羽化，然后置入固有色的圖層中，效果如下：
最后一步就是加一些細(xì)節(jié)，比如轉(zhuǎn)折出的高光：
有些金屬材質(zhì)的鏡面反光等等：
這些都是點睛之筆，很重要。
這樣，基本上一個圖標(biāo)也就差不多完成了。
?
?4 細(xì)節(jié)?
14年菜心：真厲害，還有什么細(xì)節(jié)值得注意的嗎，大哥
19年菜心：我覺得很重要的一步就是，暗部顏色千萬不要用“禁區(qū)色”，這個知識點我有講過很多次，比如下面這個鈴鐺暗部顏色用到了“禁區(qū)色”：
調(diào)整顏色區(qū)域：
效果如下：
關(guān)于“禁區(qū)”這個知識點，可以看之前的文章：《我的配色野路子（升級篇）》
這是讓顏色通透很重要的一步，大家千萬切記。
前期在摸索的時候，每個圖標(biāo)都有做很多個版本：
做多了，自然也就熟能生巧了，如果大家有興趣，可以自己做做練習(xí)，然后后臺發(fā)我看看你的練習(xí)，我有時間會盡量回復(fù)大家。
19年菜心：還有啥問題嗎？小老弟。
14年菜心：暫時沒有了，有問題我再請教你，咱這關(guān)系，肯定常聯(lián)系，謝謝哥。
好了，以上就是本期教程啦，還等什么，練起來吧！
最后感謝在制作過程中，tina姐給的一些建議和指導(dǎo)，嘿嘿。
?
原文地址：?菜心設(shè)計鋪（公眾號）
作者：菜心設(shè)計鋪
