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