轉自公衆号:胡曉波工作室
朋友們!盼望着,盼望着,終于又到了 LOGO 教程時間!學習時刻即将開啟!你們準備好了嗎!
話說自從著名資本家胡曉波先生對訓練營的同學下達堅持打卡兩年送一台蘋果手機的許諾之後,同學們紛紛戰意滿滿,激情四設,每天就是手機碎片 1,手機碎片 1 的做練習…而本意是激勵大家好好練習的波哥,整日憂心忡忡,省吃儉用…好怕自己兩年後被原地榨幹…
為了更好的協助大家吸資本家的血,豐富自己的武器庫。本次教程整理了八個由易到難的 LOGO 設計方向與相應的 Ai 技法,大家可以用闖關的方式一各一個的逐個攻破,體驗感會更好哦!話不多說,我們開始吧!
文章末尾另附視頻版本,對步驟有疑惑的同學可以跟着一起實操一遍,嗯,是真的想教會你呢。
PS:本文所有案例均來源于網絡,隻用作分析技法。
首先出場的是一個雪花造型的 logo,複雜的線條紋路讓它看起來既神秘又迷人,雖然看起來很麻煩,但其實我們很容易就能發現它的規律性:
1. 由六個相同的單一元素旋轉複制得到;
2. 線條傾斜角度均為 60 度。
OK,掌握了這個規律,我們用網格大法很輕易就可以将它繪制出來,來,上步驟!
首先我們先畫出網格,用幾條等距的直線,然後群組整體旋轉 60 度複制左右兩組,即可得到。
想要做這種傾斜角度相同的線條,網格可以幫助你更好的進行規範。
然後我們沿着網格将單一元素的路徑用鋼筆工具繪制出來,這裡需要注意兩點:一是每一個端點處最好對齊網格的點;二是有轉折的地方要一筆連過來,方便後面加圓角處理。
畫好路徑後我們将它轉曲,然後添加圓角,注意添加圓角的規律,一般外圓角會比内圓角大一些,而且相同的角度一定要設定相同大小的圓角。
單一元素處理好之後,我們把它沿着中心點旋轉複制 60 度繞一圈,就可以得到我們想要的圖形了,一般操作就是複制一個然後 CTRL D 進行重複即可。
最後添加顔色和排版就可以了。
一般越複雜的 logo 想要做的出彩,往往都需要一些規則性在裡面,而網格能夠很好的幫助我們去實現這種規則性。
這是今年意大利申辦 2030 年世博會的 LOGO,整體造型由羅馬古城門向内進行線條發散組合而成,寓意各國文化的友好交流。這種線條混合發散的 LOGO 既簡單又出效果,用混合工具即可輕松完成,下面我們來看一下在制作過程中有哪些需要注意的點。
首先我們将需要混合的部件準備好,也就是建築的外輪廓以及大門的外輪廓。注意一定要保證左右對稱,否則混合起來會十分混亂,然後下面的底部先不要連接上。
這一步需要注意下面連接處不要合并,不然會出 bug。
選擇混合工具,分别點擊城堡和大門,将指定步數改為一定的數值,數值越大,越密集,這裡設定為 35。然後就得到了向内混合發散的感覺了!
混合完成之後我們擴展出來,将最外圈輪廓直接向外擴大複制出輪廓線即可。
最後我們整體進行轉曲,然後添加顔色就搞定了!可能有的同學會覺得這種多線混合的 logo 過于複雜,會不會不太好應用,但其實這種屬于活動型 logo,并不需要用個五年十載,活動型 logo 更着重考慮當下,可以做得更個性,一切以視覺為出發點!
看完了國外的,再來欣賞一下這個極具中國風的湖州城市 LOGO。這個 LOGO 的亮點在于它的正形背景部分是由不規則的水墨感條紋組合而成的,文化氣息拉滿的同時讓圖形更加活力生動,我們來看看這種非對稱條紋該怎麼繪制。
首先我們将橢圓部分的線畫出來,第一步找到最高點和最低點,然後用混合工具進行混合,得到由曲線逐漸變成直線的過程線段。
然後手動的将各個線條擴大到橢圓輪廓的位置,并調整好粗細和間距。
到了最關鍵的一步了!我們将每條線的描邊配置改為這個不規則的樣式,在描邊窗口最下面就可以找到,記得适當調整粗細保持過渡自然。
然後我們把每一條線都改成這個描邊樣式,并将下半部分水波紋的地方也繪制出來,注意下面的地方描邊可以調的細一些。
畫好背景後,我們将負形部分的塔形建築放到條紋的中間,并居中對齊,改為白色。
光變成白色肯定不行!我們要的是镂空!這裡直接選擇所有圖形,然後用路徑查找器裡面的分割,可以将所有圖形分隔開,然後用魔棒工具選擇白色部分,直接 Del 删除即可。
最後加入漸變色!效果就拉滿了!這種非對稱式的線條相較于普通的線條,更加靈活生動,也天生自帶中式筆觸的感覺,以後大家碰到中式 logo 的命題,可以考慮嘗試一下這個風格。
這個 LOGO 在 2D 平面的基礎上,融入了褶皺感 3D 立體的感覺,同時它的組合結構是類似于飄帶這種飄逸柔和的造型,比普通的方形更加優美。下面我們來看看如何做這種飄逸的結構以及如何進行視覺 3D 化的實現。
其實如果你的鋼筆工具玩的 6 的話,直接畫也是可以的,但是相信在座的各位鋼筆都不太行,甚至很多同學經常被隻會 Flash 的胡曉波嘲諷,那能忍嗎?這裡教大家一個曲線救國之路,先畫一條直線,然後選擇扭曲和變換裡的波紋效果,大小設為 100,隆起數改為 1,就得到了一個…emmmm,優美又不太對勁的曲線。
将這個波紋線砍掉一半,嗯,總算正常一些了。
把它向下複制為六個,并适當調整一下間距。
将組合好的圖形向右鏡像複制一個,然後放到它的下面,對齊左邊的端點并連接,形成一個翅膀的感覺。
然後再次左右鏡像複制一遍,基本的造型就出來了。
選擇實時上色工具,分别按路徑填充黑色部分。
最後删除掉多餘的描邊,并合并黑色部分,效果就出來啦!用這個方法可以做出來很多種曲折線,大家可以嘗試一下,肯定可以組合出各種好玩的樣式出來。
像素化風格的 LOGO 也是常年比較流行的,不光光是遊戲行業,其實很多企業類的 LOGO 也可以非常好的利用像素化進行視覺呈現,很多同學隻聞其名,不懂其法。下面我們用這個案例來看一下像素化 LOGO 的設計步驟。
由于是企業類的 logo,在造型上就相對嚴謹一些,除了正常的方形,這裡再給大家介紹幾個常用的比例(如上圖),經過比較,發現青銅比較接近于原 logo…那我們就用青銅的比例,做出王者的效果。
繪制網格有兩種方法,一個是畫好矩形之後,選擇對象→路徑→分割為網格,二是直接用矩形網格工具繪制。這裡因為我們提前畫好了矩形,所以直接用第一種方法,行數和列數分别設為 52 和 11。
畫好網格之後,就可以請出我們的老朋友實時上色工具,在網格中揮灑你的創意。
用實時上色工具畫好之後,需要擴展一下,才能提取出畫出來的部分。
最後我們将網格線删除,就可以得到我們畫好的圖形了!純純矢量的像素化就這麼搞出來了!這個方法是通用的,你可以通過改變不同的網格數量,來繪制不同像素塊造型的圖案,比如你想繪制常規的正方形像素塊,那行數和列數設為相同的即可,之後就在裡面進行填充色塊,真真正正體驗到畫畫的快樂!
平面構成作為設計學的基礎學科,通過點、線、面三者規則或不規則的編排和組合,形成極強的抽象性和形式感,它在 LOGO 的實際應用中也非常容易出效果。這個 LOGO 就是通過線與面的結合來進行抽象創作,下面我們來看一下具體的實操過程。
第一步我們先把六邊形輪廓和中間的三角形畫出來,其實就相當于我們新建一張畫闆,在裡面進行設計是一個道理。
第二步我們畫三條輔助線來方便後續的操作,注意這裡的線都是有規律的,比如最下面的線是與三角形形成 90 度相交,而另外兩條線都是沿着三角形的邊進行延伸。
第三步我們将下半部分的線繪制出來,具體操作如下:
1. 沿中心畫一條直線,再沿六邊形邊畫一條直線;
2. 兩者進行混合,步數設為 24;
3. 左右進行鏡像對稱複制;
PS:這一步其實也是在畫輔助線。
第四步我們接着用實時上色工具,将我們需要的部分提取出來,這裡實時上色工具其實就是充當了馬克筆的作用,大家可以想象一下,這樣比較好理解。
畫好其中一個部分了,剩下的我們直接旋轉 120 度複制出來就可以,這裡也是軟件操作的方便之處,比在紙上快多了,容錯率也高。
旋轉之後我們發現左半邊部分黑色會大出來一塊,所以我們需要取消編組後,将這個部分單獨置于底層,就可以了。
繪制這類 LOGO 的核心要素就是畫好輔助線,同時特别鍛煉人的思維和創意能力,它更像一件數學與美術結合的藝術品,當你成功完成之後,一定會成就感滿滿。
這一趴給大家帶來的是蘋果 2022 發布會 LOGO 中多層彩色混合漸變設計小技巧。既然大家都是即将擁有 iphone16 的人,那實時掌握自己手機的未來動向也是必須要做的事情。來吧!學起!
第一步肯定是要先畫好基本造型,不管是蘋果也好,是梨也好,造型畫不好,再好看的漸變也救不了你啊!
然後我們先給它添加漸變色,這個大家應該都會。
接着我們需要給它添加一個描邊,這裡要把透明度模式由正常改為柔光,并适當降低透明度,這樣外輪廓不會過于生硬,能夠更好的與圖形漸變進行過渡。
到了最關鍵的一步,我們将圖形向内縮小複制一個,給它填充上黑色,然後用混合工具将兩者進行混合,就可以得到一個由外向内逐漸消失的漸變效果了。
然後我們選擇比例縮放工具,向内縮小 80% 并複制出來,接着按 CTRL D 重複複制即可。
其他幾個蘋果隻需要更改相應的漸變配色就可以啦。
身體做完了,上面的小葉子也是用同樣的方法就可以搞定了,右下角另一個版本的用相同的做法也同樣能夠實現,但是想要完全還原它的投影效果可能要用到 AE 插件來完成,這裡挖個小坑,感興趣的同學可以嘗試一下。
東京奧運會作為史上極具争議的一屆奧運,帶來了不少熱點和話題。相較于它鬼畜的開幕式和一些莫名其妙的的比賽細節,它的 logo 卻實實在在的堪稱頂尖硬貨。由很多很多不規則的小方塊堆積而成,看似瑣碎無章法,但其實擁有極強的數學邏輯和藝術美感,下面我們就來看一下它的設計過程。
看到這個圖,是不是就能瞬間明白一些東西了?原來确确實實是有規律的,所以我們隻需嘗試畫出其中一個部分,剩下的重複複制即可。
先畫出一個十二邊形,然後複制一個旋轉 90 度,将它們進行居中對齊,這裡需要手動調整一下大小,保證裡面的頂點對齊到外面的邊上,中間我們畫一個小圓,方便後面找到中心點。
這一步我們先在最上面畫出三個菱形,具體操作如圖。
然後再找到中間部分,一樣通過已經存在的三角形來進行旋轉 180 度複制,之後合并出新的菱形。
和之前一樣的手法,一樣的配方,繼續畫菱形...
繼續拼貼菱形,不過新加入的紅色部分和之前的黃色部分是重複的,所以我們直接複制過來就可以了。
繼續增加紅色部分菱形,具體操作步驟如圖。
右邊再添加最後一塊菱形,這一部分就算完成了!
下一步我們需要找到各個邊的中心點,将它們進行連接,這裡給大家安利一個比較常見的小插件(百度搜索 Ai 插件很多下載地點,由于版權問題就不直接分享了)裡面的等分路徑可以快速幫你定位到線段的中心點。另外裡面還有很多其他的野路子,大家可以自己慢慢玩。
找到中心點之後(如上圖左)就可以将它們分别連接起來,畫出方塊!如果說之前的幾步完全不知道在幹嘛的話,那麼到這一步是不是有種豁然開朗的感覺?
後将畫好的部分繞中心旋轉一圈,再删除掉外輪廓線,終于完成了…頭發掉了好多…向大師們緻敬,salute!這個方法其實也是平面構成中的一種,大家可以跟着自己做一遍,一定會有自己的收獲。
Okkkkk,那麼今天的教程到這裡也就結束了,不知道你們能攻克到第幾關呢?臨摹不是目的,學會舉一反三才是最重要的。覺得意猶未盡的朋友抓緊跟着下方視頻版本再來溫習一遍!!總之,是很感謝今晚的相伴,感謝三連支持,朋友們,giao 辭!
,本文轉自胡曉波工作室,圖片來源網絡,版權歸原所有者所有,本文僅供分享交流,如有侵權,請聯系我删除,謝謝!
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!