事情的來源是今早 9 點零三分，我還在夢里吃著澳龍，突然微信的震動把我震醒了。我一拿手機，原來是我的恩師胡曉波給我發(fā)來一條消息，讓我試著能不能寫一篇關于卡通 LOGO 的教程。當然我是一個很樂于分享的好人，所以有了今天的這篇分享。
準備好了嗎？我要進去……哦不，我要開始了！
首先先去網(wǎng)上找一些關于青蛙的素材，當然，你可以找照片，也可以找一些青蛙的卡通形象參考。然后在網(wǎng)上我看到了這張圖，覺得非常有意思?；④|一震，決定把這個拿來當動作參考。
在做卡通logo的時候，找照片素材最好是找姿態(tài)、動作比較有故事性、有意思、有特點的，這樣出來的形象也比較生動。
接著，把這張照片墊底，試著草圖一下它，把它的輪廓先用 AI 鋼筆工具勾出來，這樣就得到了一個初始的外輪廓。
再處理下這個外輪廓，得到這個初始的輪廓后，感覺這個形象完全可行，那么我們現(xiàn)在需要把它的線條變的更順滑，整體的形象顯得更可愛（既然是卡通，可愛一點會更好看）。
重點 2：
怎么能讓一個形象變得 Q 萌可愛？長時間的研究卡通，我得出這么一個結論：形象偏矮胖、敦厚、圓潤，就比較能突出可愛的特征，把你勾勒的初始輪廓適當壓扁，讓它變矮胖。
經(jīng)過線條的優(yōu)化（使其圓滑），外輪廓的壓扁處理以后，就得到了最后的這個結果。
整體形象確定以后，再給青蛙畫五官，這里，我們再去網(wǎng)上找一些青蛙的卡通形象的處理方式（或者不局限于找青蛙也可以找一些與青蛙形象相近的動物，例如蜥蜴等等）。
重點 3：
卡通的五官，處理方式其實很簡單，盡量用幾何圖形去作為臉部的五官特征。
在這個案例上，因為主體是青蛙，所以不能單純用一個小圓點去作為青蛙的眼睛，我們可以看到青蛙眼睛的特征，是有一個較大的眼白與較小點的眼珠。所以這邊的處理方式，就是一個白色的大圓+黑色小圓。
單單這個形象還是不太夠，雖然這個坐姿已經(jīng)比較生動了，我們可以根據(jù)這個形象展開聯(lián)想，讓它更充滿故事性和趣味性，這里觀察青蛙的姿勢，這個屁股的角度，可以讓它坐在跟大自然有關的物體上，加上這個雙手護胸的動作，讓它叼一根樹枝，更能體現(xiàn)悠閑的氣質。
重點 4：
卡通吉祥物的標志，利用本身的的姿態(tài)動作，適當展開聯(lián)想，加一些小物件可以讓它更生動，更有趣。
接下來就是上色跟補充一些細節(jié)了。如果配色較差，可以去網(wǎng)上找一些配色的參考。這里我找到一個卡通的配色，剛好也是綠色為主，適合青蛙，且背景也可以參考它做一個疊底。
最后，選個自己覺得較為合適的字體，如果會做字體的話最好是自己做個字兒，再做個排版，就OK 啦~
重點 5：
卡通 LOGO 的排版，不要太復雜，因為卡通標志本身的圖形具象，排版簡單更好看，用字的字體氣質要符合圖形。
前面的案例，想必大家都已經(jīng) get 到了步驟，還我還是要再演示一下這個案例，嘻嘻。
還是一樣的，這張照片是我偶然看到的，覺得非常有感覺就保存到手機了。在做這個 LOGO 前突然想到有這么一張圖，立馬開始操作。
其實大家在日常生活中看到比較有意思的圖片，都可以保存下來，說不定哪天它就能變成一個好看的 LOGO 是不是呢？
好了不說廢話，開始勾輪廓！
這張圖的松鼠，看起來還是比較飽滿的，所以在后期調整優(yōu)化曲線的時候會比較輕松，但是這個圖的外輪廓，相比第一個案例的青蛙，是比較復雜的，這里需要耐心一些。
這里繪制的外輪廓，線條都不是合并的，但是我們發(fā)現(xiàn)，這個 LOGO 是需要做一些高光跟陰影的，所以這里先給大家普及一個基礎知識。
三種描邊模式，我們選擇第三種——使描邊外側對齊，因為我在給圖形做剪切陰影或者是高光時，不可能 100% 沿著輪廓去勾勒，這樣太累了，所以一般會超出外輪廓一些，再去做剪切，這樣能省不少時間。
重點 6：
卡通 LOGO 的繪制，基本都是用到外輪廓，這樣好做高光跟陰影的剪切。
回到主題，我們接著畫這個松鼠。
剛剛我們已經(jīng)把草圖大概勾勒出來了，現(xiàn)在把這個草圖墊底，讓它形成一個合并的狀態(tài)（注意先觀察草圖找好錨點的起點，否則很難讓整個輪廓連起來），并且過程中、優(yōu)化線條曲線（這一步還是有點難度的，鋼筆工具不太熟的同學需要多練習）。
勾勒完成后的線條是圖 1 這樣的，不少同學會有疑問，為什么有些地方會呈現(xiàn)雙線的狀態(tài)？別急，把它換成外描邊模式你就明白了。
因為外描邊模式，當有兩條相近的線條時，是有可能重疊的，這樣就能形成一些細節(jié)線條。
接著，我們繼續(xù)調整有些不完美的地方，比如重疊到的地方線條粗細不統(tǒng)一等等，調整完后我們看下效果。
到了這步以后，其實最難的點已經(jīng)被你拿捏了，剩下的就是補一些細節(jié)。另外，松鼠的尾巴，這邊是沒有按照圖片的線條去處理的，因為現(xiàn)在這個圖形是往下走的趨勢，如果尾巴還是往下垂，那整個圖形的重心就不平衡了。
這邊尾巴的處理也可以網(wǎng)上找一些參考，因為上面說的平衡問題，所以我把松鼠尾巴處理成往上走的趨勢。
大體造型已經(jīng)完成，現(xiàn)在剩下的就是填補五官、填充顏色，加高光陰影。
重點 7：
陰影跟高光這部分，其實不需要過于嚴謹。沒有美術功底的同學也不用發(fā)愁，在一些有交錯，遮擋的部位加陰影，在頭頂或者身體外邊緣加高光，基本是沒有什么大問題的。
這樣圖形就完成了，最后加上排版就完成了。
第三個案例跟前兩個其實很相似，都是我在網(wǎng)上看到比較有意思的照片，下載下來做成卡通標志。廢話不多說，上圖了。
其實我個人很喜歡做猴，當然大部分原因是因為我愛人叫……猴子，emmm好像離題了，收！
因為猴子本身是一種帶著調皮、聰明、智慧性質的動物，做猴 LOGO 其實可以讓它賦予多種性格。
如上兩個案例的方法，先大概繪制一下猴子的外輪廓，看一下圖形大概的感覺（這里還是與第一個案例說的，圖形整體看起來比較瘦高，可愛氣質會偏弱,我們可以嘗試壓扁）。壓扁后我覺得是我想要的一個高度，但是壓扁后頭部也會變形，那么接下去只要我們把這個壓扁后的猴子輪廓復制一個，再使用第一版繪制的頭部就 OK 了（這里不做具體演示）。
重點 8：
卡通類型的 LOGO，一般身體都會比較短，頭比較大，圓，這樣可愛的氣質才會突顯。
經(jīng)過一番調整操作后得到這樣一個輪廓，但是現(xiàn)在這猴子是沒有尾巴的，所以我們要給它添加一根又粗又長……的尾巴。
這樣得到了一個最終的輪廓形態(tài)。接下來就是給它畫上臉，五官，還有增加一些高光細節(jié)了。
這里看你想給猴子定義什么樣的表情氣質。原照片的這猴子，表情略帶無辜，我覺得還蠻不錯的。那么我們嘗試一下畫上表情，注意簡化。
委屈、無辜的表情，如果你不知道怎么畫才能表現(xiàn)出來，可以對著鏡子裝個委屈的表情看下，或者度娘一下委屈、無辜的照片。一般委屈無辜，眼睛的形狀都是呈現(xiàn)一個眼角往下的狀態(tài)。
加完五官以后，現(xiàn)在整個猴子的大致形象已經(jīng)出來了，那現(xiàn)在這個姿勢，需要加點什么才能讓它變完整。原照片上，是兩根分叉的樹干，其實照著畫也沒什么不妥，那我們就給它畫上樹干，再上個色。
畫完樹干，上完色后，整個圖形是不穩(wěn)的。原因是分叉的樹干其實是個 V 字形，所以我們?yōu)榱俗屗€(wěn)住，在底部加一個類似陰影的形狀去壓住它就完全 OK了。
本以為到這，就完成了。端詳許久，總覺得還差點啥，感覺這猴兒還不夠靈性。這時候我突然想到我前幾天買的毛線帽，然后想著，天冷了，給猴兒個帽子吧……
畫完后，又看了許久，不禁發(fā)出感嘆，我 TMD 真是個天才……最后老規(guī)矩，加排版，完事兒！
前面的都是根據(jù)一些照片去做的吉祥物卡通標志，其實創(chuàng)造性不屬于特別高，我個人其實更喜歡是這類 MIX 標志，把兩種不相關的物體結合起來，但卻不違和，反而更顯趣味創(chuàng)造性。
這個案例的靈感來源是我在 BE 上看到一個我很喜歡的設計師做的一個標志（下圖） ，把老鼠與胡蘿卜結合，非常有意思。
做這個 LOGO 之前，我就一直想做個胡蘿卜的創(chuàng)意性標志（出于對波哥的愛），這類型的卡通 LOGO，有時候就是靈感一瞬間迸發(fā)的事兒。但是沒靈感的時候，我都會去網(wǎng)上瞎看，有時候看著看著，就能想到做啥了。偶然間看到幾張?zhí)箍说恼掌?，靈雞一動，把胡蘿卜跟坦克結合，因為剛好坦克的炮管，可以用胡蘿卜代替（想到這里，我露出了姨母笑）。
那么胡蘿卜跟坦克的造型怎么畫呢？首先還是打開你的網(wǎng)頁，可以先搜一下胡蘿卜的造型，再搜坦克的圖片（這里找到的坦克圖片，已經(jīng)是手繪圖了，所以我們要把它概括簡化一下)。
我先不用管胡蘿卜的部分，因為胡蘿卜的角度是要根據(jù)坦克輪子的角度來做，所以我們先把坦克的部分繪制一下。仔細觀察坦克底座的構造，拆解繪制。
到這里大家可能會有點困惑，這樣的圖片我要怎么下手？不要急，其實不難。上面我們已經(jīng)把坦克底座的部分拆解，現(xiàn)在只需要繪制一排車輪跟輪子上面的鐵蓋。這里需要注意的是，因為坦克的特征十分明顯，就是一根長長的炮管與底部的一排輪子，所以只要把這兩個特征能抓出來，基本不難看出是坦克了。
重點 9：
當你要把一個實物/動物圖片轉化成卡通風格時，要仔細觀察它原來的線條，使其更幾何化，去繁從簡。
坦克部分處理完就可以搞這個胡蘿卜了，這里就不用做太多演示了，胡蘿卜這么好畫！注意跟坦克合上的角度就 OK 了！
這個角度先畫個草圖，放上去試試合不合適。
可以！
再觀察下胡蘿卜的細節(jié)，因為它要充當炮管，所以我們不加上面的葉子，但是這樣會不會看不出是胡蘿卜？那我們可以觀察下胡蘿卜身體部分有什么細節(jié)，再加上胡蘿卜的橙紅色，說看不出我不信！
特征：胡蘿卜身上的劃痕
別急，現(xiàn)在看不出胡蘿卜不要緊，上色以后一切都會好的~
好了，可以合體了！注意各個組件的圖層關系。
上色！排版！完事兒！
這個案例跟上個案例其實非常相似，都是 MIX 系列的卡通 LOGO 這個 LOGO ，這個 LOGO 靈感來源于我偶然在網(wǎng)上看到了這張圖片，以獼猴桃代替了鸚鵡的翅膀，配色也完全不違和，是非常優(yōu)秀的作品了。
萌生了想長做一個類似的 LOGO，當然我們不能再用獼猴桃的元素了。想想，其實很多水果可以做這樣的「代替品」。但是這里需要注意的是，什么樣的水果切開，還非常具有特征，讓人一眼就能辨識出來。最后我選了西瓜，西瓜可以有半圓，也可以有三角形，這樣的話，鳥的翅膀形態(tài)發(fā)揮空間就很大了。切開后的西瓜籽加上紅色的瓜瓤十分具有辨識度。
當然我們先要做的是「鳥」這個主體的造型。這邊還是先去網(wǎng)上找一下鳥的圖片，最終，我選用這張圖片來作為這個 LOGO 的主體（因為它本身圖片就有可愛的氣質，更方便我們后面創(chuàng)作）。
這里我只提取了這只鳥的身體跟嘴的部分，翅膀我們要用西瓜代替的，所以暫時先不去繪制。確定好身體部分以后，我們再嘗試先畫切開的一半的西瓜。這里也不難，網(wǎng)上搜一下西瓜，很多素材可以參考著畫。
畫好的西瓜，我們再嘗試旋轉角度，跟鳥的身體部分合體一下。
看起來真可以?。?
現(xiàn)在的造型看起來是不是還不戳！是吧~但是還沒完！一般展翅的鳥兒，爪子是什么狀態(tài)？別慌，繼續(xù)度娘！
可以看到，展翅后的鳥兒，爪子都是往前伸。我們秉著卡通能簡化就簡化的原則，把爪子處理成線的形式即可。加以上色，「西瓜鳥」就出來了。
圖形這樣已經(jīng)是完成了，現(xiàn)在就剩下排版。當我加上文字以后，發(fā)現(xiàn)這個 LOGO 越看越顯得空，那咋辦？加個背景色塊其實就解決了（這里的背景色塊,也是根據(jù)鳥的身體走勢做的橢圓）！
重點 10：
當你的卡通 LOGO 做完后發(fā)現(xiàn)整體看起來不飽滿，嘗試加個背景色塊，屢試不爽。
總結Tips：
- 在做卡通 LOGO 的時候，找照片素材最好是找姿態(tài)，動作比較有故事性，有意思，有特點的，這樣出來的形象也比較生動。
- 怎么能讓一個形象變得 Q 萌可愛？形象偏矮胖、敦厚、圓潤，就比較能突出可愛的特征，把你勾勒的初始輪廓適當壓扁，讓它變矮胖。
- 卡通的五官，處理方式其實很簡單，盡量用幾何圖形去作為臉部的五官特征。
- 卡通吉祥物的標志，利用本身的的姿態(tài)動作，適當展開聯(lián)想，加一些小物件可以讓它更生動，更有趣。
- 卡通 LOGO 的排版，不要太復雜，因為卡通標志本身的圖形具象，排版簡單更好看，用字的字體氣質要符合圖形。
- 卡通 LOGO 的繪制，基本都是用到外輪廓，這樣好做高光跟陰影的剪切。
- 陰影跟高光這部分，其實不需要過于嚴謹，在一些有交錯，遮擋的部位加陰影，在頭頂或者身體外邊緣加高光，基本是沒有什么大問題的。
- 卡通類型的 LOGO，一般身體都會比較短，頭比較大，圓，這樣可愛的氣質才會突顯。
- 當你要把一個實物/動物圖片轉化成卡通風格時，要仔細觀察它原來的線條，使其更幾何化，去繁從簡。
- 當你的卡通 LOGO 做完后發(fā)現(xiàn)整體看起來不飽滿，嘗試加個背景色塊，屢試不爽。
初試卡通，或許效果沒有很好，但是都是能靠多看，多練，練會的。喜歡它，你就能靜下心去做它，練它，興趣是最好的老師。所以如果你也喜歡卡通類型的 LOGO，讓我們干起來吧！
原文地址：胡曉波工作室（公眾號）
作者：小章魚
轉載請注明：學UI網(wǎng)》五個案例教會你怎么做卡通 LOGO （一）
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務