Hi all! 今天很高興請(qǐng)到了我們可愛(ài)的太空熊做為麻豆，他將會(huì)協(xié)助我一起為大家展示一下卡通角色造型圖標(biāo)的設(shè)計(jì)流程與方法。OK，廢話不多說(shuō)，我們先來(lái)看一下最終的效果圖。

 
WOW，太空熊坐在曲奇月面上，旁邊插pockey旗幟，背景是布滿星辰的外太空，太有FEEL了：），那么這么可愛(ài)的圖標(biāo)是如何完成的呢？現(xiàn)在我們開(kāi)始從頭分解一下它的設(shè)計(jì)流程。首先是創(chuàng)意階段。

視覺(jué)元素
我需要做一個(gè)以太空熊為主題的圖標(biāo)教程，于是我開(kāi)始了構(gòu)思，首先太空熊是我們必不可少的元素，但為避免單調(diào)，我增加了月面、外太空、旗幟這3個(gè)視覺(jué)元素作為輔助，以此來(lái)增加圖標(biāo)的細(xì)節(jié)和氣氛。

視覺(jué)風(fēng)格
元素確定了，接下來(lái)需要對(duì)圖標(biāo)的表現(xiàn)風(fēng)格進(jìn)行初步的定義，首先我可以確定的是圖標(biāo)整體是往卡通活潑的風(fēng)格上去靠的，那么各個(gè)元素間的關(guān)系和聯(lián)系如何是把控呢？在這里我的解決方法是加入一些幽默和詼諧的元素融入到設(shè)計(jì)當(dāng)中，曲奇月面、POCKY旗幟、攝影背景。這3個(gè)原本獨(dú)立的元素現(xiàn)在很好的組合到了一起，與太空熊搭配起來(lái)，儼然變成了一組很完整的卡通攝影造型。

圖標(biāo)造型
Ok,我們現(xiàn)在進(jìn)入具體的圖標(biāo)設(shè)計(jì)環(huán)節(jié)，設(shè)計(jì)圖標(biāo)簡(jiǎn)單的來(lái)說(shuō)可以分為3個(gè)階段：1.造型，2.體感，3.質(zhì)感。其中造型階段是決定整個(gè)圖標(biāo)方向的重要一步，不同的造型直接決定了圖標(biāo)的后期細(xì)節(jié)表現(xiàn)和圖標(biāo)的氣質(zhì)，在這里我以偏30度的造型角度來(lái)塑造整體圖標(biāo)。

線條造型
和繪畫一樣，我們前期需要以簡(jiǎn)單的圖形對(duì)圖標(biāo)各個(gè)元素的關(guān)系和透視進(jìn)行大概的確立。

 
差不多了就可以對(duì)造型進(jìn)行細(xì)化。

 
Ok，圖標(biāo)的造型基本上差不多，是不是感覺(jué)有點(diǎn)簡(jiǎn)陋？沒(méi)關(guān)系，接下來(lái)我們要開(kāi)始對(duì)圖標(biāo)加入光影的細(xì)節(jié)了，這是輔助確立圖標(biāo)氣質(zhì)和風(fēng)格重要的一步。

光影體感
在之前線條造型的基礎(chǔ)上補(bǔ)足一些過(guò)渡的圖形讓整體造型更加的整體和完整，之后就是見(jiàn)證奇跡的時(shí)刻了，同學(xué)們現(xiàn)在用你們的鼠標(biāo)點(diǎn)選漸變工具，然后全選圖形對(duì)它整體應(yīng)用由白到灰的橢圓形漸變，效果如下，

 

WOW，是不是密密麻麻不知所措了？沒(méi)關(guān)系，耐著性子慢慢調(diào)整吧，把漸變中心和范圍對(duì)照受光面進(jìn)行統(tǒng)一和微調(diào)，調(diào)整完后如下圖，

 

有點(diǎn)像3D的白模渲染：）

加入細(xì)節(jié)投影，明確各塊面的透視關(guān)系。



質(zhì)感造型
終于到了上色階段，按照之前確立的明暗關(guān)系對(duì)各個(gè)塊面進(jìn)行色彩定義。

 

在色彩的基礎(chǔ)上加入各個(gè)元素的質(zhì)感與細(xì)節(jié)。

 

最后添加高光，反光和更多的細(xì)節(jié)。

 

OK，到這里為止就是太空熊圖標(biāo)整體的設(shè)計(jì)流程和思路了，主要以流程分解為主，中間略去了很多細(xì)節(jié)的技法表現(xiàn)，但無(wú)傷大雅，留給同學(xué)們自己去琢磨和發(fā)揮的空間，多探索多練習(xí)，你會(huì)從中獲得更多的啟發(fā)和鍛煉。那么我們下次再見(jiàn)：）

最新評(píng)論