像這樣的夢幻色彩的 LOGO 是怎么做出來的？其實非常非常簡單，它的制作方法，沒有任何感情全靠 AI 技能。能夠熟練掌握 AI 工具對我們做 LOGO 的效率也會有大步的提升。今天我們就來分析一下如何借助 AI 的工具技能來設計 LOGO。
我們都知道 PS 的圖層混合模式有使當前圖層圖像的色彩與下層圖像的色彩進行混合的效果。很多同學不知道其實 AI 也有這個功能。在(窗口——透明度)里面就可以找到。
那現在我們就來分析一下這個 LOGO 是如何使用漸變的混合模式完成的。
首先仔細觀察這個 LOGO 由哪些元素組成。是由幾個小房子形狀的幾何圖形，以不同透明度的漸變色彩疊壓組成。其中的重點是色塊疊壓處的色彩是混合而成。
圖形來源于網絡，版權歸原作者所有，本文借用分析AI技法
第一步：先繪制出一個小房子形狀，使用傾斜工具做出透視效果。
第二步：打開效果——扭曲和變換——變換，調整數值。
到這里圖形就繪制完了，可以開始上色了。
第三步：先把圖形取消編組，給圖形填充漸變色后調整透明度為 50%。將混合模式調整為正片疊底。（下圖展示的導出的漸變色圖片失真了，實際上是很絲滑的顏色）
第四步：因為紅色與藍色疊加的關系，導致圖形的中間有些暗，我們可以給圖形添加一個高光。繪制一個圓形執行高斯模糊，將混合模式改為濾色，調整透明度讓高光更通透。
最后，再加上排版就完成啦。
看到這里是不是就明白了夢幻色彩是怎么做出來的了。其實就是不同顏色的漸變色塊的混合疊加。再按照物體的身體結構疊加上高光和陰影就可以了。是不是很簡單。
第一步：將圖形分成塊面。注意需要按照動物的生長結構去劃分 ，塊面的大小不要相差太大，不然會形成特別空的面。
第二步：將每個塊面填充漸變色，漸變色需要設置為混合模式。具體使用哪種混合模式需要按照混合模式的規律進行調整。塊面與塊面相交處還需要注意銜接自然，可以通過調整漸變的角度和透明度的方式進行過渡。
第三步：給色塊添加多彩漸變形成亮面和高光。如果一層不夠就多添加幾層，一直到色彩多變又整體協調。
第四步：給色塊添加陰影和暗面，讓圖形的色彩更通透。注意色彩混合模式需要調整，具體選擇哪個模式由底色和新色塊疊加后的效果決定?？梢远鄠€嘗試模式對比，最終選擇一個更合適的模式。
最后，把比較空的面填充一些細節，既填補了的空間又有一種動物毛發的感覺。再畫出眼睛就完成啦。
說起來不難，做的時候還是有點麻煩的，幾乎每個色塊都疊加了五六層漸變。最后看一下漸變疊加的動圖，可能會更直觀一些。
有時候做完圖形卻覺得缺少細節，這時候可以通過漸變效果塑造出 LOGO 的層次感。通過漸變色彩明暗的變化和角度的調整，可以將圖形刻畫出立體感，也可以通過多層漸變疊加的方式，刻畫出圖形的高光和陰影。
圖形來源于網絡，版權歸原作者所有，本文借用分析 AI 技法
接下來我們來解析一下這個 LOGO 是怎么做出來的?？瓷先ナ且话行囊粯?，但是其實非常簡單，只需要將其中四分之一做出來旋轉復制一圈就可以了。
首先繪制出四個圓形和十字交叉線，這樣就切出兩個圓形的基本形。但是觀察圖形是有尖角的。所以再延著豎線繪制出幾個圓形，特別需要注意的是線與線之間必須相切，這樣就可以切出尖角了。
最后再旋轉復制一圈就可以了。
接下來我們再看一下這個案例，相對于上面那個會更復雜一點，除了普通漸變還使用漸變刻畫出高光和陰影效果。
最后將背景改為黑色效果更突出，再加上排版就完成了。
圖形來源于網絡，版權歸原作者所有，本文借用分析 AI 技法
首先繪制一個三角形，拉出圓角。再畫一個圓形與三角形居中對齊。
打開（窗口—效果—變形—下孤形）這樣就得到了一個有弧度的邊。然后擴展圖形我們將上面半截裁掉，只保留下面的圖形。
以中間的圓形為軸心，將得到的圖形旋轉 120 度復制一圈。調整位置后合并圖形，這樣就得到了一個帶有弧度的三角形。
在得到的三角形上繪制一條曲線，分割出一個圖形，將得到的圖形旋轉 120 度復制三份。再使用形狀生成器進行剪切合并。這樣基礎圖形就完成了。
![[優化輸出圖像]](https://imgs.xueui.cn/wp-content/uploads/2022/04/ezgif-2-7f6141d57d.gif)
接下來為三個圖形分別填充不同的漸變色。再繪制出陰影和高光增加層次感。
繪制陰影，將陰影填充黑色，調整透明度為 50%。繪制好一個之后旋轉復制 2 份就可以了。
![[優化輸出圖像]](https://imgs.xueui.cn/wp-content/uploads/2022/04/ezgif-2-4f94649f57.gif)
高光填充白色到透明的漸變，混合模式調整為疊加。同樣也只需繪制一份，之后復制即可。
![[優化輸出圖像]](https://imgs.xueui.cn/wp-content/uploads/2022/04/ezgif-2-e5660c24bb.gif)
這樣就完成了，普通的圖形加上漸變色后變得更有層次感了。
AI2022 對 3D 功能進行了升級，可以輕松地將 3D 效果（例如旋轉、繞轉、凸出、光照和陰影）應用到矢量圖稿 ，接下來我們就來解析如何使用 3D 效果設計出更有立體感的 LOGO。
圖形來源于網絡，版權歸原作者所有，本文借用分析 AI 技法
這個圖形雖然是噴泉的形態，但是撥開多余的線條我們可以清楚的看出基礎形其實是一個甜甜圈。甜甜圈的橫切面是一個圓形，由此可以得出第一步需要先畫一個圓形。再使用 3D 繞轉功能即可得到甜甜圈了。
執行 3D 繞轉后調整數值 ，注意調整位移的數值來調整厚度。當然位移的數值由基礎圖形的大小決定。
之后需要繪制出一排黑白相間的線條，并新建為符號。PS：把所有線條選中，直接拖入符號面板就可以新建符號了。新建為符號后就可以作為貼圖使用了。
繼續打開 3D 繞轉的面板，點擊貼圖按鈕，在符號處選擇剛才新建的符號，為每一個面貼圖，選完貼圖以后需要勾選（縮放以合適）和（三維模型不可見），這樣線條才能完全覆蓋圓環。
這樣 3D 繞轉加貼圖形就完了，然后再將圖形擴展。擴展后就可以隨意調整線條了。將線條延長并且調整長度，做出參差不齊的效果模仿水流的狀態，然后將延長的圖形拉出圓角就可以了。
最后調整一下細節，再給圖形加上排版就完成了
上一個案例使用了 3D 繞轉功能，接下來這個案例就使用了 3D（經典）里面的另一個功能，3D——凸出和斜角。
圖形來源于網絡，版權歸原作者所有，本文借用分析AI技法
首先打出字母，當然做這種類型的 LOGO 時候對字母的選擇有一定的限制 。需要選擇兩個字母可以連接不突兀的才行。比如這兩個 E 就可以完全的鏈接在一起。打好字母后將 E 字母適當變形，再復制一組線條，作為中間的連接線。將三組圖形分別新建為符號(前面講解過怎么新建符號，這里就不重復了)。
接下來繪制路徑，作為橫切面。然后打開效果——3D（經典）——凸出和斜角。打開預覽，調整數值和角度。
再打開貼圖，選擇剛才新建的符號，把圖形的每個面貼上對應的符號?？梢韵冗x擇縮放以適合，再根據實際預覽效果進行調整至最佳效果。
最后將得到的圖形進行擴展，取消編組后，為圖形填充不同顏色增強圖形的立體感。
兩個案例看下來，是不是已經掌握了 3D 工具的使用方法了。那么接下來我們舉一反三，使用 3D 功能來做一個立體感的 LOGO。
第一步：肯定是先繪制出橫切面，用線條繪制出字母 B 的輪廓，注意線條不需要閉合。
第二步繪制黑白相間的條紋線條，拖入符號面板新建為符號備用。
第三步選中 B 字母的橫切面，打開效果——3D（經典）——凸出和斜角。調整凸出厚度的數值還增加圖形的立體厚度。調整角度讓圖形的視角更舒適。
打開貼圖選擇剛才新建的條紋符號。在表面那里選擇不同的面，都貼上條紋，選擇縮放以適合。
最后再在相交處繪制陰影增強立體感。這樣就完成啦，新技能 get~
第一次見這樣的立體感 LOGO，還以為是 3D 軟件做出來的。后來發現 AI 一樣也可以完成。只需要用簡單的網格就可以繪制出立體的效果。
圖形來源于網絡，版權歸原作者所有，本文借用分析 AI 技法
第一步繪制出菱形網格。網格的繪制方法也非常簡單，可以用線條建立，先畫出一排豎線，然后旋轉 120 度并復制，再重復復制就可以了。也可以使用等邊三角形連續復制進行搭建。
第二步使用形狀生成器延著網格的方向合并圖形，形成立體感的造型。兩個格子組成一個正方形，再用一個一個的正方形組成想要的幾何圖形。
第三步將生成的圖形提取出來。
第四步為圖形上色。上色的時候需要設定一個光源，根據光打過來的方向，設定每個面的顏色。通過每個方向的塊面的深淺變化，強化圖形的立體感。
最后再加上排版就完成了，是不是超級簡單。
那么舉一反三，我們也來嘗試用 2.5D 網格繪制做一個 LOGO，第一步還是按照上面的方法繪制出 2.5D 網格
第二步延著網格的角度繪制出長方形，并拉出圓角。因為將字母幾何化后，字母的形態是有兩條豎邊的，所以繪制出四個長方形為一組，方便后面合并修剪出字母結構。
第三步，按照字母的結構，先繪制出分割線條，注意線條與線條之間需要相切。因為之后需要使用形狀生成器工具進行修剪。
第四步，使用形狀生成器工具合并和剪切出字母的結構出來。
第五步，將生成的字母，復制一份進行翻轉。然后調整色彩，將字母做出立體感。
是不是很簡單。除了這個 LOGO，還有很多種類型的 LOGO，都可以借助這樣的菱形網格來完成?？烊L試吧！
AI2022 新增了一個重復功能。尤其是徑向重復，簡直太好用了。學會這個功能分分鐘做出一個 LOGO。接下來我們就嘗試使用重復工具做出下面這個 LOGO。
圖形來源于網絡，版權歸原作者所有，本文借用分析 AI 技法
先繪制一個圓形一半，將描邊模式改為尖角。復制出四個。
打開對象——重復——徑向。
拖動按鈕即可調整數量和距離。左邊的按鈕可以調整重復數量，中間的圓形按鈕可以調整元素的距離，中間的另一個按鈕可以調整重復的范圍。另外雙擊進入隔離模式可以調整單元素的方向和形態，其它的元素也會隨著單元素的變化產生實時變化。
得到想要的圖形后，將其擴展，使用形狀生成器進行修剪。最后再給圖形填充顏色就完成了。
![[優化輸出圖像]](https://imgs.xueui.cn/wp-content/uploads/2022/04/ezgif-2-122bf3c2ff.gif)
最后配色再加上簡單的排版就可以了！
重復工具真的太好用了，尤其在做重復構成 LOGO 時會提供很大的便利。下面我們就嘗試用這種方法來設計一個 LOGO。單元元素圖形直接使用英文字母 O。
首先打出一個字母 O，我們將其進行簡單變形。
打開對象——重復——徑向，調整數量和單元素的角度，調整的過程中會得到很多意料之外的好看的重復圖形。
最后再調整細節加上排版就是一個完整的 LOGO 了！
是不是有很多同學好奇像這樣復雜又有規律的線條圖形是怎么做出來的，其實也是非常簡單。接下來我們就來分析一下如何簡單快速地做出復雜的線條漸變圖形。
圖形來源于網絡，版權歸原作者所有，本文借用分析 AI 技法
我們先看這個簡單一點的線條漸變圖形應該如何做。首先還是先分析解構圖形，將它旋轉 45 度后，將線條折分開，是由細、中、粗三種粗細不同的線條組合而成一個圓形。
那么我們就先畫出三種粗細不等的線條。
再畫出三個部分的外輪廓。
將三個部分分別與剛才繪制的條紋進行剪切。使用形狀生成器，按住 alt 健減掉不需要的部分即可。
將得到的三個圖形拼合在一起后，合并所有圖形，再在相交處拉出圓角，增加細節同時也讓圖形之間更有整體感。
最后將圖形傾斜 45 度讓圖形更有張力，再加上排版就完成了。
看完這個案例，是不是對線條在 LOGO 圖形中的應用有了一定的認識，我們再來學習下面這種更復雜一些的應該如何做。
圖形來源于網絡，版權歸原作者所有，本文借用分析 AI 技法
首先將圖形進拆解，可以看出這個圖形看似復雜，其實是由兩個線條組成的圓形重復構成。重復構成的圖形我們只需要做出單元元素即可，那我們就先把單元元素提取出來。
從提取的單元元素可以看出圖形是由粗到細變化的線條組成的。從線條變化的角度是左右對稱的。所以我們先繪制出對稱變化的線條。
繪制兩個長條方形，將下面一根的一端轉為尖角。使用混合工具混合出 6 條漸變的線條。再將圖形整體復制一份進行垂直翻轉。
繪制一個圓形與剛才得到的圖形進行剪切。使用形狀生成器工具，按住 alt 鍵將不需要的部分修剪掉即可。
將線條的右側全部改為尖角，選中兩個點——右擊——平均——兩者兼有，就可以轉成尖角了。
繪制一個小圓形，居中對齊。將圖形與小圓形進行切割，將切割出的線條水平翻轉。
最后將得到的圖形旋轉 90 度，向下復制一份就完成了。
AI 的混合工具可以將兩個形狀或者顏色創建平滑的過渡，步數越多過渡也就過平滑?？旖萁∈?ctrl+alt+b。
首先我們來分解一下這個 LOGO 的圖形，先拋開色彩，只看圖形。
我們可以看出這個圖形的基礎圖形其實由兩個三角形的混合而成。還需要注意的是，三角形的頂點需要設置為圓角。
接下來我們將兩個三角繪制出來，注意線條的粗細并且選擇圓角的形式。
將兩個圖形進行混合，注意按順時針方向進行混合，圖形會更飽滿些。
是不是特別簡單，那么快去舉一反三，別光讓眼睛學會了，也照顧照顧“手”，讓它也學學。
最后看一下今天的案例匯總！
好了，今天教程就到這里啦，我們下期見！
原文地址：胡曉波工作室（公眾號）
作者：yoyo
轉載請注明：學UI網》8個AI技能給你的LOGO加BUFF
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
![[優化輸出圖像]](https://imgs.xueui.cn/wp-content/uploads/2022/04/ezgif-3-660415eece.gif)
