首頁/ 汽車/ 正文

探索優秀LOGO背後的技法與思路

轉自公眾號:胡曉波工作室

朋友們!盼望著,盼望著,終於又到了 LOGO 教程時間!學習時刻即將開啟!你們準備好了嗎!

話說自從著名資本家胡曉波先生對訓練營的同學下達堅持打卡兩年送一臺蘋果手機的許諾之後,同學們紛紛戰意滿滿,激情四設,每天就是手機碎片+1,手機碎片+1 的做練習…而本意是激勵大家好好練習的波哥,整日憂心忡忡,省吃儉用…好怕自己兩年後被原地榨乾…

探索優秀LOGO背後的技法與思路

為了更好的協助大家吸資本家的血,豐富自己的武器庫。本次教程整理了八個由易到難的 LOGO 設計方向與相應的 Ai 技法,大家可以用闖關的方式一各一個的逐個攻破,體驗感會更好哦!話不多說,我們開始吧!

文章末尾另附影片版本,對步驟有疑惑的同學可以跟著一起實操一遍

,嗯,是真的想教會你呢。

PS:本文所有案例均來源於網路,只用作分析技法。

探索優秀LOGO背後的技法與思路

首先出場的是一個雪花造型的 logo,複雜的線條紋路讓它看起來既神秘又迷人,雖然看起來很麻煩,但其實我們很容易就能發現它的規律性:

1。 由六個相同的單一元素旋轉複製得到;

2。 線條傾斜角度均為 60 度。

OK,掌握了這個規律,我們用網格大法很輕易就可以將它繪製出來,來,上步驟!

探索優秀LOGO背後的技法與思路

首先我們先畫出網格,用幾條等距的直線,然後群組整體旋轉 60 度複製左右兩組,即可得到。

想要做這種傾斜角度相同的線條,網格可以幫助你更好的進行規範。

探索優秀LOGO背後的技法與思路

然後我們沿著網格將單一元素的路徑用鋼筆工具繪製出來,這裡需要注意兩點:一是每一個端點處最好對齊網格的點;二是有轉折的地方要一筆連過來,方便後面加圓角處理。

探索優秀LOGO背後的技法與思路

畫好路徑後我們將它轉曲,然後新增圓角,注意新增圓角的規律,一般外圓角會比內圓角大一些,而且相同的角度一定要設定相同大小的圓角。

探索優秀LOGO背後的技法與思路

單一元素處理好之後,我們把它沿著中心點旋轉複製 60 度繞一圈,就可以得到我們想要的圖形了,一般操作就是複製一個然後 CTRL+D 進行重複即可。

探索優秀LOGO背後的技法與思路

最後新增顏色和排版就可以了。

一般越複雜的 logo 想要做的出彩,往往都需要一些規則性在裡面,而網格能夠很好的幫助我們去實現這種規則性。

探索優秀LOGO背後的技法與思路

這是今年義大利申辦 2030 年世博會的 LOGO,整體造型由羅馬古城門向內進行線條發散組合而成,寓意各國文化的友好交流。這種線條混合發散的 LOGO 既簡單又出效果,用混合工具即可輕鬆完成,下面我們來看一下在製作過程中有哪些需要注意的點。

探索優秀LOGO背後的技法與思路

首先我們將需要混合的部件準備好,也就是建築的外輪廓以及大門的外輪廓。注意一定要保證左右對稱,否則混合起來會十分混亂,然後下面的底部先不要連線上。

探索優秀LOGO背後的技法與思路

這一步需要注意下面連線處不要合併,不然會出 bug。

探索優秀LOGO背後的技法與思路

選擇混合工具,分別點選城堡和大門,將指定步數改為一定的數值,數值越大,越密集,這裡設定為 35。然後就得到了向內混合發散的感覺了!

探索優秀LOGO背後的技法與思路

混合完成之後我們擴展出來,將最外圈輪廓直接向外擴大複製出輪廓線即可。

探索優秀LOGO背後的技法與思路

