五個案例教會你怎么做卡通 LOGO (二)

2022-1-25    seo達(dá)人


在上周的卡通 LOGO 教程中(指路→ 五個案例教會你怎么做卡通 LOGO),我已經(jīng)講了一些我個人設(shè)計卡通標(biāo)志的方法及需要注意到的點(diǎn)。那么這次我將會繼續(xù)帶來一些卡通 LOGO 設(shè)計的心得。  
 
圖片  
 
我真的很喜歡做猴兒,包括猴兒的親戚猩猩……
這個 LOGO 的設(shè)計也是巧合來的,偶然間在 PIN 上看到一張大猩猩的照片,這個姿勢非常有趣,仿佛在說:我 TM 真是個大帥比。這個心態(tài)我很喜歡,像極了我認(rèn)識的一個叫猴子的老師…… 
圖片  
 
那么還是老辦法,我們先大致勾一下這個帥比的輪廓。 
圖片  
 
勾出大致輪廓后,觀察整體的輪廓形態(tài),還記得上次講過的嗎?卡通形象身體短一些,頭大且圓,可愛氣質(zhì)才能突顯。所以這里我們先復(fù)制一個輪廓出來,再壓扁(這樣做的目的是為了在精確繪制的時候能把控住頭與身體的比例關(guān)系)。 
圖片 
 
但是這個案例壓扁后,我發(fā)現(xiàn)頭部的比例其實(shí)也還可以,那么我就直接拿壓扁后的來墊底,開始繪制精致的外輪廓(注意,我們依然要尋找一個起始的錨點(diǎn),使猩猩是一條完整的合并的形狀)。 
在一邊繪制的時候,一遍注意讓線條盡量順滑,呈現(xiàn)更幾何的狀態(tài),我這邊標(biāo)注了下一些地方需要注意。 
圖片 
重新繪制后的效果,是不是比草圖上的比例更敦實(shí)更可愛一些。  
 
 

重點(diǎn) 01

卡通形象的身體比例,四肢稍微短胖點(diǎn),可愛氣質(zhì)更突顯。
這個輪廓完成后,我們就可以開始先給它畫上五官。但是這個圖形,用什么表情來表現(xiàn)比較合適呢,看著我畫好的這個輪廓我突然腦子里……
圖片
對,思考者!  
 
然后我就打算讓這只猩猩帶著點(diǎn)帥氣與內(nèi)涵……
圖片 

重點(diǎn) 02

閉眼表情不僅可以代表睡覺,還可以表現(xiàn)思考、沉思等情緒。想了解更多的卡通表情的表達(dá),可以上網(wǎng)搜索。盡量用最少的線面,表達(dá)出情緒。
加上閉眼的表情后,那味兒是不是已經(jīng)出來了,接下來我們再給它上個色,添加一些細(xì)節(jié)與陰影高光,再看下效果。 
 
 
圖片 
上完色后感覺還不錯,但是原圖的猩猩是坐在樹干上的,屁股那邊的弧度是一個坐在物體上的狀態(tài),所以我們也需要填補(bǔ)一些什么物體讓它能穩(wěn)穩(wěn)坐著,這里我們又需要展開聯(lián)想,整個圖形你希望呈現(xiàn)一種什么情緒。 
圖片 
如果實(shí)在不知道畫什么,用一個半圓,或者一個有弧度的形狀就可以撐住它了。其實(shí)到這一步,基本大致完成了,配上文字排版就算搞定了。但是這個圖形,因?yàn)樾尚傻谋巢扛撞康陌牖】粘隽艘粔K空間,那我們可以用一個背景色去填補(bǔ)它,同時上個顏色,讓這只猩猩是在月光下思考。 
圖片  
 
 
圖片
平時我都比較喜歡宇航員系列的一些小物件,每次看到都忍不住會買,所以一直想做一個宇航員的卡通 LOGO。
老規(guī)矩,我們還是先上網(wǎng)搜索一下宇航員大概是什么樣的。  
 

重點(diǎn) 03

搜索素材,提取關(guān)鍵特征,是辨識一個卡通圖形最好的點(diǎn)。
圖片  
看到這些宇航員的圖,試著去找出能表現(xiàn)出宇航員這個元素的特征(這里,我發(fā)現(xiàn)宇航員的元素是頭盔、宇航服),我們再根據(jù)這些特征去分析怎么繪制。

圖片

 

詳細(xì)分析過這些元素后,宇航員的配置現(xiàn)在已經(jīng)比較清楚了,那么現(xiàn)在怎么下手?當(dāng)然,我們要先想,你想做一個什么姿勢/動作的形象?當(dāng)你無從下手的時候,上網(wǎng)隨便看看,或許能找到你喜歡的姿勢呢
圖片
碰巧看到了這個小企鵝,形象可愛又動感,用到宇航員身上簡直太棒了! 
 

重點(diǎn) 04

