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