最後我們整體進行轉曲,然後新增顏色就搞定了!可能有的同學會覺得這種多線混合的 logo 過於複雜,會不會不太好應用,但其實這種屬於活動型 logo,並不需要用個五年十載,活動型 logo 更著重考慮當下,可以做得更個性,一切以視覺為出發點!

探索優秀LOGO背後的技法與思路

看完了國外的,再來欣賞一下這個極具中國風的湖州城市 LOGO。這個 LOGO 的亮點在於它的正形背景部分是由不規則的水墨感條紋組合而成的,文化氣息拉滿的同時讓圖形更加活力生動,我們來看看這種非對稱條紋該怎麼繪製。

探索優秀LOGO背後的技法與思路

首先我們將橢圓部分的線畫出來,第一步找到最高點和最低點,然後用混合工具進行混合,得到由曲線逐漸變成直線的過程線段。

探索優秀LOGO背後的技法與思路

然後手動的將各個線條擴大到橢圓輪廓的位置,並調整好粗細和間距。

探索優秀LOGO背後的技法與思路

到了最關鍵的一步了!我們將每條線的描邊配置改為這個不規則的樣式,在描邊視窗最下面就可以找到,記得適當調整粗細保持過渡自然。

探索優秀LOGO背後的技法與思路

然後我們把每一條線都改成這個描邊樣式,並將下半部分水波紋的地方也繪製出來,注意下面的地方描邊可以調的細一些。

探索優秀LOGO背後的技法與思路

畫好背景後,我們將負形部分的塔形建築放到條紋的中間,並居中對齊,改為白色。

探索優秀LOGO背後的技法與思路

光變成白色肯定不行!我們要的是鏤空!這裡直接選擇所有圖形,然後用路徑查詢器裡面的分割,可以將所有圖形分隔開,然後用魔棒工具選擇白色部分,直接 Del 刪除即可。

探索優秀LOGO背後的技法與思路

最後加入漸變色!效果就拉滿了!這種非對稱式的線條相較於普通的線條,更加靈活生動,也天生自帶中式筆觸的感覺,以後大家碰到中式 logo 的命題,可以考慮嘗試一下這個風格。

探索優秀LOGO背後的技法與思路

這個 LOGO 在 2D 平面的基礎上,融入了褶皺感 3D 立體的感覺,同時它的組合結構是類似於飄帶這種飄逸柔和的造型,比普通的方形更加優美。下面我們來看看如何做這種飄逸的結構以及如何進行視覺 3D 化的實現。

探索優秀LOGO背後的技法與思路

其實如果你的鋼筆工具玩的 6 的話,直接畫也是可以的,但是相信在座的各位鋼筆都不太行,甚至很多同學經常被只會 Flash 的胡曉波嘲諷,那能忍嗎?這裡教大家一個曲線救國之路,先畫一條直線,然後選擇扭曲和變換裡的波紋效果,大小設為 100,隆起數改為 1,就得到了一個…emmmm,優美又不太對勁的曲線。

探索優秀LOGO背後的技法與思路

將這個波紋線砍掉一半,嗯,總算正常一些了。

探索優秀LOGO背後的技法與思路

把它向下複製為六個,並適當調整一下間距。

探索優秀LOGO背後的技法與思路

將組合好的圖形向右映象複製一個,然後放到它的下面,對齊左邊的端點並連線,形成一個翅膀的感覺。

探索優秀LOGO背後的技法與思路

然後再次左右映象複製一遍,基本的造型就出來了。

探索優秀LOGO背後的技法與思路

選擇實時上色工具,分別按路徑填充黑色部分。

探索優秀LOGO背後的技法與思路

最後刪除掉多餘的描邊,併合並黑色部分,效果就出來啦!用這個方法可以做出來很多種曲折線,大家可以嘗試一下,肯定可以組合出各種好玩的樣式出來。

探索優秀LOGO背後的技法與思路

畫素化風格的 LOGO 也是常年比較流行的,不光光是遊戲行業,其實很多企業類的 LOGO 也可以非常好的利用畫素化進行視覺呈現,很多同學只聞其名,不懂其法。下面我們用這個案例來看一下畫素化 LOGO 的設計步驟。

探索優秀LOGO背後的技法與思路

