設計達人

www.shejidaren.com

發送“素材包”獲取教程和海量設計資源！

設計達人嚴選好文，好素材，學設計，少走彎路

前言：都說大自然是最好的靈感，比如我們今天要設計的動物LOGO，就是從現實照片提取出來，由簡到難，由淺入深，讓大家更好的吸取營養。來，一起學習如何利用照片繪制出高逼格LOGO吧！

先看一組一看就會的案例：

是不是那些看一眼都覺得自己已經會了，但是實際操作起來發現根本不是那么回事的感jio？其實里面有一些需要注意的點沒有注意到以及思路還是不夠清晰而已。為了讓大家更更更好的理解和應用起來，我又做了一個簡單的分類，這樣你們在應用的時候很快就能梳理出這些知識點。

1.元素主體:全幅、半幅、局部特寫

2.處理手法：幾何化、剪影寫意、抽象化、粗描邊卡通、漸變等。

3.創意結合：與字母結合、與外框結合、正負形、同構。

什么意思呢，說人話就是畫面的主體元素選擇的是動物的全部身體還是半身，還是說選擇了某一個局部來進行放大精細刻畫，那么處理手法就不用多說了，手法遠不止上面提到的那些，只是列舉了一些常用的類型，在下面的案例演示中我們也會用到一些，創意結合部分其實就是當LOGO需要有更多含義或創意，再或是提高LOGO的整體性來選擇做一些結合。

既然是根據圖片做LOGO，第一步肯定是找到一個好的圖片才算是開了一個好頭，那我們對于圖片的要求就是輪廓清晰，這一點非常重要，會直接影響到我們能否順利的完成這個方案，造型也要盡量優美，這會決定我們后期調整時的難易程度，如果你就是喜歡挑一些見不得人的打了碼的圖片，也行！自己腦補就好。

下面找了一些阿貓和阿狗的圖片，列舉了一下兩種情況各是什么樣的，符合要求的圖片輪廓清晰，自帶生動好看的造型，再看右側那些放蕩不羈的狗子，輪廓被遮擋的，不清晰的，非正常角度，姿態各異的。

下面我們結合案例實操來詳細講解這過程中的心酸和不為人知的秘密，歡迎大家來到走進科學…之做LOGO！今天別的不多，就是案例多又容易上手。

案例實操01

經過我的千挑萬選，選中了這個天選之子，水中鹿，后面還有幾只天鵝，雖然咱們這個logo跟天鵝沒半點關系，但就是想提一嘴，這個時候我們觀察圖片，肯定是不適合做全幅了，如果要做全幅，整個腿部都要去腦補或是再去另找圖片，但是頭部以及頸部的造型還是可以的，雖然放大后像素有所降低，但輪廓依然是清晰的，符合我們的要求，所以這個時候我們基本可以定下選取頭部來進行嘗試。

接下來就到了草圖階段，大家可以自己選擇喜歡的方式，AI/PS或是在草稿紙上進行都是可以的，我這里是在PS中畫的，因為AI的畫筆有些時候不能畫出想的細節和轉折。

首先，降低圖片的透明度，按照圖片的走向勾勒出基本形態，但要注意減少小的轉折，鹿頭部分先盡量只保留大的長的曲線就好，太小了沒用，大的長的好，嗯。

然后再次觀察草圖，去發現問題，1.鹿角太復雜了，像雜草，需要簡化，2.眼睛上方骨頭的位置有一點凸起，要么加大凸起的程度，讓其看起來更明顯，要么干脆舍棄掉。3，脖子下方看起來很空，可以嘗試添加暗部來豐富層次，墊底草圖來二次調整。

整體基本是可以的，但是完整度感覺還是差一些，所以這個時候我們可以嘗試結合外框來提高整體性。鹿角也仍然存在一些問題，不過這個可以等我們矢量的時候來解決

Tips:這里需要嘗試圓與鹿的大小關系，以及鹿的頸部延伸多少與圓結合起來才會更協調。

最后，我們調低草圖的透明度，用圓來切出鹿頭的造型，然后用形狀生成器來生成，鹿角用鋼筆刻畫就好，因為鹿角的造型我們并沒有做太多的簡化，用圓切會比較繁瑣，所以用鋼筆會更快一些。

Tips：大家在用圓切的時候可以把圓的描邊線調的細一些，這樣就不會過于影響對于底部造型的閱讀了，然后先從大的部分開始合并，再逐漸去放大合并一些小細節。最后上個色即可，像這種類型的上色還是比較簡單的，而且也比較出效果。

小結Tips：元素主體:局部特寫

處理手法：剪影、幾何化、漸變

重點：造型的概括、鹿角的調整

案例實操02

