1. 多層次線條漸變 LOGO（形狀分割）
2. 條紋隱形立體 LOGO（封套扭曲）
3. 條紋穿插 LOGO（新建畫筆工具）
4. 角度漸變穿插 LOGO（描邊角度漸變）
5. 半透明光影 LOGO（混合工具）
6. 時鐘大小漸變 LOGO（替換混合軸）
7. 不規(guī)則球形 LOGO（3D 貼圖）
8. 原研哉的LOGO（混合工具）
如果有跟我一樣不愛看文字的寶貝，可以劃到底部直接去看結(jié)尾處的視頻版本哦。話不多說，跟著我來細細分解一番。
PS：本文所有案例均來源于網(wǎng)絡(luò)，只用作分析技法。
首先我們來分析一下這個 LOGO，整體是由一些線條組成。長短不一的線條，通過漸變的明暗處理形成了字母 D 的輪廓。如果是使用常規(guī)的方法，一條一條地畫完線條，調(diào)整長短再組合在一起，那還不得加班到凌晨？學(xué)了這個方法讓你再也不用加班，來！
首先我們將繪制出 12 根線條，然后給圖形填充由黑到白的漸變色。
繪制出兩個長方形并左對齊，然后將右邊的直角轉(zhuǎn)為大圓角，拉到底的那種。這樣就形成了字母 D 的輪廓。接下來就是將兩組圖形組合到一起了。
為了方便觀察，我們將字母 D 的輪廓暫時改為紅色。因為漸變色是由上至下的，縱向切割線條不會有明暗方面的變化，我們只需要橫向切割，所以將 D 的左側(cè)豎向的線條刪除即可。
打開窗口—路徑查找器，找到左下角分割的按鈕。
全選中左側(cè)的圖形，點擊切割按鈕，就得到了左邊的圖形。
為了方便觀察，我們可以先將左邊圖形全部改為填色模式，然后將多余的面刪除。再調(diào)整每組線條的漸變色條，就形成了這種層次關(guān)系。
基礎(chǔ)層次和效果出來了，接下來還有很重要的一步，需要再調(diào)整億點點細節(jié)?，F(xiàn)在上去分層太多有些碎了，而且缺少 D 字線左邊的豎線，所以可以將一些線條合并，剛好可以形成字母 D 的左邊的豎。右邊有兩根線條過長，所以從間切開增加層次。再調(diào)整一下漸變的位置，讓整體更協(xié)調(diào)。
最后，再加上簡單的排版就完成啦！
首先還是分析一下這個 LOGO，是由一些條紋經(jīng)過錯位形成了立體的字母 K，仿佛隱藏在條紋下面。這樣的立體效果又該怎么做呢？其實非常簡單，來！
首先繪制出由七個長方形組成的條紋，注意條紋的寬度要和間距相等。
接下來就要使用要封套工具了，封套扭曲之前我們先來分析一下需要多少行數(shù)和列數(shù)。按照節(jié)點去劃分，最終形成 13 行和 9 列。
打開對象-封套扭曲-用網(wǎng)格建立，填寫 13 行 9 列，得到右邊的圖形。
先打出一個 K 字母作為墊底，根據(jù) K 的結(jié)構(gòu)調(diào)整網(wǎng)格。先選中節(jié)點向上移動，然后將兩側(cè)的節(jié)點向中間靠攏，形成突出的效果。
調(diào)整中間兩條條紋的寬度與字母 K 的中間部分對齊。
左邊的是一條垂直的筆畫所以只需要全選節(jié)點向上移動就可以了，但是右邊是兩個交叉的筆畫，所以處理起來會有點麻煩。同樣也是先將筆畫中部分的節(jié)點選中向上移動（如上圖左），然后再根據(jù) K 的結(jié)構(gòu)調(diào)整節(jié)點的位置。這可是個耐心活兒，需要一個個節(jié)點去調(diào)整。不過好在節(jié)點不多，整得也挺快。
最后，給圖形填充色彩加上排版就完成了。
乍一看，這麻花扭得不錯。類似的圖形還有咱們中國結(jié)，但是中國結(jié)是單線形式，繪制相對比較簡單。這個是用條紋扭的，看上去更復(fù)雜一些。沒關(guān)系，其實也很簡單，來！
首先我們需要新建一個畫筆圖案，繪制出兩組條紋，分別填充紅色和藍色。
打開窗口—畫筆面板，將兩組條紋分別拖進畫筆面板，選擇圖案畫筆，點擊確定后，繼續(xù)確定就完成了新建畫筆。
接下來我們把輪廓畫出來。先繪制一個正方形，然后將三個直角改成圓角，是的還是拉到底的那種。
將圖形整體壓扁一點，并將端點繼續(xù)向外延伸，注意曲線要做到平滑。
選擇曲線，點擊畫筆面板中剛才新建的畫筆，瞬間就可以得到右邊的圖形。
將曲線復(fù)制一份，點擊另一個新建的畫筆。把其中一個鏡像翻轉(zhuǎn)后，將兩個圖形疊壓在一起。
接下來做出穿插關(guān)系就可以了。我們先來分析應(yīng)該如何疊壓。如上圖所指的三個相交處應(yīng)該把藍色調(diào)整到上面。
最后，再調(diào)整下細節(jié)，加上排版就完成啦！
這個 LOGO 的特點在于漸變的類型和擴散的角度是圓形的，AI 里面的漸變卻沒有這種類型。但是我們仔細觀察它是有一個很清晰的切割的邊的，這樣就可以通過描邊漸變的形式去完成了。來！
我們先將圖形進行拆解，可以分成三個不完整的圓去組成。那么我們只需要做出其中一個圓形，重復(fù)旋轉(zhuǎn) 120 度就可以得到完整的圖形了。
我們先來繪制一個圓形，選擇描邊模式。接著將圓形的描邊加粗，加粗至完全覆蓋整個圓形的面積（如上圖右）。
然后給圖形填充漸變色，漸變的模式選擇—沿描邊應(yīng)用漸變。
繪制一條直線，旋轉(zhuǎn) 120 度，然后將它與圓形居中對齊。直線作為參考線使用。
使用剪刀工具，將直線與圓形相交的點斷開，并刪除一部分節(jié)點，得到上圖中間的圖形。然后再將右邊的點延伸，就得到了右邊的圖形。接下來只需要將這個圖形進行旋轉(zhuǎn)復(fù)制就可以了。
將得到的圖形旋轉(zhuǎn) 120 度，并重復(fù)復(fù)制。注意軸心的位置，在圖形的下面并且與圖形垂直居中。
最后再加上排版就完成啦！
光影效果的 LOGO，通常是使用漸變工具來完成。今天我們來使用混合工具嘗試一下。來！
首先繪制出 40 的輪廓。先大致畫出 4 和 0 的形狀，再進行修剪，將 0 的上面和下面的線條斷開。4 的每一條線段也需要斷開。
復(fù)制一份并縮小，放置在右邊，將 4 和 0 的距離分開一些。為了方便觀察混合后的狀態(tài)，先把透明度調(diào)整至 20%。
將大 40 圖形與小 40 圖形的每一條對應(yīng)的線段進行混合?；旌喜綌?shù)設(shè)置為 500。
接下來，我們再來調(diào)整下透明度和細節(jié)。為了方便觀察，我們先將兩個圖形分開，先把后面的小 40 的透明度調(diào)至 0%，顏色改為白色。色塊疊壓較重的地方，也需要調(diào)整透明度，讓整體更通透。也可以將大 40 的線條顏色改為黑白漸變色，這樣光影的效果會更強。
最后再將兩個圖形合并到一起，加上排版就完成了！
旋轉(zhuǎn)復(fù)制的工具，大家應(yīng)該都會用了，但是像這樣的旋轉(zhuǎn)復(fù)制的同時，圖形的寬度也有規(guī)律的跟隨著旋轉(zhuǎn)變化，應(yīng)該又怎樣做呢？
首先我們依然是先將圖形拆分一下，可以把它看成是由一組等粗的直線旋轉(zhuǎn)環(huán)繞加一組像是樹葉般有寬度的線條隨著旋轉(zhuǎn)而變化的圖形組合而成。這里我們給這兩個圖形起個名字，一個是“直線形”一個是“葉子形”。
我們先將簡單的“直線形”圖形做出來，先繪制一組橫豎交叉線條并建立為參考線，然后沿著參考線繪制一條垂直的直線。
以參考線的中心為軸心，設(shè)置旋轉(zhuǎn)角度為 15 度，進行旋轉(zhuǎn)復(fù)制。之后重復(fù)復(fù)制（快捷鍵 CTRL+D），直至旋轉(zhuǎn)一周。這樣就完成了“直線形”圖形。
接下來，我們來做“葉子形”圖形。先繪制出一大一小兩條直線，再將直線從等寬改為有寬度變化的模式。
使用混合工具，將兩個線條進行混合，指定步數(shù)為 22。取向要選擇右邊的那個弧形的。這樣就得到了 24 個規(guī)律變化的葉子狀的圖形。
一排葉子做出來了，怎樣把它們變成環(huán)繞形的呢，這就要用到替換混合軸了。首先繪制一個圓形，再把上面切掉一塊。
同時選中加圓形和葉子們，打開對象-混合-替換混合軸。就得到了上圖右邊的圖形，已經(jīng)可以看出“葉子形”的樣子了，接下來還需要做一些細節(jié)的調(diào)整。
先將兩圖形的軸心與參考線居中對齊。再將葉子圖形調(diào)整到與直線垂直，只需要調(diào)整兩端的圖形，中間混合的圖形會自動跟著變換。
現(xiàn)在“葉子形”已經(jīng)基本完成了，但是我們發(fā)現(xiàn)，使用混合工具后的圖形是中心對齊的，而不是底部對齊，所以接下來，我們需要手動將葉子調(diào)至底部對齊。
先將圖形擴展，然后調(diào)每個葉子移動到與線條的底端對齊即可。
最后再加上排版就完啦！
常規(guī)的球形 LOGO，之前的教程已經(jīng)演示過了。那像這樣的不規(guī)則的球形 LOGO 又該怎么做呢？來！
首先還是來分析下，這個的構(gòu)成。上面和下面有兩條直線，中間是有很類似 H 字母的形狀，后面也是直線。
按照上面分析得到的結(jié)果，我們繪制出相應(yīng)的圖形。使用長方形，拼出不規(guī)則的圖形。最后再將右邊的直角改為圓角。
打開窗口-符號。將繪制好的圖形，直接拖進符號面板，默認選項直接點確定就可以了。
繪制一個圓形，并刪除一半。
選擇一半的圓形，選擇效果-3D 和材質(zhì)-3D（經(jīng)典）-繞轉(zhuǎn)，就可以看到上圖的對話框了，默認選項，點擊貼圖按鈕。
打開貼圖的對話框，可以看到左上角有一個符號選項，選擇剛才新建的符號，勾選右下角三維模型不可見。接下來就調(diào)整中間圖形的位置，開啟預(yù)覽后可以邊調(diào)整邊看到圖形覆蓋在球形的變化。調(diào)整至合適位置后點擊確定就可以了。
將得到的圖形進行拆分，解組和釋放復(fù)合路徑后，就可以得到右邊的兩個圖形，接下為他們填充顏色。
正面的圖形填充藍綠漸變色，背面的圖形填充較深的藍色。
最后將兩個圖形再組合到一起，加上排版就完成啦。
原研哉為知美術(shù)館設(shè)計的 LOGO，由美術(shù)館的外觀瓦片提取而來，形成富有變化的水波樣。同時，色塊規(guī)律性的大小變化也組成了字母 Z 的形狀。我們來解析一下大師的 LOGO 是怎么做的？來！
首先我們來分析一下方塊的變化規(guī)律。左邊是由上至下逐漸變大，右邊是由上至下逐漸變小。中間是從中間向兩側(cè)逐漸變小，但是中心不在一條垂直線上。
那第一步畫出一大一小兩個方塊，然后使用混合工具，步數(shù)設(shè)置為 9。這樣我們就得到了由大到小規(guī)律變化的一組方塊。
那么怎樣得到由小到大再到小變化。很簡單，將剛才得到的一組方塊，鏡像復(fù)制一份，就可以了。
得到一組圖形之后，再將它們向斜上方，連續(xù)復(fù)制就可以了。注意要將方塊錯開，行距也要相等。
最后再將多余的方塊，刪除掉即可。
排版再加上大師的字，瞬間就高級了起來！你學(xué)會了嗎？
有很多 AI 里面的工具，也許你認識它，它也認識你，但是你不知道它竟然可以干這種大事。來跟我們一起探索巧用 AI 工具做 LOGO 的更多更簡單的可能性。
今天的教程就到這里了，下方視頻教程更方便哦，任何人看完不跟著做的話我都會傷心的 ooooooooooooooooooK?
文末，點擊原文地址，可直接觀看視頻教程 或 文字版本，隨你選擇；
原文地址：胡曉波工作室（公眾號）
作者：yoyo
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》LOGO 設(shè)計技法（第三彈）
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司