由於是企業類的 logo,在造型上就相對嚴謹一些,除了正常的方形,這裡再給大家介紹幾個常用的比例(如上圖),經過比較,發現青銅比較接近於原 logo…那我們就用青銅的比例,做出王者的效果。

探索優秀LOGO背後的技法與思路

繪製網格有兩種方法,一個是畫好矩形之後,選擇物件→路徑→分割為網格,二是直接用矩形網格工具繪製。這裡因為我們提前畫好了矩形,所以直接用第一種方法,行數和列數分別設為 52 和 11。

探索優秀LOGO背後的技法與思路

畫好網格之後,就可以請出我們的老朋友實時上色工具,在網格中揮灑你的創意。

探索優秀LOGO背後的技法與思路

用實時上色工具畫好之後,需要擴充套件一下,才能提取出畫出來的部分。

探索優秀LOGO背後的技法與思路

最後我們將網格線刪除,就可以得到我們畫好的圖形了!純純向量的畫素化就這麼搞出來了!這個方法是通用的,你可以透過改變不同的網格數量,來繪製不同畫素塊造型的圖案,比如你想繪製常規的正方形畫素塊,那行數和列數設為相同的即可,之後就在裡面進行填充色塊,真真正正體驗到畫畫的快樂!

探索優秀LOGO背後的技法與思路

平面構成作為設計學的基礎學科,透過點、線、面三者規則或不規則的編排和組合,形成極強的抽象性和形式感,它在 LOGO 的實際應用中也非常容易出效果。這個 LOGO 就是透過線與面的結合來進行抽象創作,下面我們來看一下具體的實操過程。

探索優秀LOGO背後的技法與思路

第一步我們先把六邊形輪廓和中間的三角形畫出來,其實就相當於我們新建一張畫板,在裡面進行設計是一個道理。

探索優秀LOGO背後的技法與思路

第二步我們畫三條輔助線來方便後續的操作,注意這裡的線都是有規律的,比如最下面的線是與三角形形成 90 度相交,而另外兩條線都是沿著三角形的邊進行延伸。

探索優秀LOGO背後的技法與思路

第三步我們將下半部分的線繪製出來,具體操作如下:

1。 沿中心畫一條直線,再沿六邊形邊畫一條直線;

2。 兩者進行混合,步數設為 24;

3。 左右進行映象對稱複製;

PS:這一步其實也是在畫輔助線。

探索優秀LOGO背後的技法與思路

第四步我們接著用實時上色工具,將我們需要的部分提取出來,這裡實時上色工具其實就是充當了馬克筆的作用,大家可以想象一下,這樣比較好理解。

探索優秀LOGO背後的技法與思路

畫好其中一個部分了,剩下的我們直接旋轉 120 度複製出來就可以,這裡也是軟體操作的方便之處,比在紙上快多了,容錯率也高。

探索優秀LOGO背後的技法與思路

旋轉之後我們發現左半邊部分黑色會大出來一塊,所以我們需要取消編組後,將這個部分單獨置於底層,就可以了。

繪製這類 LOGO 的核心要素就是畫好輔助線,同時特別鍛鍊人的思維和創意能力,它更像一件數學與美術結合的藝術品,當你成功完成之後,一定會成就感滿滿。

探索優秀LOGO背後的技法與思路

這一趴給大家帶來的是蘋果 2022 釋出會 LOGO 中多層彩色混合漸變設計小技巧。既然大家都是即將擁有 iphone16 的人,那實時掌握自己手機的未來動向也是必須要做的事情。來吧!學起!

探索優秀LOGO背後的技法與思路

第一步肯定是要先畫好基本造型,不管是蘋果也好,是梨也好,造型畫不好,再好看的漸變也救不了你啊!

探索優秀LOGO背後的技法與思路

然後我們先給它新增漸變色,這個大家應該都會。

探索優秀LOGO背後的技法與思路

接著我們需要給它新增一個描邊,這裡要把透明度模式由正常改為柔光,並適當降低透明度,這樣外輪廓不會過於生硬,能夠更好的與圖形漸變進行過渡。

探索優秀LOGO背後的技法與思路

