前言：如果把平面設(shè)計(jì)看作是形與色的組合亥贸，那么Illustrator就是勝在對(duì)形的把握辞州，而Photoshop則重在對(duì)色的渲染逃贝。如果是想要做出有質(zhì)感的畫面蝙泼，那勢(shì)必要用到PS不可程剥。
今天我們分享一個(gè)Photoshop教程：繪制一枚質(zhì)感水晶風(fēng)格圖標(biāo)，說(shuō)是圖標(biāo)汤踏，其實(shí)也可以當(dāng)作平面的素材使用织鲸。水晶本身是幾何狀，很容易做出現(xiàn)代的簡(jiǎn)約風(fēng)格溪胶。
靈感來(lái)源
來(lái)自Jose A.ortiz的一組光感作品搂擦，看了作品里對(duì)光源把握很好，于是臨摹了一下哗脖，有所心得瀑踢。在他原有的作品上，增加了光的作用才避，此外也增加了我自己的方法和理解橱夭。
警語(yǔ)
軟件：Photoshop 2019
本文對(duì)所涉及的軟件基礎(chǔ)工具不多做特別詳細(xì)的解釋，如果對(duì)工具仍然不熟悉的小伙伴桑逝，可以先移步軟件的基礎(chǔ)操作再進(jìn)行實(shí)例練習(xí)棘劣，本文更多提供的是一種創(chuàng)作的思維過(guò)程和方法。
用筆刷實(shí)現(xiàn)漸變
我很喜歡PS的筆刷楞遏，但是用來(lái)用去發(fā)現(xiàn)最常用的還是默認(rèn)那款茬暇。今天我們就用最普通的筆刷來(lái)「刷」出色彩。
雖然軟件里有漸變工具橱健，但是要想實(shí)現(xiàn)漸變這一視覺(jué)效果而钞，在PS中有無(wú)限的實(shí)現(xiàn)途徑。比如今天我們要用的就是用筆刷來(lái)實(shí)現(xiàn)漸變拘荡。
用筆刷來(lái)實(shí)現(xiàn)漸變臼节，和繪畫是一個(gè)道理，非常自由的調(diào)配色彩珊皿。這樣能讓漸變的色彩表現(xiàn)更自由网缝。
以上左右兩個(gè)圓的色彩填充就是分別采用了漸變工具、柔邊圓畫筆筆刷蟋定》垭可以看到右邊筆刷刷出的漸變比較自然靈動(dòng)，而左邊相對(duì)比較平直驶兜，沒(méi)有變化扼仲。如果想要實(shí)現(xiàn)比較靈活的視覺(jué)效果远寸，左邊用漸變工具以后，還需要做更多的處理屠凶。
繪制水晶晶體外形
首先還是需要我們?cè)赑S中繪制出水晶的外觀輪廓驰后。
STEP 01
我們可以首先在草圖上找到合適的形態(tài)，水晶是一種有機(jī)形態(tài)矗愧，可以探索多種不同的形態(tài)畫法灶芝。
這里大家可以看到我們有多條邊線，這是把位于水晶背面的邊線也表現(xiàn)出來(lái)了唉韭。這是為了讓我們?cè)谲浖锢L制形狀時(shí)清楚水晶的結(jié)構(gòu)夜涕，每一個(gè)面都需要填色到位，我們要讓水晶保持透明属愤。
STEP 02
打開PS女器，新建一個(gè)2000*2000px的文檔，將背景設(shè)置為暗藍(lán)色春塌。一般來(lái)說(shuō)晓避，光感效果都需要暗色背景來(lái)襯托其光亮。
STEP 03
按照草圖給定的輪廓線只壳，運(yùn)用鋼筆工具進(jìn)行繪制俏拱。繪制的目的是建立起水晶晶體不同的「面」，這樣才能幫助填色吼句。
水晶的晶體一共有8個(gè)面锅必，前后分別表現(xiàn)為4個(gè)面。
前后4個(gè)面是遮擋的關(guān)系（前面擋住了后面）惕艳，在這里如果降低了圖層的透明度就能看到搞隐，因?yàn)橥该鳎@8個(gè)面的視覺(jué)相互影響远搪。
相應(yīng)的劣纲，在圖層上也需要安排好它們的順序。
「刷」出色彩
按照順序谁鳍，從前方的左下這個(gè)形狀開始填色癞季。
STEP 04
首先我們需要調(diào)出這塊三角形的輪廓線，在輪廓線內(nèi)涂抹色彩倘潜。這就可以利用我們上一步所繪制的8個(gè)形狀绷柒，分別進(jìn)行。
在按住鍵盤上的Ctrl鍵時(shí)再單擊鼠標(biāo)左鍵涮因，就能形成螞蟻線輪廓废睦，新建一個(gè)圖層，把所涂抹的色彩放到新圖層上养泡，下方的形狀圖層就可以關(guān)閉了嗜湃。
這里我只使用柔邊圓這個(gè)最普通的畫筆奈应，將其放大，可以任意涂抹大塊的色彩购披。
色彩我們可以從藍(lán)色開始钥组，然后再為其增加其他的色彩比如紫色、紅色等今瀑。
PS在色彩方面的優(yōu)勢(shì)就是可以對(duì)色彩進(jìn)一步優(yōu)化，比如大家在色彩搭配方面一開始并不滿意点把，后期也可以通過(guò)調(diào)色或者改變透明度橘荠、圖層混合模式等一系列方式進(jìn)行質(zhì)感的提升。
STEP 05
按照上述方法繼續(xù)涂抹正面的另3個(gè)面郎逃，色彩不要太過(guò)哥童，讓整體畫面保持平衡。
在這里我的配色方案是用藍(lán)褒翰、紫作為主色贮懈，然后輔以橙色以及洋紅。
STEP 06
接下繪制位于背面的4個(gè)面优训，這4個(gè)面在正面的「下方」朵你，但這里不需要關(guān)閉上面的圖層，而是保持上面的圖層可見揣非，看看它們彼此重疊后的效果抡医，可以隨時(shí)調(diào)整上面的圖層的透明度甚至色彩。
進(jìn)一步潤(rùn)色
到這一步我們就已經(jīng)把初步的工作完成早敬，接下只需要進(jìn)一步修飾忌傻、潤(rùn)色。
STEP 07
可以把每一面的圖層都經(jīng)過(guò)調(diào)色處理搞监，這通常處理一些比較細(xì)的色彩細(xì)節(jié)水孩。最常用的調(diào)色工具是【色相/飽和度】，這一步主要是為下一步整體調(diào)色服務(wù)琐驴。
也許這并看不出多少改變俘种，因?yàn)榇藭r(shí)還只是微調(diào)，色彩只要不出偏差棍矛，都不需要大的調(diào)整安疗。
STEP 08
這一步開始增加高亮的部分，這部分采用小一些的白色柔邊圓增加在面的邊緣部分够委。這里我采用的是增加剪切蒙版的方式荐类，如果光亮太過(guò)白，可以實(shí)當(dāng)減弱其透明度茁帽。
將白色的高光增加在邊緣部分能進(jìn)一步強(qiáng)調(diào)水晶的體積感玉罐。
調(diào)色階段
這時(shí)正式進(jìn)入進(jìn)一步調(diào)色的階段屈嗤。
STEP 09
這時(shí)將除了背景以外的所有圖層編為一組砌些，然后把這個(gè)組命名為備份谐檀，再?gòu)?fù)制一個(gè)組，將這個(gè)組合并為一個(gè)圖層咳燕，然后把這個(gè)圖層命名為水晶季蚂，我們對(duì)這個(gè)水晶圖層進(jìn)行調(diào)色茫船。
原有的備份組關(guān)閉其可見，但在需要比較調(diào)色后的效果時(shí)扭屁，也可以開啟隨時(shí)比較觀察算谈。
首先我們運(yùn)用【自然飽和度】，增加色彩的飽和度料滥。
STEP 10
再調(diào)整【曝光度】以及【曲線】然眼，增加畫面的色調(diào)明暗對(duì)比。
STEP 11
再進(jìn)一步采用【色彩平衡】葵腹，對(duì)色彩做進(jìn)一步修飾高每。
雖然沒(méi)調(diào)色之前，看起來(lái)并沒(méi)有什么不妥践宴，但是調(diào)色之后再對(duì)比鲸匿，就會(huì)發(fā)現(xiàn)之前的版本的色調(diào)看起來(lái)很黯淡。
到這一步色彩已經(jīng)完成浴井。
光色美化
光線是我們這次練習(xí)的重點(diǎn)晒骇，因此接下就來(lái)繼續(xù)增加光效。
STEP 12
首先來(lái)增加其本身的色光磺浙，復(fù)制上一步的水晶圖層洪囤，然后柵格化圖層，將其進(jìn)行【高斯模糊】撕氧。模糊參數(shù)可以設(shè)置到72瘤缩，甚至更大。
然后將這個(gè)圖層的混合模式改為【濾色】伦泥，透明度降至70%剥啤。這樣也會(huì)為畫面增加一種夢(mèng)幻感。
STEP 13
再將原有的水晶圖層進(jìn)行柵格化不脯，這里我們要對(duì)這個(gè)圖層應(yīng)用【濾鏡>光照效果】
STEP 14
最后府怯，在背景之上新建一個(gè)空?qǐng)D層，用畫筆畫出中央略亮的感覺(jué)防楷。
到此我們就完成了整個(gè)制作步驟牺丙。設(shè)計(jì)沒(méi)有終點(diǎn)，這一步以后還可以返回重新調(diào)色，增加光效等冲簿。
最終效果
目前這篇文章粟判，我們就做到這一步：
后記：用時(shí)間打磨出質(zhì)感
很多人對(duì)PS的印象，還是停留Photo這個(gè)層面峦剔，但是我們可以看到PS對(duì)質(zhì)感的營(yíng)造是獨(dú)一無(wú)二的档礁，所有在AI或者其他工具畫出的插畫，我覺(jué)得都可以利用PS來(lái)進(jìn)一步潤(rùn)色得更為精致吝沫。
在沒(méi)有調(diào)色之前呻澜，其實(shí)很多畫面的色彩都看得過(guò)去，放到PS當(dāng)中潤(rùn)飾之后惨险，通過(guò)對(duì)比都能發(fā)現(xiàn)差異易迹，一稿就能做出優(yōu)秀配色，恐怕是需要幾十年深厚的配色功底平道。質(zhì)感也都是通過(guò)時(shí)間慢慢打磨出來(lái)的。
在有限的時(shí)間里供炼，實(shí)踐時(shí)間利用的最大化一屋，就能深入到更細(xì)的細(xì)節(jié)。一點(diǎn)實(shí)踐的體會(huì)袋哼。
