拿捏8種LOGO設(shè)計(jì)技法！
作者：147小編 更新時(shí)間：2024-09-17 點(diǎn)擊數(shù)：
編輯 | 圈圈授權(quán) | 胡曉波工作室（ID:ziyou-design）上半年結(jié)束啦，又到了強(qiáng)迫自己學(xué)習(xí)的時(shí)間了
沒辦法，現(xiàn)在整個(gè)經(jīng)濟(jì)這么不景氣，再不好好努力，碗都買不起了…況且作為一個(gè)設(shè)計(jì)師，你不學(xué)習(xí)不加班你還能干啥，難道你還能有朋友？TAT 好了，咱們不 emo，咱們學(xué)起來…這篇教程整理了八個(gè)比較常用的 LOGO 在設(shè)計(jì)中的表現(xiàn)手法以及相應(yīng)的所用到的 AI 工具，它們分別是：1. 字母混合發(fā)散 LOGO（混合工具）2. 球形環(huán)繞式 LOGO（3D繞轉(zhuǎn)）3. 復(fù)雜紋路 LOGO（形狀生成器工具）4. 扭曲抽象 LOGO（封套扭曲建立）5. 重復(fù)變換式 LOGO（扭曲和變換）6. 立體漸變 LOGO（繪制立體圖形常用手法）7. 彩色半調(diào) LOGO（彩色半調(diào)的用法）8. 用黃金比例圓設(shè)計(jì) LOGO（黃金比例圓制作應(yīng)用）由于是講技法的東西，所以真誠建議看完之后要至少對照著做一遍，因?yàn)椴蛔黾s等于白看！避免在評論區(qū)看到眼睛會了手不會等負(fù)面信息
，好了，下面我們就開始吧！ps：對圖文不太感興趣的朋友可以去第三條觀看視頻版本，總之，圈圈不允許任何人有任何理由不學(xué)習(xí)！！
我們先來分析一下這個(gè) LOGO：1. 基本形狀為字母 D；2. 一大一小、一長一短均勻的進(jìn)行向外發(fā)散漸變。如果我們把一大一小、一長一短分別單拿出來，都是比較方便做出來的，先做出兩個(gè)不一樣的線然后繞著 D 的外輪廓混合就好，但是同時(shí)滿足這兩個(gè)條件的話，就需要采取其他的辦法，ok，下面我們來看一下演示步驟。第一步，我們先把字母 D 的外輪廓畫出來，直接用一個(gè)方形右邊拉圓角即可！
然后我們選擇【對象】??【路徑】??【偏移路徑】，數(shù)值改為負(fù)數(shù)，向內(nèi)縮小復(fù)制一個(gè)。
將里面的 D 左邊斷開，并連接到外面的 D 里面。
用上面同樣的方法再次向內(nèi)整一個(gè)小 D。畫好后我們就可以直接刪掉它了…不是，刪一半就行，因?yàn)閳D形是上下對稱的，我們先畫一半直接鏡像！可以事半功倍，能偷懶就偷懶。
畫完這三條線有啥用呢？不急，我們先從最外面的入手，先在左右兩個(gè)端點(diǎn)出分別畫一大一小的圓。
然后對這兩個(gè)圓進(jìn)行混合，用【混合工具】分別點(diǎn)擊兩個(gè)圓，指定步數(shù)改為 9，然后再【替換混合軸】，就可以讓圓沿著我們畫好的路徑進(jìn)行大小重復(fù)排列。
然后我們在最小的線的兩頭端點(diǎn)處分別畫一個(gè)很小很小的圓，再次執(zhí)行前面同樣的操作，混合 9 步，替換混合軸。
然后我們分別讓上面的大圓對下面的小圓進(jìn)行混合，步數(shù)給的大一些，這樣就會出現(xiàn)發(fā)散效果的圖形啦。（別忘了先擴(kuò)展和取消編組）
那一大一小的發(fā)散該怎么實(shí)現(xiàn)呢？這就用到了我們第二根線了，我們分別把單數(shù)混合上面的圓向下移動到第二根線上，然后調(diào)整一下間距，就搞定了！
畫好一半了，直接鏡像復(fù)制一下，整體就出來了，然后我們給每一根線添加上漸變色。
最后加上排版就搞定了，這個(gè) logo 的難點(diǎn)在于他是一大一小的進(jìn)行發(fā)散，所以直接用單個(gè)線來混合達(dá)不到這個(gè)效果，所以我們就采取單一作戰(zhàn)模式，用同樣的方法，選擇不同的混合對象，會實(shí)現(xiàn)不同的效果。
紅點(diǎn)獎(jiǎng)作為世界三大設(shè)計(jì)獎(jiǎng)之一，一直以來都是設(shè)計(jì)師們夢寐以求想要獲得的獎(jiǎng)項(xiàng)，它的 logo 大家應(yīng)該都很熟悉，但這種球形環(huán)繞式 LOGO 很多同學(xué)都不知道應(yīng)該怎么實(shí)現(xiàn)，ok，下面我們就來設(shè)計(jì)一個(gè)紅點(diǎn)獎(jiǎng)?lì)C給日夜操勞卻依舊菜 b 的自己…
首先第一步我們先畫兩條相等長方形，其中第一個(gè)填充為紅色，第二個(gè)去掉填充色和描邊。
然后我們就向下復(fù)制多個(gè)，但也不用太多，給太多不好…
之后調(diào)出符號窗口，將這個(gè)圖形編組后整體移動到符號窗口里面，也可以取一個(gè)好聽的名字，雖然沒什么用。
放完后先不管它，我們額外畫一個(gè)圓形，注意用描邊模式，之后砍掉它的一半。
選擇【效果】??【3D】??【繞轉(zhuǎn)】 fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
先選擇【貼圖】，將符號部分改成我們剛才設(shè)置的圖形，然后點(diǎn)擊【縮放適用】及【三維模型不可見】，可以適當(dāng)拉高拉寬，之后確定回到繞轉(zhuǎn)頁面，拖動左邊的方塊更改它的繞轉(zhuǎn)方向，然后選擇下方【表面】改為無底紋。得到新的圖形之后，是漫長的取消編組和擴(kuò)展，多操作幾次，你就可以得到下面兩個(gè)部分。將他們居中對齊，然后給下面的圖形增加一個(gè)漸變，這樣效果就出來了！最后就是更改一下細(xì)節(jié)了，將上面和下面的部分可以單獨(dú)切一下，做出一個(gè)角度。ok，基本的方法就是這樣啦，雖然最終效果和紅點(diǎn)的原 logo 不太一樣，有點(diǎn)像破產(chǎn)版，但沒辦法，想得到真正的紅點(diǎn)獎(jiǎng)，還得靠你自己的努力！！！
我們在遇到相對比較復(fù)雜的圖形的時(shí)候，一般就會用到形狀生成器工具，它可以通過合并或刪減簡單形狀創(chuàng)建出復(fù)雜的形狀，掌握了這個(gè)工具，可以說你的 logo 就多了無數(shù)種可能性。下面我們通過一個(gè)看起來比較復(fù)雜案例來演示一下如何使用它！
越是看似復(fù)雜的東西，往往越具備一定的規(guī)律性，我們看一下這個(gè)圖形，可以發(fā)現(xiàn)它是由一個(gè)部件通過旋轉(zhuǎn)復(fù)制得到的，如下圖：所以我們只需要把這紅色部分先繪制出來，就很容易畫出來了！我們看一下操作步驟。第一步先畫出他的網(wǎng)格，先畫出橫線部分，再傾斜 60 得到右斜線，然后將有斜線鏡像復(fù)制出左，最后三組居中對齊。接著我們畫出它的圓形框架，注意與線段的對齊關(guān)系。ok，這樣就把所有的網(wǎng)格線全部繪制好啦！這個(gè)時(shí)候就可以回到開始的時(shí)候講的，我們只繪制那六分之一的圖形即可。選擇【形狀生成器工具】按住 alt，將多余的線刪除（記得提前復(fù)制一份圓備用）。得到這個(gè)圖形后，我們將它描邊加粗一些，然后擴(kuò)展，之后繞大圓圓心旋轉(zhuǎn) 60 度復(fù)制一圈（為了方便切割，我們把線往外延伸一些）。這時(shí)候我們再次請出形狀生成器工具，一是將大圓外圈的部分刪掉，二是將內(nèi)部閉合的地方填充上。最后我們再在中間連接一個(gè)矩形色塊，就做好啦！為了充分體現(xiàn)形狀生成工具的強(qiáng)大功能，特意選了這么個(gè)復(fù)雜的 logo，真是累瞎了我的狗眼… 總之總之，形狀生成器工具的作用有很多，可以提取閉合圖形，可以刪除多余圖形，線或者面都可以進(jìn)行操作！
我們無論是在做 logo 還是做輔助圖形的時(shí)候，這種異形扭曲空間圖形真的很常見，它們看似復(fù)雜，其實(shí)用一個(gè)工具就可以搞定，就是封套扭曲工具。
他一共有三種表現(xiàn)形式，第一個(gè)是用變形建立，也就是我們在效果中看到的旗形、波形、魚形等，常用于文字；第二種是用頂層對象建立，比如先畫一個(gè)蘋果，然后打上文字介紹，用這個(gè)建立就可以讓文字扭曲成蘋果的形狀；而第三種，用網(wǎng)格建立，是可控性非常強(qiáng)的扭曲變形，我們通過建立網(wǎng)格體系產(chǎn)生大量的錨點(diǎn)，拖動任意一個(gè)都可以產(chǎn)生不同的變化，下面我們就用這個(gè)方法來做一下這個(gè) logo。第一步，我們先畫一個(gè)長方形，向下均勻復(fù)制多個(gè)，形成多個(gè)等距的長條。（也可以用混合工具）。第二步，給圖形添加漸變色。第三步，我們選擇圖形，執(zhí)行【對象】?【封套扭曲】?【用網(wǎng)格建立】，行數(shù)和列數(shù)均設(shè)為 1。然后就是關(guān)鍵的一步了，我們用直接選擇工具（A）拖動調(diào)整網(wǎng)格的錨點(diǎn)和手柄，得到一個(gè)扭曲的圖形（如下圖 1234 各點(diǎn)的位置變換）。調(diào)整完之后將圖形擴(kuò)展，用形狀生成器工具將中間重合多余的地方刪掉（按住 alt 刪除）。ok，最后加上排版，一個(gè)通過扭曲得到的抽象鳥 logo 就做好了，這個(gè)方法基本的套路就是這樣了，主要在于錨點(diǎn)搖桿的調(diào)節(jié)和把控，另外，在設(shè)置網(wǎng)格半徑時(shí)，數(shù)值越大，可操作的空間及難度也就越大，大家可以多去試試看。
參加過我們“平面構(gòu)成”課的同學(xué)們應(yīng)該都知道，這類 logo 就是貴為九大構(gòu)成之一的重復(fù)構(gòu)成！因?yàn)樘赜械闹貜?fù)性和規(guī)則性，使它呈現(xiàn)出來的效果會很高級很實(shí)用。但是我看很多同學(xué)在做的時(shí)候都是單個(gè)的縮小放大擺放…這樣往往是很不標(biāo)準(zhǔn)的，下面給大家安利一個(gè)簡便高效的方法！
首先第一步我們還是先把基礎(chǔ)圖形畫出來，用鋼筆工具勾一個(gè)造型即可，注意線條要絲滑一些！然后就是重點(diǎn)部分了，我們選擇【效果】??【扭曲和變換】??【變換】依次調(diào)整一下的參數(shù)（參數(shù)不是固定的，要打開預(yù)覽根據(jù)自己的實(shí)際情況來設(shè)置）縮放：控制變換的大小對比移動：控制變換的路徑方向旋轉(zhuǎn)：控制變換的路徑角度副本：變化添加的圖形數(shù)量ok，調(diào)整完后就可以得到下面這個(gè)造型了！然后我們給它添加顏色啦，這里再來一個(gè)快速設(shè)置漸變色塊的方式，先做好最深色和最淺色，然后用混合工具很容易就做出來了。做好顏色后我們就一個(gè)一個(gè)的給它上色就可以了。最后加上底色和排版就搞定啦！變換這個(gè)方法真的非常好用，非常適合重復(fù)構(gòu)成的 logo，這里給大家留個(gè)小作業(yè)，可以用這個(gè)方法試著自己做一下華為的 logo。立體 logo 往往擁有比純扁平 logo 更加良好的視覺展示，在色彩上也更多運(yùn)用漸變色進(jìn)行搭配，使其更具吸引力。但是實(shí)現(xiàn)起來往往比扁平 logo 要困難的多。下面我們通過這個(gè)案例來演示一下繪制立體 logo 常用方法。先簡單分析一下：由三個(gè)立方體堆積搭配漸變色形成視覺錯(cuò)位感，ok，我們第一個(gè)思路就是先從單個(gè)立方體入手，下面我們就來繪制一下立方體。首先我們畫一個(gè)正方形，大小給到 80px（也可以是其他數(shù)值，但要記住這個(gè)數(shù)值）。點(diǎn)擊【效果】??【3D】??【凸出與斜角】，執(zhí)行三步操作：1. 將位置改為等角上方；2. 凸出厚度改為 80 的兩倍也就是 160；3. 表面材質(zhì)選擇無底紋。之后點(diǎn)擊確定。這樣一個(gè)基礎(chǔ)立方體就出現(xiàn)啦，為了方便后面的操作，我們可以換成描邊模式。然后通過這個(gè)立方體進(jìn)行旋轉(zhuǎn)，分別旋轉(zhuǎn) -30、-150，90 度得到三個(gè)不同傾斜角度的立方體。將他們組合在一起，然后用形狀生成工具繪制出錯(cuò)位感。再依次給每個(gè)面添加上漸變色，就完成啦！那除了這個(gè)方法還可以怎么做呢？假設(shè)我們已經(jīng)畫好了草圖，在草圖的基礎(chǔ)上繪制 3Dlogo 的時(shí)候，可以使用網(wǎng)格大法！
然后通過網(wǎng)格可以直接用【形狀生成工具】或【實(shí)時(shí)上色工具】將視覺錯(cuò)位之后的圖形繪制出來，省去了 3D 的步驟。之后就和第一種方法一樣添加漸變就完成了，這個(gè)方法比較適用于在已經(jīng)有草圖或想法的基礎(chǔ)上來繪制，會更精確更快捷，如果是想單純的繪制立體圖形，那還是更多的用第一種 3D 凸出與斜角的方式。
這是全球市場調(diào)研咨詢公司 PRS IN VIVO 推出全新品牌 LOGO，相信大家看到它應(yīng)該不會陌生，沒錯(cuò)，它就是運(yùn)用了彩色半調(diào)效果來進(jìn)行視覺設(shè)計(jì)。它會幫你生成一個(gè)波點(diǎn)圓形點(diǎn)陣，呈現(xiàn)出一種像素化感覺，同時(shí)也是波普藝術(shù)中重要的變現(xiàn)形式，下面我們就看一下如何做出彩色半調(diào)效果的 logo。
我們在進(jìn)行設(shè)計(jì)前，先新建一個(gè) cmyk 模式的畫板，分辨率也給的大一點(diǎn)。我們畫一個(gè)正圓，給它添加一個(gè)黑白漸變。將漸變模式改為徑向漸變，再點(diǎn)擊反向漸變，再將黑色部分改的稍微灰一點(diǎn)，得到一個(gè)新的漸變圓形。然后我們就用這個(gè)圖形進(jìn)行彩色半調(diào)。【效果】?【像素化】?【彩色半調(diào)】那么如何控制點(diǎn)陣中原點(diǎn)的排列疏密和數(shù)量呢？我們在進(jìn)行彩色半調(diào)的時(shí)候，會添加一個(gè)半徑參數(shù)，這里數(shù)值就決定了點(diǎn)陣的數(shù)量（也可以隨便輸入一個(gè)數(shù)值，然后放大縮小圓形進(jìn)行控制）而疏密程度，則是由一開始我們給予黑色的黑度所控制的，越黑越密，越淺越疏。
這樣一個(gè)矢量的彩色半調(diào)圓形點(diǎn)陣就做好了，之后添加一個(gè)粗一點(diǎn)描邊的圓框，將圓框與之前的圓重復(fù)部分用形狀生成工具提取出來，刪除多余的波點(diǎn)，再添加漸變和文字排版，就得到了這個(gè) logo 圖形。彩色半調(diào)不僅僅局限于圓形哦，其他任何形狀都可以用這個(gè)方法進(jìn)行點(diǎn)狀像素化，還不快去試試？
上面這些圖，雖然可能沒有見過，但大家一定都不會太陌生，是的，上面的圖形都是用黃金比例圓來完成的，只要是做過 logo 有一定時(shí)長的同學(xué)就一定會接觸。我也曾經(jīng)遇到過好多次客戶直接在設(shè)計(jì)需求中點(diǎn)出了要用黃金分割比例做設(shè)計(jì)圖形…至于它為什么好看，那不是我們今天所研究的，今天只負(fù)責(zé)教會你該怎么用！
工欲善其事，必先利其器。想要用黃金比例來繪制圖形，那首先你得把黃金分割比例的圓先做出來，這里介紹兩種比較方便快速的繪制方法：第一種是黃金比例分割，也就是通過繪制 0.618 倍數(shù)的多個(gè)圖形，如下圖。但是我們在實(shí)操中沒有必要用這么規(guī)整的來方形堆積來繪制，只需用一個(gè)工具就可輕松搞定！雙擊【比例縮放工具】，等比數(shù)值改為 61.8%，點(diǎn)擊復(fù)制。這樣就得到了 1：0.618 的兩個(gè)圓啦，我們只需按住 CTRL+D，重復(fù)復(fù)制多個(gè)，一個(gè)黃金比例圓就畫好了！第二種方法是利用斐波那契數(shù)列繪制。斐波那契數(shù)列指的是：1，1，2，3，5，8，13，21，34，55，89…這樣從第三項(xiàng)開始，每一項(xiàng)都等于前兩項(xiàng)之和。換算成設(shè)計(jì)語言的話就是這么個(gè)圖形：我們用這個(gè)結(jié)構(gòu)，把每一個(gè)正方形都換成圓形，組合起來就是一個(gè)黃金分割比例的圓形環(huán)。以上兩種方法哪一種都可以！靈活運(yùn)用！下面我們就用畫好的黃金比例圓來繪制 logo。首先，你得先畫一個(gè)草圖…紙上或者 PS 都可以，將它墊底。然后我們把黃金比例圓放進(jìn)來，注意不要隨意放大縮小，先整體編組，將最大的圓環(huán)對準(zhǔn)圖形最大的弧線部分，之后就可以將剩下的圓進(jìn)行一一對應(yīng)擺放了。（可無限重復(fù)使用，一些小細(xì)節(jié)可以適當(dāng)拉大拉小一點(diǎn)點(diǎn)）擺完之后我們用【形狀生成工具】或【實(shí)時(shí)上色工具】，將切割得到的大象繪制出來！黃金比例固然好，但是我們在設(shè)計(jì)的過程中不能過度的去依賴它，畢竟無論你用不用它，只要 logo 是好看的，那就有價(jià)值！PS：不過它確確實(shí)實(shí)能夠?yàn)槟愕奶岚讣臃帧芏嗫蛻舳汲赃@一套，噓…好勒，八個(gè)案例全部完事了，不知道大家吸收的怎么樣，其實(shí)雖然分了八個(gè)方向，但有很多技法都是互相通用的，而且AI中隱藏的小技法遠(yuǎn)遠(yuǎn)不止這些，相信跟著一起實(shí)操過來的你，一定可以豐富自己的武器庫，給自己的LOGO作品集，增添一大波可能性！好了，時(shí)候不早了，做 AI（Adobe illustrator）也做的有些累了，記得實(shí)操！本期文末福利送給大家一套字母元素的LOGO設(shè)計(jì)源文件素材：
）。
已有小編微信的，無需重復(fù)添加
提前加好友，朋友圈每日放送更多有價(jià)值的設(shè)計(jì)資源
關(guān)注設(shè)計(jì)圈視頻號，獲取更多有趣有料的設(shè)計(jì)知識 ▼ #進(jìn)設(shè)計(jì)群# 設(shè)計(jì)圈交流群：僅對星標(biāo)“設(shè)計(jì)圈”公眾號的用戶開放。添加上方領(lǐng)福利的小編微信備注「設(shè)計(jì)群」加入。
版權(quán)聲明：本篇文章由朝夕友人官網(wǎng)小編編輯，僅限于學(xué)習(xí)交流，非商業(yè)用途，版權(quán)歸原作者所有，若有來源標(biāo)注錯(cuò)誤或侵權(quán)，請?jiān)诤笈_留言聯(lián)系小編，將及時(shí)更正、刪除。
上一篇：第二屆物聯(lián)網(wǎng)品牌大會順利召開|才匠智能入選2024年物聯(lián)網(wǎng)場景應(yīng)用品牌企業(yè) 下一篇：OPPO換新logo啦！為何這些知名品牌都重新設(shè)計(jì)字體更換Logo呢?
返回上一層
相關(guān)設(shè)計(jì)作品案例