當(dāng)你為卡通形象的姿勢動作發(fā)愁時,試試「借位」的方式用別的物種的動作套到你自己的形象上,可能會有意想不到的收獲。
好,那我們現(xiàn)在把這兩張圖,放在一起,可以用鋼筆,也可以用畫筆先在電腦上潦草的畫一下。 
 
圖片  
 
手殘黨最后的倔強(qiáng)……
圖片  
 
畫下草圖,是為了看個大概……不要計較不要計較!
看過草圖之后,我覺得方案可行,那就開始我手繪之路,其實(shí)到了繪制這一步,真的沒有什么技巧可言了。鋼筆練好是關(guān)鍵!  
 
圖片  
 
精準(zhǔn)繪制這一步根據(jù)大家的繪制能力,對比例的拿捏能力,繪制出大體的輪廓,繪制完后,給圖形上色,填充細(xì)節(jié)。但是這樣看起來,宇航員還是略顯單調(diào),我們可以根據(jù)繪制好的形象,給他增加一些點(diǎn)綴或者是合理的物體(這里主體形象是宇航員,那就可以增加與星空、宇宙的小物件),加個星星,既簡單又合理,畫面也飽滿了。
圖片
圖片 
 
 
圖片 
這一類的卡通 LOGO,我概括它為「擬人化且?guī)в行袠I(yè)屬性」的卡通標(biāo)志設(shè)計。它不是純吉祥物形象去展示,它帶有人的動作特點(diǎn),加上能代表行業(yè)特征的物體,能夠生動地傳達(dá)品牌行業(yè)屬性。
上面的案例,可以看出是一只烏龜,推著一輛栽著小樹苗的小車,不難看出這個 LOGO 應(yīng)該是跟盆栽綠植有關(guān)。那它是怎么來的呢?平時的大量看圖,我的兩張庫存圖片就派上用場了。
一只推著盆栽的烏龜。 
圖片
看明白了吧?就是用了烏龜?shù)闹黧w,加上這個土撥鼠推車的動作。首先先粗略勾勒一下烏龜主體。這里的圖片參考,烏龜是騎著自行車的,所以我們先不管它的腳。
圖片
勾完這一步,我們暫時先不畫烏龜?shù)氖帜_,因?yàn)槲覀兪且屗浦囎拥模晕覀兿日{(diào)整草圖的輪廓線條。這邊看草圖,我們有幾個需要優(yōu)化的點(diǎn)。
圖片 
 

重點(diǎn) 05

在自己優(yōu)化線條時,盡量把形狀做的飽滿一些,卡通圖形會顯得更 Q 彈,可愛。
圖片
我們看下調(diào)整后的線條,是不是更飽滿了些?身體的形態(tài)可以了,現(xiàn)在我們來做一下四肢。這張圖雖然角度跟我們要繪制的不太一致,但是我們可以看下大概的位置關(guān)系。 
圖片
畫完四肢,我們再根據(jù)烏龜?shù)奶卣?,?xì)節(jié),再給自己畫好的輪廓加上,上個色再看看效果。 
圖片 
最后畫栽小樹苗的小推車,這邊的小推車,我們不做太復(fù)雜的處理,我們可以在網(wǎng)上搜一下小推車 icon,一般 icon 的繪制非常簡潔,做 UI 的同學(xué)應(yīng)該都知道。
圖片
畫完小推車再一上色,這個案例就完成啦~
圖片 
 
 
圖片 
 
豬豬那么可愛,為什么要吃它 ?
為了致敬我天 geigei,我特意做了這個案例(別問為什么,我不會說的)。
不說廢話,直接進(jìn)入正題!偶然在網(wǎng)上看到一張這樣的圖片,心里直呼也太 TM 可愛了!我想畫它!當(dāng)然,在做這個 LOGO 之前,我的意愿是我要豬豬的……但是不妨礙,我們可以用這個姿勢,放在豬豬身上! 
 
圖片 
熟睡的小鹿,太美好了~
那么我們就先操作起來!先把小鹿,哦不,豬豬的身子給畫出來。還是老辦法,先大致繪制一下線條。
圖片
繪制后我們看看這個輪廓草圖的問題。
圖片
針對這些問題我們進(jìn)行一下重新繪制并優(yōu)化。
圖片
到這一步,豬豬的身子差不多就 OK 了呢,接著我們就可以開始畫豬頭了!網(wǎng)上找一下豬豬的圖片,你可以找實(shí)物照片也可以找豬豬的卡通圖片。 
圖片 
我找了這兩張圖,還是前面說的,觀察特征,細(xì)節(jié)。角度不完全相同其實(shí)不要緊,只要我們能分析出它的特征即可。
這兩張圖我們可以發(fā)現(xiàn),豬豬的特征是兩頁大耳朵,至于是往上還是往下擺,這完全看你自己想怎么繪制。然后就是翹起來的豬鼻子,與額頭是有一個凹下去的弧度,如果角度不對不方便觀察,可以把圖片旋轉(zhuǎn)一下,可以更清楚分析出來。
圖片

重點(diǎn) 06

