鼠繪工具,鼠繪一個(gè)燕尾夾實(shí)例(5)
確實(shí)很久沒(méi)做東西了,前段時(shí)間看灰晝大神的大白,臨摹了一個(gè),然后上周看著電腦鍵盤上的灰塵中一抹粉色,算是喚醒了做東西的欲望吧,當(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),符合透視原理吧。
然后畫這個(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è)圖是畫了三根參考線,怕后邊做著做著就找不著北了,然后畫出了左面上的三個(gè)形狀,上傳的源文件里能夠看到都是矢量圖形合并的,無(wú)非就是橢圓和矩形,顏色還是隨意給,別太夸張就行了。
萬(wàn)能的復(fù)制大法,下面還有個(gè)小形狀別忘了,
到兩個(gè)鐵環(huán)的部分了,直接鋼筆勾勒矢量的形狀有點(diǎn)麻煩,如果勾勒兩條線我相信不會(huì)太簡(jiǎn)單的,我的辦法是先勾勒一個(gè)大概的形狀,就是只勾一條線,然后給這條線加描邊,得到下面的這個(gè)樣子,最后再用鋼筆沿著這個(gè)形狀畫,就能得到內(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)的,具體看圖層組吧,我是用畫白色形狀不一的塊,然后蒙版慢慢擦出來(lái)的,要調(diào)的話還可以往細(xì)了調(diào)。
這個(gè)圖的部分呢主要是燕尾夾左邊受光的部分所產(chǎn)生的陰影了,這個(gè)一做基本效果也能夠看到了。
最后是反光的部分,更加寫實(shí)的立體效果就來(lái)至這了,但我感覺(jué)這個(gè)地方是最不容易調(diào)好的,我就調(diào)的不太好,如果不要這個(gè)部分其實(shí)也是可以的,參見(jiàn)上圖,就直接作為寫實(shí)圖標(biāo)的樣子,但是不含很寫實(shí)的反光。
以上,大功告成,去掉參考線,再做個(gè)不扎眼的背景就行了,(當(dāng)然我的背景是后邊調(diào)的,只是最后拆解步驟的時(shí)候一并放進(jìn)去了,所以前面的圖也有了)具體做法看源文件,一個(gè)背景而已相信這么聰明的你也能夠搞定的!
最后來(lái)個(gè)gif動(dòng)態(tài)的圖片。
學(xué)習(xí) · 提示
相關(guān)教程