上一個案例我們做了一只局部特寫偏了一丟丟幾何的鹿，那我們再來一只全身的沒那么幾何的鹿，全幅的處理必然會要求圖片的輪廓更加清晰，包括轉折處的細節等，這樣才有助于我們刻畫細節，最后找到的這張，非常符合我們的要求。

第一步依然是繪制草圖，由于這張圖片的輪廓已經特別清晰了，我就直接在AI中用畫筆來畫了。大家可以發現這里我做了兩處改動，腿部以及臀部，因為原本鹿的腿部是要偏細一些的，我是想著讓整體更穩重一些，所以在開始我就直接畫的比圖片要更粗一些，這樣二次調整的時候更好發現問題，臀部向上處理了一些讓它看起來更翹，這樣與背部的線條連接過來的曲線就會更加優美，沒那么平，腿部可以適當增加一些斷開的處理，使整體沒那么呆板。

這次我是先矢量化草圖，然后才會二次調整，因為大的造型已經基本ok了，再調整草圖的描邊線也不太好看出效果，所以不如勾勒出完整造型轉為面的形式，再去調整鹿角等細節。所以這個步驟不是完全固定的，大家可以根據實際情況靈活的選擇更方便的步驟。

這里我添加了眼睛、耳朵內部的細節和尾巴，使整體再豐富一些，眼睛對于生物來說是很能傳遞調性和情緒的部分，所以如果決定刻畫眼睛要盡量刻畫的精致清晰一些，不然就干脆不加了。同時調整比較多的是鹿角部分，那么調整的目的主要是使線條轉折更加流暢，平衡空間，所以在調整的時候可以反復觀察整體的空間勻稱程度以及線條的過渡是否流暢，下面我做了一個疊加圖，紅色部分為調整后。

最后發現背部仍然有些空，所以可以添加一些斑點來作為裝飾，但不能添加過多。

小結Tips：元素主體:全幅

處理手法：剪影寫意

重點：曲線的調整把控，空間的協調性

案例實操03

我們再來做一個只別人家的神獸，為什么說是別人家，因為這貨自己養確實很心酸…大學時期有幸養了兩個月，直接被房東趕出房子…是的，就是哈士奇，不說廢話了，我們進入教程，第一步依然是找圖，畫草圖，別問為啥一直是這樣，因為這篇教程就是教這個的…這個是核心中的核心，重點中的重點！

嘗試過后發現，全幅的感jio，一言難盡…這狗子太胖了，倒不如專門刻畫憨憨的頭部來的有趣，那么處理的方式可以直接按照狗子的顏色來進行區分，白的地方就留白，黑色毛發部分勾勒出即可，注意臉部并不一定需要全部連接上，鼻子和下頜處可以單獨處理成一個面。頭部截止的位置也可以按照圖片本身的走向刻畫出即可。

耳朵處需交代清楚明暗關系，嘴巴按照圖片畫出，最后結合外框提高整體性，并適當調整到一個舒服的角度。

最后鋼筆勾勒出輪廓即可，在勾的時候要特別注意曲線的調整，根據整體的重量適當調整外框的粗細，其他并無什么細節。

小結Tips：元素主體:局部特寫

處理手法：剪影寫意

重點：曲線的調整

案例實操04

接下來我們再來做一組更簡單的！不用調整，不用改動，草圖既成品，所以對圖片的選擇要求會更高一些，我們所選圖片最好自帶一些獨特的動態，這樣很容易出效果。那我這次選擇的是火烈鳥，為什么是火烈鳥？因為我也不知道畫點啥…素材網上隨便翻到的，這里給大家安利一個免費商用的圖片網：pixabay.com，圖多，好用，清晰，免費（沒打廣告），良心推薦。

還是那個熟悉的配方，繼續墊底畫草圖，草圖畫完了成品基本上也就完了…唯一需要處理的地方就是身子下面暗部的概括，根據毛發的大致走向做一些起伏狀的線條，用畫筆隨意嘗試幾次基本就可以了。

這個方向的矢量化沒什么難度，用鋼筆和圓都可以，如果鋼筆工具用的不是很好的話，還是建議選擇用圓來切。

既然造型沒什么好處理的，那我們可以選擇在顏色上進行嘗試，常規的，非常規的，或是漸變的。

小結Tips：元素主體:半幅

處理手法：剪影，疊加漸變

重點：曲線的把控，色調協調

案例實操05

上面的案例看完了是不是覺得都很簡單？下面我們稍微加一點難度，來嘗試一只正負形的兔子。

這次用了我之前做過的一個案例來演示，這里我選擇了兩張圖片進行結合，因為當一張圖片無法滿足你的時候，就有必要找到第二張甚至第三張圖片來供你參考，注意，因為這一步驟只是觀察大概的形態，所以無需太多細節，勾勒出大的外形得到如下結果。

