這篇教程教腳本之家的朋友介紹PS鼠繪精致逼真的粉紅色燕尾夾圖標方法，教程難度中等，圖標的風格是非常寫實的，學習這篇教程之后我們對產(chǎn)品修圖是非常有用的，先來看看最終的效果圖：

確實很久沒做東西了，前段時間看灰晝大神的大白，臨摹了一個，然后上周看著電腦鍵盤上的灰塵中一抹粉色，算是喚醒了做東西的欲望吧，當時就看著開始做，先上張實物圖吧。

下面這個就是做完之后的效果了！

好吧，展示完了,正式開始。

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

因為完全是鼠繪，沒有使用手繪板之類的東西，所以基本上全部形狀都是矢量的，方便后期修改調(diào)整，（矢量就是個坑啊，還是要用手繪板啊——因為方便?。。?/p>

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

然后畫這個有兩個角是有點圓角的三角形時是有點小技巧的，如果你PS有形狀變圓角的插件，那你直接用就行了把底邊左下角再改為尖角就行了，如果沒有變圓角插件的可以試試這個方法。

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

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

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

萬能的復制大法，下面還有個小形狀別忘了，

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

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

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

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

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

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

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

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

最新評論