在上周的卡通 LOGO 教程中（指路→ 五個(gè)案例教會(huì)你怎么做卡通 LOGO），我已經(jīng)講了一些我個(gè)人設(shè)計(jì)卡通標(biāo)志的方法及需要注意到的點(diǎn)。那么這次我將會(huì)繼續(xù)帶來(lái)一些卡通 LOGO 設(shè)計(jì)的心得。 這個(gè) LOGO 的設(shè)計(jì)也是巧合來(lái)的，偶然間在 PIN 上看到一張大猩猩的照片，這個(gè)姿勢(shì)非常有趣，仿佛在說(shuō)：我 TM 真是個(gè)大帥比。這個(gè)心態(tài)我很喜歡，像極了我認(rèn)識(shí)的一個(gè)叫猴子的老師…… 那么還是老辦法，我們先大致勾一下這個(gè)帥比的輪廓。 勾出大致輪廓后，觀察整體的輪廓形態(tài)，還記得上次講過(guò)的嗎？卡通形象身體短一些，頭大且圓，可愛(ài)氣質(zhì)才能突顯。所以這里我們先復(fù)制一個(gè)輪廓出來(lái)，再壓扁（這樣做的目的是為了在精確繪制的時(shí)候能把控住頭與身體的比例關(guān)系）。 但是這個(gè)案例壓扁后，我發(fā)現(xiàn)頭部的比例其實(shí)也還可以，那么我就直接拿壓扁后的來(lái)墊底，開(kāi)始繪制精致的外輪廓（注意，我們依然要尋找一個(gè)起始的錨點(diǎn)，使猩猩是一條完整的合并的形狀）。 在一邊繪制的時(shí)候，一遍注意讓線(xiàn)條盡量順滑，呈現(xiàn)更幾何的狀態(tài)，我這邊標(biāo)注了下一些地方需要注意。 重新繪制后的效果，是不是比草圖上的比例更敦實(shí)更可愛(ài)一些。
重點(diǎn) 01
卡通形象的身體比例，四肢稍微短胖點(diǎn)，可愛(ài)氣質(zhì)更突顯。這個(gè)輪廓完成后，我們就可以開(kāi)始先給它畫(huà)上五官。但是這個(gè)圖形，用什么表情來(lái)表現(xiàn)比較合適呢，看著我畫(huà)好的這個(gè)輪廓我突然腦子里……然后我就打算讓這只猩猩帶著點(diǎn)帥氣與內(nèi)涵……
重點(diǎn) 02
閉眼表情不僅可以代表睡覺(jué)，還可以表現(xiàn)思考、沉思等情緒。想了解更多的卡通表情的表達(dá)，可以上網(wǎng)搜索。盡量用最少的線(xiàn)面，表達(dá)出情緒。加上閉眼的表情后，那味兒是不是已經(jīng)出來(lái)了，接下來(lái)我們?cè)俳o它上個(gè)色，添加一些細(xì)節(jié)與陰影高光，再看下效果。 上完色后感覺(jué)還不錯(cuò)，但是原圖的猩猩是坐在樹(shù)干上的，屁股那邊的弧度是一個(gè)坐在物體上的狀態(tài)，所以我們也需要填補(bǔ)一些什么物體讓它能穩(wěn)穩(wěn)坐著，這里我們又需要展開(kāi)聯(lián)想，整個(gè)圖形你希望呈現(xiàn)一種什么情緒。 如果實(shí)在不知道畫(huà)什么，用一個(gè)半圓，或者一個(gè)有弧度的形狀就可以撐住它了。其實(shí)到這一步，基本大致完成了，配上文字排版就算搞定了。但是這個(gè)圖形，因?yàn)樾尚傻谋巢扛撞康陌牖】粘隽艘粔K空間，那我們可以用一個(gè)背景色去填補(bǔ)它，同時(shí)上個(gè)顏色，讓這只猩猩是在月光下思考。 平時(shí)我都比較喜歡宇航員系列的一些小物件，每次看到都忍不住會(huì)買(mǎi)，所以一直想做一個(gè)宇航員的卡通 LOGO。老規(guī)矩，我們還是先上網(wǎng)搜索一下宇航員大概是什么樣的。
重點(diǎn) 03
搜索素材，提取關(guān)鍵特征，是辨識(shí)一個(gè)卡通圖形最好的點(diǎn)。看到這些宇航員的圖，試著去找出能表現(xiàn)出宇航員這個(gè)元素的特征（這里，我發(fā)現(xiàn)宇航員的元素是頭盔、宇航服），我們?cè)俑鶕?jù)這些特征去分析怎么繪制。
詳細(xì)分析過(guò)這些元素后，宇航員的配置現(xiàn)在已經(jīng)比較清楚了，那么現(xiàn)在怎么下手？當(dāng)然，我們要先想，你想做一個(gè)什么姿勢(shì)/動(dòng)作的形象？當(dāng)你無(wú)從下手的時(shí)候，上網(wǎng)隨便看看，或許能找到你喜歡的姿勢(shì)呢碰巧看到了這個(gè)小企鵝，形象可愛(ài)又動(dòng)感，用到宇航員身上簡(jiǎn)直太棒了！
重點(diǎn) 04
當(dāng)你為卡通形象的姿勢(shì)動(dòng)作發(fā)愁時(shí)，試試「借位」的方式用別的物種的動(dòng)作套到你自己的形象上，可能會(huì)有意想不到的收獲。好，那我們現(xiàn)在把這兩張圖，放在一起，可以用鋼筆，也可以用畫(huà)筆先在電腦上潦草的畫(huà)一下。 畫(huà)下草圖，是為了看個(gè)大概……不要計(jì)較不要計(jì)較！看過(guò)草圖之后，我覺(jué)得方案可行，那就開(kāi)始我手繪之路，其實(shí)到了繪制這一步，真的沒(méi)有什么技巧可言了。鋼筆練好是關(guān)鍵！ 精準(zhǔn)繪制這一步根據(jù)大家的繪制能力，對(duì)比例的拿捏能力，繪制出大體的輪廓,繪制完后，給圖形上色，填充細(xì)節(jié)。但是這樣看起來(lái)，宇航員還是略顯單調(diào)，我們可以根據(jù)繪制好的形象，給他增加一些點(diǎn)綴或者是合理的物體（這里主體形象是宇航員，那就可以增加與星空、宇宙的小物件），加個(gè)星星，既簡(jiǎn)單又合理，畫(huà)面也飽滿(mǎn)了。這一類(lèi)的卡通 LOGO，我概括它為「擬人化且?guī)в行袠I(yè)屬性」的卡通標(biāo)志設(shè)計(jì)。它不是純吉祥物形象去展示，它帶有人的動(dòng)作特點(diǎn)，加上能代表行業(yè)特征的物體，能夠生動(dòng)地傳達(dá)品牌行業(yè)屬性。上面的案例，可以看出是一只烏龜，推著一輛栽著小樹(shù)苗的小車(chē)，不難看出這個(gè) LOGO 應(yīng)該是跟盆栽綠植有關(guān)。那它是怎么來(lái)的呢？平時(shí)的大量看圖，我的兩張庫(kù)存圖片就派上用場(chǎng)了。看明白了吧？就是用了烏龜?shù)闹黧w，加上這個(gè)土撥鼠推車(chē)的動(dòng)作。首先先粗略勾勒一下烏龜主體。這里的圖片參考，烏龜是騎著自行車(chē)的，所以我們先不管它的腳。勾完這一步，我們暫時(shí)先不畫(huà)烏龜?shù)氖帜_，因?yàn)槲覀兪且屗浦?chē)子的，所以我們先調(diào)整草圖的輪廓線(xiàn)條。這邊看草圖，我們有幾個(gè)需要優(yōu)化的點(diǎn)。
重點(diǎn) 05
在自己優(yōu)化線(xiàn)條時(shí)，盡量把形狀做的飽滿(mǎn)一些，卡通圖形會(huì)顯得更 Q 彈，可愛(ài)。我們看下調(diào)整后的線(xiàn)條，是不是更飽滿(mǎn)了些？身體的形態(tài)可以了，現(xiàn)在我們來(lái)做一下四肢。這張圖雖然角度跟我們要繪制的不太一致，但是我們可以看下大概的位置關(guān)系。 畫(huà)完四肢，我們?cè)俑鶕?jù)烏龜?shù)奶卣?，?xì)節(jié)，再給自己畫(huà)好的輪廓加上，上個(gè)色再看看效果。 最后畫(huà)栽小樹(shù)苗的小推車(chē)，這邊的小推車(chē)，我們不做太復(fù)雜的處理，我們可以在網(wǎng)上搜一下小推車(chē) icon，一般 icon 的繪制非常簡(jiǎn)潔，做 UI 的同學(xué)應(yīng)該都知道。畫(huà)完小推車(chē)再一上色，這個(gè)案例就完成啦~為了致敬我天 geigei，我特意做了這個(gè)案例（別問(wèn)為什么，我不會(huì)說(shuō)的）。不說(shuō)廢話(huà)，直接進(jìn)入正題！偶然在網(wǎng)上看到一張這樣的圖片，心里直呼也太 TM 可愛(ài)了！我想畫(huà)它！當(dāng)然，在做這個(gè) LOGO 之前，我的意愿是我要豬豬的……但是不妨礙，我們可以用這個(gè)姿勢(shì)，放在豬豬身上！ 那么我們就先操作起來(lái)！先把小鹿，哦不，豬豬的身子給畫(huà)出來(lái)。還是老辦法，先大致繪制一下線(xiàn)條。繪制后我們看看這個(gè)輪廓草圖的問(wèn)題。針對(duì)這些問(wèn)題我們進(jìn)行一下重新繪制并優(yōu)化。到這一步，豬豬的身子差不多就 OK 了呢，接著我們就可以開(kāi)始畫(huà)豬頭了！網(wǎng)上找一下豬豬的圖片，你可以找實(shí)物照片也可以找豬豬的卡通圖片。 我找了這兩張圖，還是前面說(shuō)的，觀察特征，細(xì)節(jié)。角度不完全相同其實(shí)不要緊，只要我們能分析出它的特征即可。這兩張圖我們可以發(fā)現(xiàn)，豬豬的特征是兩頁(yè)大耳朵，至于是往上還是往下擺，這完全看你自己想怎么繪制。然后就是翹起來(lái)的豬鼻子，與額頭是有一個(gè)凹下去的弧度，如果角度不對(duì)不方便觀察，可以把圖片旋轉(zhuǎn)一下，可以更清楚分析出來(lái)。
重點(diǎn) 06
有時(shí)候參考圖片不一定有合適你繪制形象的角度，旋轉(zhuǎn)圖片或者鏡像，就能得到你想要的。根據(jù)前面的分析特征，我這邊繪制了一個(gè)豬頭，發(fā)現(xiàn)細(xì)節(jié)了嗎？豬耳朵收筆的地方，線(xiàn)條變細(xì)了，并做了一個(gè)圓角。如果你很熟悉我的作品 ，你會(huì)發(fā)現(xiàn)我很多 LOGO 這類(lèi)的地方都是這么處理，線(xiàn)條粗細(xì)不一也是一種繪制風(fēng)格，收尾地方加圓角不會(huì)那么尖銳。接下來(lái)就是我們的上色、添加高光陰影細(xì)節(jié)等流程……但是發(fā)現(xiàn)，這樣看起來(lái)有點(diǎn)兒?jiǎn)握{(diào)，那我們還是老辦法，給豬豬加一個(gè)背景色塊吧~加完后明顯會(huì)好一些，但是現(xiàn)在看，有點(diǎn)頭重腳輕是不是，那就再給它加一個(gè)陰影。
重點(diǎn) 07
當(dāng)你的卡通形象顯得頭重腳輕時(shí)，給它加一個(gè)陰影/色塊或許能解決這個(gè)問(wèn)題。加個(gè)底色排個(gè)版，豬豬就很美很性感啊~~這個(gè)案例其實(shí)看著很簡(jiǎn)單。為什么我要拿這個(gè) LOGO 來(lái)講解呢？這里面涉及到一些做好可愛(ài)卡通的點(diǎn)。做過(guò)卡通標(biāo)志的同學(xué)是不是會(huì)有一種感覺(jué)：自己做的卡通老感覺(jué)不夠可愛(ài)，或者是看著不夠高級(jí)。其實(shí)這里我想說(shuō)的是，卡通 LOGO 做的好不好，技法跟審美缺一不可。我能分享的只能是一些關(guān)鍵點(diǎn)，還是要靠自己多看好的卡通作品，積累多了就能拿捏住卡通風(fēng)格的 LOGO 了。 上面這些卡通標(biāo)志，看著很簡(jiǎn)單，但是都是非常優(yōu)秀的作品其實(shí)沒(méi)做太多的裝飾，只是一個(gè)主體繪制，就能生動(dòng)地呈現(xiàn)出形象。這類(lèi)的卡通非常簡(jiǎn)潔，我個(gè)人也比較喜歡。那我們就開(kāi)始演示下這類(lèi)卡通 LOGO 是如何做的，還有哪些需要注意的點(diǎn)。首先，這類(lèi) LOGO 基本都是以動(dòng)物為主體。我們先確定要做的是什么動(dòng)物，案例上是一頭犀牛，那我們先度娘一下犀牛長(zhǎng)啥樣！如果你覺(jué)得用照片分析繪制的難度大，那你也可以搜一下 XX 簡(jiǎn)筆畫(huà)，更方便你做成卡通風(fēng)格。 分析完后，我們可以先草圖一下犀牛的整體輪廓，這里你可以找一些圖片去墊底，大致畫(huà)一下輪廓（方便演示，這里用一張簡(jiǎn)筆畫(huà)來(lái)墊底繪制）。繪制完輪廓草圖，我們可以根據(jù)這個(gè)草圖進(jìn)行繪制并優(yōu)化規(guī)整線(xiàn)條。 根據(jù)上述問(wèn)題我們做一步步優(yōu)化。
重點(diǎn) 08
這類(lèi)簡(jiǎn)潔動(dòng)物類(lèi)的卡通 LOGO，關(guān)鍵是頭部飽滿(mǎn)，身子、四肢短。線(xiàn)條可以設(shè)置粗一些，不顯得 low。整體輪廓我們算是做好了，接下來(lái)就是填補(bǔ)五官，上色，增加高光/陰影等細(xì)節(jié)部分。哦，差點(diǎn)忘了我們沒(méi)有畫(huà)尾巴。百度下犀牛，參考著畫(huà)條尾巴，應(yīng)該不難吧。好了，我們看看成品~
總結(jié) Tips：
1.卡通形象的身體比例，四肢稍微短胖點(diǎn)，可愛(ài)氣質(zhì)更突顯。2.閉眼表情不僅可以代表睡覺(jué)，還可以表現(xiàn)思考、沉思等情緒。盡量用最少的線(xiàn)面，表達(dá)出情緒。3.搜索素材，提取關(guān)鍵特征，是辨識(shí)一個(gè)卡通圖形最重要的點(diǎn)。4.當(dāng)你為卡通形象的姿勢(shì)動(dòng)作發(fā)愁時(shí)，試試「借位」的方式，用別的物種的動(dòng)作套到你自己的形象上，可能會(huì)有意想不到的收獲。5.在自己優(yōu)化線(xiàn)條時(shí)，盡量把形狀做的飽滿(mǎn)一些，卡通圖形會(huì)顯得更 Q 彈，可愛(ài)。6.有時(shí)候參考圖片不一定有合適你繪制形象的角度，旋轉(zhuǎn)圖片或者鏡像，就能得到你想要的。7.當(dāng)你的卡通形象顯得頭重腳輕時(shí)，給它加一個(gè)陰影/色塊或許能解決這個(gè)問(wèn)題。8.簡(jiǎn)潔動(dòng)物類(lèi)的卡通 LOGO，關(guān)鍵是頭部飽滿(mǎn)，身子、四肢短。線(xiàn)條可以稍微設(shè)置粗一些，不顯得 low。
原文地址：胡曉波工作室（公眾號(hào)）
作者：小章魚(yú)
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》五個(gè)案例教會(huì)你怎么做卡通 LOGO （二）
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