觀察兩個動物的輪廓后發現如果不做出改變，上圖的耳朵和身子間的空隙，下圖的頭部和腿部之間的空隙，無論哪一個形態都不能容納一個負形的存在，所以這個時候就需要我們去主觀的變形，使整體能夠存在一個合理的負形，下面把兩張草圖重合觀察整體的輪廓以及負空間的可能性。取舍后選擇黑色部分的身子以及前腿和灰色部分的后腿，這樣才能形成一個比較大且正負空間勻稱的負空間。至此可以發現負空間內剛好可以放置一個與兔子相關的胡蘿卜元素。

繼續優化草圖，耳朵的長度可以夸張一些，與身體進行一個平衡，耳朵和腿部末端的角度可以帶有一些傾斜，這樣會更能體現奔跑中的兔子的形態。同時，使身體的形態更加規整，盡量貼近直線和圓。

為了更精細的處理，我們把草圖拖入ps繼續繪制的更清晰，以及把負形交代清楚。

由于整體都是長直線和圓，所以這里選擇用圓來切，最后給胡蘿卜適當添加一些圓角，避免視覺效果過于尖銳。

小結Tips：元素主體:全幅

處理手法：正負形、剪影、幾何化

重點：負空間的尋找、造型變形處理。

案例實操06

有點累，不過為了家人們，我還可以繼續，下面我們再換一種玩法，用一張圖片延伸出三種不同的形式。前面做的都是地上跑的，這次我們做一個天上飛的，蜂鳥。

選擇一張動態較大，形態比較舒展的圖片，這樣有助于我們后續的嘗試，改動起來比較簡單，動態越大越夸張，越容易做出不同的造型和效果，反之雖然也可以改動，但相對來說會難一些。

繼續墊底畫草圖，注意翅膀和尾巴的羽毛要概括處理，整體形態不變，減少羽毛的數量即可。這一形式更適合在AI中畫，可以適當加大畫筆的平滑度,使草圖的線條更加流暢順滑，雙擊畫筆工具即可調出選項框。我一般不會調整至最大，因為很多時候畫出來的線條會失真，與原本繪制的路徑偏離較多。

因為草圖已經很流暢，并且圖片選的好，就不用做太多的調整，直接矢量化再來處理表現形式。這里因為小而短的曲線很多，所以就不用圓切了，那樣會累死，直接鋼筆勾。尾巴處感覺還可以再向右傾斜一些，這樣張力會更強，這里教大家一個騷操作，選中整體，使用自由變換工具中的自由扭曲來拖動它，調整時時刻觀察整體的動態。

接下來我們從圖片中吸取一些顏色用來給蜂鳥內部填充上顏色，有些顏色需要主觀去調整，比如綠色，在這張圖里很難吸到視覺所看到的色彩，選擇一個中間色調來填充翅膀部分，下方的翅膀填充稍暗的顏色，整體的描邊根據視覺效果適當加粗。

Tips：填充顏色不用單獨勾一遍，復制一個描邊的蜂鳥，用形狀生成器逐一生成色塊即可，注意，如果某一部分無法生成形狀，要檢查一下是不是路徑與路徑之間沒有閉合或是產生交叉點，最后可以檢查一下有沒有多余的錨點，下方動圖中有演示。

繼續豐富整體，添加翅膀的暗部和亮部，暗部和亮部的輪廓圍繞著每一個生成的色塊形狀制作即可，身體部分可以參照圖片的形式，做一個藍綠漸變，同時身子的頂部和底部可以添加一處高光和暗部來提高身體的層次。

小結Tips：元素主體:全幅

處理手法：粗描邊卡通，漸變

重點：翅膀和尾巴的概括，層次的添加

案例實操07

接下來我們用做好的這個LOGO來進行一個二次改變，在不改動大的造型的前提下換一種風格來嘗試，去掉描邊，做一個大色塊拼接的偏抽象化處理。

第一步我們依然是繪制草圖，只不過墊底的元素從圖片變為我們上面做好的LOGO了，把輪廓拿過來合并一下轉成面，首首先勾勒出整體的外輪廓，去除全部細節，只保留最基本的識別，翅膀只用一條大曲線來交代出走向即可，注意頭部不要過度簡化。

第二步，嘗試在鳥的內部做一些連接的線條，使整體能夠分割出更多的色塊，但是不要太多，不然色塊太多會增加把控的難度，這一步驟需要嘗試幾次，注意結構的合理性和連接的合理性，切忌強行連接，要順勢而為。尾巴處可以把角度拉大一些，塑造出更強的速度感。

下面我們把草圖矢量出來并且找一些抽象畫來參考配色

現在感覺整體性還是差了一些，所以可以選擇增加一個底色來承載整體。

小結Tips：元素主體:全幅

處理手法：抽象化，色塊拼接

重點：輪廓的概括

