這篇教程教腳本之家的朋友介紹PS鼠繪精致逼真的粉紅色燕尾夾圖標(biāo)方法，教程難度中等，圖標(biāo)的風(fēng)格是非常寫(xiě)實(shí)的，學(xué)習(xí)這篇教程之后我們對(duì)產(chǎn)品修圖是非常有用的，先來(lái)看看最終的效果圖：

確實(shí)很久沒(méi)做東西了，前段時(shí)間看灰晝大神的大白，臨摹了一個(gè)，然后上周看著電腦鍵盤(pán)上的灰塵中一抹粉色，算是喚醒了做東西的欲望吧，當(dāng)時(shí)就看著開(kāi)始做，先上張實(shí)物圖吧。

下面這個(gè)就是做完之后的效果了！

好吧，展示完了,正式開(kāi)始。

我習(xí)慣是先勾勒形狀，再上色，然后再加效果，最后是質(zhì)感和背景。

因?yàn)橥耆鞘罄L，沒(méi)有使用手繪板之類的東西，所以基本上全部形狀都是矢量的，方便后期修改調(diào)整，（矢量就是個(gè)坑啊，還是要用手繪板啊——因?yàn)榉奖惆。。?/p>

先是勾勒形狀，這兩個(gè)造型呢其實(shí)是不會(huì)出現(xiàn)在設(shè)計(jì)中的，分別是主體形狀中立體三角形的前一個(gè)面和后面一個(gè)面，后面一個(gè)稍微小一點(diǎn)，符合透視原理吧。

然后畫(huà)這個(gè)有兩個(gè)角是有點(diǎn)圓角的三角形時(shí)是有點(diǎn)小技巧的，如果你PS有形狀變圓角的插件，那你直接用就行了把底邊左下角再改為尖角就行了，如果沒(méi)有變圓角插件的可以試試這個(gè)方法。

如下圖所示，在只有三個(gè)錨點(diǎn)的三角形上，靠近尖角的位置添加兩個(gè)錨點(diǎn)，然后像左邊的尖角那樣把點(diǎn)往回收一點(diǎn)，就會(huì)有圓角出現(xiàn)了。

然后基于上圖的兩個(gè)三角形用鋼筆勾勒出入下圖所示的三個(gè)面，這個(gè)時(shí)候的三個(gè)面先隨意給個(gè)顏色，我給了一點(diǎn)透明度方便大家看得見(jiàn)三個(gè)面的樣子。

下面這個(gè)圖是畫(huà)了三根參考線，怕后邊做著做著就找不著北了，然后畫(huà)出了左面上的三個(gè)形狀，上傳的源文件里能夠看到都是矢量圖形合并的，無(wú)非就是橢圓和矩形，顏色還是隨意給，別太夸張就行了。

萬(wàn)能的復(fù)制大法，下面還有個(gè)小形狀別忘了，

到兩個(gè)鐵環(huán)的部分了，直接鋼筆勾勒矢量的形狀有點(diǎn)麻煩，如果勾勒兩條線我相信不會(huì)太簡(jiǎn)單的，我的辦法是先勾勒一個(gè)大概的形狀，就是只勾一條線，然后給這條線加描邊，得到下面的這個(gè)樣子，最后再用鋼筆沿著這個(gè)形狀畫(huà)，就能得到內(nèi)外都有錨點(diǎn)可以調(diào)整的鐵環(huán)形狀。

下面那個(gè)鐵環(huán)也是同樣的方法，得到鐵環(huán)之后先隨便給個(gè)斜面浮雕，看著有點(diǎn)立體感就成，接著就開(kāi)始調(diào)色了，色值我這就不貼出來(lái)了，三個(gè)面和前面的三個(gè)形狀還有最底下的一個(gè)形狀都是漸變疊加，源文件都有具體的值，可以自己看看，需要注意的就是三個(gè)面的漸變疊加需要注意調(diào)整好角度的問(wèn)題，讓他們看上去接壤為一體。

下面這個(gè)是立體的三角形調(diào)整好顏色的效果，立體感已經(jīng)出來(lái)了，最下邊的一個(gè)面有多個(gè)顏色效果，一個(gè)漸變是搞不定的，還需要疊加其他的顏色，顏色越往內(nèi)越深越暗都需要其他的圖層來(lái)搞定。

這個(gè)圖是除開(kāi)立體三角形以外的其他形狀上色，現(xiàn)在看著可能還是覺(jué)得稍微有點(diǎn)暗了，

這個(gè)是比較麻煩的也是最考驗(yàn)觀察力的，就是鐵環(huán)的立體感和金屬質(zhì)感，剛才加的斜面浮雕還沒(méi)忘吧，把高光陰影適當(dāng)調(diào)整一下明暗，讓對(duì)比不那么強(qiáng)，然后活動(dòng)一下手腕，準(zhǔn)備開(kāi)始自己手動(dòng)添加高光和陰影吧，其實(shí)重點(diǎn)還是加高光，金屬發(fā)光的地方是有特點(diǎn)的，具體看圖層組吧，我是用畫(huà)白色形狀不一的塊，然后蒙版慢慢擦出來(lái)的，要調(diào)的話還可以往細(xì)了調(diào)。

這個(gè)圖的部分呢主要是燕尾夾左邊受光的部分所產(chǎn)生的陰影了，這個(gè)一做基本效果也能夠看到了。

最后是反光的部分，更加寫(xiě)實(shí)的立體效果就來(lái)至這了，但我感覺(jué)這個(gè)地方是最不容易調(diào)好的，我就調(diào)的不太好，如果不要這個(gè)部分其實(shí)也是可以的，參見(jiàn)上圖，就直接作為寫(xiě)實(shí)圖標(biāo)的樣子，但是不含很寫(xiě)實(shí)的反光。

以上，大功告成，去掉參考線，再做個(gè)不扎眼的背景就行了，（當(dāng)然我的背景是后邊調(diào)的，只是最后拆解步驟的時(shí)候一并放進(jìn)去了，所以前面的圖也有了）一個(gè)背景而已相信這么聰明的你也能夠搞定的！

最新評(píng)論