有時候參考圖片不一定有合適你繪制形象的角度,旋轉(zhuǎn)圖片或者鏡像,就能得到你想要的。
圖片
根據(jù)前面的分析特征,我這邊繪制了一個豬頭,發(fā)現(xiàn)細(xì)節(jié)了嗎?豬耳朵收筆的地方,線條變細(xì)了,并做了一個圓角。如果你很熟悉我的作品 ,你會發(fā)現(xiàn)我很多 LOGO 這類的地方都是這么處理,線條粗細(xì)不一也是一種繪制風(fēng)格,收尾地方加圓角不會那么尖銳。
圖片
把兩個繪制好的部分合體了!
接下來就是我們的上色、添加高光陰影細(xì)節(jié)等流程……
圖片 
但是發(fā)現(xiàn),這樣看起來有點(diǎn)兒單調(diào),那我們還是老辦法,給豬豬加一個背景色塊吧~加完后明顯會好一些,但是現(xiàn)在看,有點(diǎn)頭重腳輕是不是,那就再給它加一個陰影。
圖片 

重點(diǎn) 07

當(dāng)你的卡通形象顯得頭重腳輕時,給它加一個陰影/色塊或許能解決這個問題。
加個底色排個版,豬豬就很美很性感啊~~
圖片 
 
 
圖片 
這個案例其實(shí)看著很簡單。為什么我要拿這個 LOGO 來講解呢?這里面涉及到一些做好可愛卡通的點(diǎn)。
做過卡通標(biāo)志的同學(xué)是不是會有一種感覺:自己做的卡通老感覺不夠可愛,或者是看著不夠高級。其實(shí)這里我想說的是,卡通 LOGO 做的好不好,技法跟審美缺一不可。我能分享的只能是一些關(guān)鍵點(diǎn),還是要靠自己多看好的卡通作品,積累多了就能拿捏住卡通風(fēng)格的 LOGO 了。 
 
圖片 
 
上面這些卡通標(biāo)志,看著很簡單,但是都是非常優(yōu)秀的作品其實(shí)沒做太多的裝飾,只是一個主體繪制,就能生動地呈現(xiàn)出形象。這類的卡通非常簡潔,我個人也比較喜歡。
那我們就開始演示下這類卡通 LOGO 是如何做的,還有哪些需要注意的點(diǎn)。
首先,這類 LOGO 基本都是以動物為主體。我們先確定要做的是什么動物,案例上是一頭犀牛,那我們先度娘一下犀牛長啥樣!
圖片 
 
這里我們分析下犀牛的特征。
圖片 
 
如果你覺得用照片分析繪制的難度大,那你也可以搜一下 XX 簡筆畫,更方便你做成卡通風(fēng)格。 
 
圖片 
分析完后,我們可以先草圖一下犀牛的整體輪廓,這里你可以找一些圖片去墊底,大致畫一下輪廓(方便演示,這里用一張簡筆畫來墊底繪制)。
圖片 
繪制完輪廓草圖,我們可以根據(jù)這個草圖進(jìn)行繪制并優(yōu)化規(guī)整線條。 
圖片 
根據(jù)上述問題我們做一步步優(yōu)化。 
圖片 
 

重點(diǎn) 08

這類簡潔動物類的卡通 LOGO,關(guān)鍵是頭部飽滿,身子、四肢短。線條可以設(shè)置粗一些,不顯得 low。
整體輪廓我們算是做好了,接下來就是填補(bǔ)五官,上色,增加高光/陰影等細(xì)節(jié)部分。哦,差點(diǎn)忘了我們沒有畫尾巴。百度下犀牛,參考著畫條尾巴,應(yīng)該不難吧。好了,我們看看成品~ 
圖片 

總結(jié) Tips:

1.卡通形象的身體比例,四肢稍微短胖點(diǎn),可愛氣質(zhì)更突顯。
2.閉眼表情不僅可以代表睡覺,還可以表現(xiàn)思考、沉思等情緒。盡量用最少的線面,表達(dá)出情緒。
3.搜索素材,提取關(guān)鍵特征,是辨識一個卡通圖形最重要的點(diǎn)。
4.當(dāng)你為卡通形象的姿勢動作發(fā)愁時,試試「借位」的方式,用別的物種的動作套到你自己的形象上,可能會有意想不到的收獲。
5.在自己優(yōu)化線條時,盡量把形狀做的飽滿一些,卡通圖形會顯得更 Q 彈,可愛。
6.有時候參考圖片不一定有合適你繪制形象的角度,旋轉(zhuǎn)圖片或者鏡像,就能得到你想要的。
7.當(dāng)你的卡通形象顯得頭重腳輕時,給它加一個陰影/色塊或許能解決這個問題。
8.簡潔動物類的卡通 LOGO,關(guān)鍵是頭部飽滿,身子、四肢短。線條可以稍微設(shè)置粗一些,不顯得 low。

 

原文地址:胡曉波工作室(公眾號)

作者:小章魚

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》五個案例教會你怎么做卡通 LOGO (二)

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


日歷

鏈接

個人資料

存檔