內部連接的取舍，配色

案例實操08

下面，我們再來換一個形式，結合字母和正負形搞一搞，字母搞里頭，負形搞里頭…這一方式需要一定的機緣和耐心去嘗試，并非每一次都能做得出來，大家不要強求，雖然瓜扭下來了你就開心了，但終究強扭的也還是不甜的。

首先我們觀察蜂鳥的動態可以嘗試結合到哪些字母，乍一看貌似哪個都有點費勁…那我們把蜂鳥水平翻轉一下呢？這樣就看到了一個字母F。

下面開始嘗試繪制草圖,頭部和身體的走向先不去考慮，延用下來即可，翅膀處改為字母F的形式，觀察后發現整體雖然可行，但尾巴處過于夸張，影響字母的識別，于是嘗試縮短尾巴的延長，以及反方向的身體處理，中間的方案，縮短了尾巴后整體不夠平衡，故選擇最后的方案。

然后就是負形的考慮了，從造型上來看的話，可以結合的負形有很多，長條狀的水果、動物基本都可以，但如果想有更多與正形的聯系的話還是需要多考慮，經過嘗試后這里我選擇了飛機做結合。

這里選擇用圓和橢圓來切，并不是只能用正圓，咱們只是為了曲線流暢規整而已，像這種大的曲線用圓切或鋼筆都可以，看哪種方式更快更加熟練。

小結Tips：元素主體:全幅

處理手法：正負形、字母結合

重點：翅膀及尾巴的變形處理

負空間元素的選擇與結合

案例實操09

寫到這里，煙已經沒了，但案例還是要寫下去。下面我們再再再來換一種形式，做一個元素置換類型的，什么是置換？就是把某一元素的局部替換為另一外形相似的元素，也有叫同構和嫁接的，都可以。

看下方的豎琴（這玩意應該是叫豎琴，如果錯了，也不要糾正我），左右兩端對稱的部分是不是特別像一只天鵝？我們直接把這個輪廓畫出來，并把頂部換成天鵝頭，很快，一分鐘都不要就能看到方向可行與否。

繪制完成后看整體的形式肯定是沒問題的，這種對稱式的解構基本都是可以的，剩下就是分析畫面，調整細節的問題了。

現在存在的問題就是負空間過大，天鵝的姿態不夠優美，且分量太低，不夠突出，所以現在要加粗整體的厚度，把天鵝頭部放大，頸部縮短，并優化曲線，底座的部分我們暫且不考慮，最后順著天鵝的走向加上即可。

這個時候踩雷了，也是大家在做的過程中可能遇到的問題，觀察上面的優化步驟后發現，雖然整體已經達到目的了，但是…這是個鴨子??！一點都不優美…原因就出在我并沒有找天鵝的圖片來作為參考，突然間的膨脹以為天鵝那么簡單的東西隨手就來。

好的，亡羊補牢為時不晚，那我們再找一張合適的天鵝圖片來繪制，我們只需勾出頭部和頸部的一部分即可。

下面，把這只該死的鴨子替換成我們畫好的天鵝，并適當優化一下細節，天鵝尾巴的卷曲處放大，來交代的更清楚些，底座適當加粗并調整大小以及豎琴的筆畫加粗，來達到平衡整體重量作用。

現在看起來天鵝的脖子處還是不夠舒服，正負空間的勻稱性也還有優化的空間，繼續調整細節，注意觀察下圖中天鵝頭部的變化以及頭部和頸部之間夾角的變化， 最終的目的就是使天鵝的姿態更加柔美，以及角度舒適，同時中間豎琴的粗細也有細微的調整，但感覺重量還是略輕，所以添加星星裝飾來減弱這個情況。

最后矢量出草圖即可，在ps中畫草圖的優勢就是可以畫到很細致，局部的調整可以通過套索選擇局部然后變形，畫筆更是可以快速的畫出效果，AI中則很難。

再多說一嘴，大家不要像我一樣自我膨脹，覺得簡單就不去找圖片，很多時候的以為都只是你以為而已…特別是像我這種不會畫畫的手殘黨，步驟一定不能少。更扎心的是，在最后的最后，我已經做完這個LOGO的時候，無意間我又發現了一張圖…

我發誓我做完之前沒看過這張圖…世間就是如此奇妙，早知如此，何必試來試去，所以說多看多找參考的重要性，往往能讓你少去很多麻煩。

小結Tips：元素主體:局部特寫

處理手法：元素置換，對稱

重點：圖片的分析，造型的耐心嘗試

整體的空間及重量的平衡，曲線對調性的影響

案例回顧

最后我又整理了一些類似的案例，希望能對大家有所啟發。

如果有幫助，請點「贊+在看」

//////感謝閱讀 //////

—

該提升自己了

100本豆瓣高分設計書籍！

▼