到了最關鍵的一步,我們將圖形向內縮小複製一個,給它填充上黑色,然後用混合工具將兩者進行混合,就可以得到一個由外向內逐漸消失的漸變效果了。

探索優秀LOGO背後的技法與思路

然後我們選擇比例縮放工具,向內縮小 80% 並複製出來,接著按 CTRL+D 重複複製即可。

探索優秀LOGO背後的技法與思路

其他幾個蘋果只需要更改相應的漸變配色就可以啦。

探索優秀LOGO背後的技法與思路

身體做完了,上面的小葉子也是用同樣的方法就可以搞定了,右下角另一個版本的用相同的做法也同樣能夠實現,但是想要完全還原它的投影效果可能要用到 AE 外掛來完成,這裡挖個小坑,感興趣的同學可以嘗試一下。

探索優秀LOGO背後的技法與思路

東京奧運會作為史上極具爭議的一屆奧運,帶來了不少熱點和話題。相較於它鬼畜的開幕式和一些莫名其妙的的比賽細節,它的 logo 卻實實在在的堪稱頂尖硬貨。由很多很多不規則的小方塊堆積而成,看似瑣碎無章法,但其實擁有極強的數學邏輯和藝術美感,下面我們就來看一下它的設計過程。

探索優秀LOGO背後的技法與思路

看到這個圖,是不是就能瞬間明白一些東西了?原來確確實實是有規律的,所以我們只需嘗試畫出其中一個部分,剩下的重複複製即可。

探索優秀LOGO背後的技法與思路

先畫出一個十二邊形,然後複製一個旋轉 90 度,將它們進行居中對齊,這裡需要手動調整一下大小,保證裡面的頂點對齊到外面的邊上,中間我們畫一個小圓,方便後面找到中心點。

探索優秀LOGO背後的技法與思路

這一步我們先在最上面畫出三個菱形,具體操作如圖。

探索優秀LOGO背後的技法與思路

然後再找到中間部分,一樣透過已經存在的三角形來進行旋轉 180 度複製,之後合併出新的菱形。

探索優秀LOGO背後的技法與思路

和之前一樣的手法,一樣的配方,繼續畫菱形。。。

探索優秀LOGO背後的技法與思路

繼續拼貼菱形,不過新加入的紅色部分和之前的黃色部分是重複的,所以我們直接複製過來就可以了。

探索優秀LOGO背後的技法與思路

繼續增加紅色部分菱形,具體操作步驟如圖。

探索優秀LOGO背後的技法與思路

右邊再新增最後一塊菱形,這一部分就算完成了!

探索優秀LOGO背後的技法與思路

下一步我們需要找到各個邊的中心點,將它們進行連線,這裡給大家安利一個比較常見的小外掛(百度搜索 Ai 外掛很多下載地點,由於版權問題就不直接分享了)裡面的等分路徑可以快速幫你定位到線段的中心點。另外裡面還有很多其他的野路子,大家可以自己慢慢玩。

探索優秀LOGO背後的技法與思路

找到中心點之後(如上圖左)就可以將它們分別連線起來,畫出方塊!如果說之前的幾步完全不知道在幹嘛的話,那麼到這一步是不是有種豁然開朗的感覺?

探索優秀LOGO背後的技法與思路

後將畫好的部分繞中心旋轉一圈,再刪除掉外輪廓線,終於完成了…頭髮掉了好多…向大師們致敬,salute!這個方法其實也是平面構成中的一種,大家可以跟著自己做一遍,一定會有自己的收穫。

Okkkkk,那麼今天的教程到這裡也就結束了,不知道你們能攻克到第幾關呢?臨摹不是目的,學會舉一反三才是最重要的。覺得意猶未盡的朋友抓緊跟著下方影片版本再來溫習一遍!!總之,是很感謝今晚的相伴,感謝三連支援,朋友們,giao 辭!

探索優秀LOGO背後的技法與思路

本文轉自微信公眾號:胡曉波工作室,圖片來源網路,版權歸原所有者所有,本文僅供分享交流,如有侵權,請聯絡我刪除,謝謝!

相關文章

頂部