轉自公衆号:胡曉波工作室
Helloooooooooooooooo!!各位親愛的彥祖和亦菲們,又到了我們 LOGO 教程環節了!
今天繼續為大家探索使用 AI 工具的快速做 LOGO 各種可能性。答應我,看完一定要跟着做一遍,即便還不能立馬做出 LOGO,也能對 AI 的各種工具從一知半解到了如指掌了。這次依然整理了八個使用 AI 技法可以快速做出的案例。
1. 多層次線條漸變 LOGO(形狀分割)
2. 條紋隐形立體 LOGO(封套扭曲)
3. 條紋穿插 LOGO(新建畫筆工具)
4. 角度漸變穿插 LOGO(描邊角度漸變)
5. 半透明光影 LOGO(混合工具)
6. 時鐘大小漸變 LOGO(替換混合軸)
7. 不規則球形 LOGO(3D 貼圖)
8. 原研哉的LOGO(混合工具)
如果有跟我一樣不愛看文字的寶貝,可以劃到底部直接去看結尾處的視頻版本哦。話不多說,跟着我來細細分解一番。
PS:本文所有案例均來源于網絡,隻用作分析技法。
首先我們來分析一下這個 LOGO,整體是由一些線條組成。長短不一的線條,通過漸變的明暗處理形成了字母 D 的輪廓。如果是使用常規的方法,一條一條地畫完線條,調整長短再組合在一起,那還不得加班到淩晨?學了這個方法讓你再也不用加班,來!
首先我們将繪制出 12 根線條,然後給圖形填充由黑到白的漸變色。
繪制出兩個長方形并左對齊,然後将右邊的直角轉為大圓角,拉到底的那種。這樣就形成了字母 D 的輪廓。接下來就是将兩組圖形組合到一起了。
為了方便觀察,我們将字母 D 的輪廓暫時改為紅色。因為漸變色是由上至下的,縱向切割線條不會有明暗方面的變化,我們隻需要橫向切割,所以将 D 的左側豎向的線條删除即可。
打開窗口—路徑查找器,找到左下角分割的按鈕。
全選中左側的圖形,點擊切割按鈕,就得到了左邊的圖形。
為了方便觀察,我們可以先将左邊圖形全部改為填色模式,然後将多餘的面删除。再調整每組線條的漸變色條,就形成了這種層次關系。
基礎層次和效果出來了,接下來還有很重要的一步,需要再調整億點點細節。現在上去分層太多有些碎了,而且缺少 D 字線左邊的豎線,所以可以将一些線條合并,剛好可以形成字母 D 的左邊的豎。右邊有兩根線條過長,所以從間切開增加層次。再調整一下漸變的位置,讓整體更協調。
最後,再加上簡單的排版就完成啦!
首先還是分析一下這個 LOGO,是由一些條紋經過錯位形成了立體的字母 K,仿佛隐藏在條紋下面。這樣的立體效果又該怎麼做呢?其實非常簡單,來!
首先繪制出由七個長方形組成的條紋,注意條紋的寬度要和間距相等。
接下來就要使用要封套工具了,封套扭曲之前我們先來分析一下需要多少行數和列數。按照節點去劃分,最終形成 13 行和 9 列。
打開對象-封套扭曲-用網格建立,填寫 13 行 9 列,得到右邊的圖形。
先打出一個 K 字母作為墊底,根據 K 的結構調整網格。先選中節點向上移動,然後将兩側的節點向中間靠攏,形成突出的效果。
調整中間兩條條紋的寬度與字母 K 的中間部分對齊。
左邊的是一條垂直的筆畫所以隻需要全選節點向上移動就可以了,但是右邊是兩個交叉的筆畫,所以處理起來會有點麻煩。同樣也是先将筆畫中部分的節點選中向上移動(如上圖左),然後再根據 K 的結構調整節點的位置。這可是個耐心活兒,需要一個個節點去調整。不過好在節點不多,整得也挺快。
最後,給圖形填充色彩加上排版就完成了。
乍一看,這麻花扭得不錯。類似的圖形還有咱們中國結,但是中國結是單線形式,繪制相對比較簡單。這個是用條紋扭的,看上去更複雜一些。沒關系,其實也很簡單,來!
首先我們需要新建一個畫筆圖案,繪制出兩組條紋,分别填充紅色和藍色。
打開窗口—畫筆面闆,将兩組條紋分别拖進畫筆面闆,選擇圖案畫筆,點擊确定後,繼續确定就完成了新建畫筆。
接下來我們把輪廓畫出來。先繪制一個正方形,然後将三個直角改成圓角,是的還是拉到底的那種。
将圖形整體壓扁一點,并将端點繼續向外延伸,注意曲線要做到平滑。
選擇曲線,點擊畫筆面闆中剛才新建的畫筆,瞬間就可以得到右邊的圖形。
将曲線複制一份,點擊另一個新建的畫筆。把其中一個鏡像翻轉後,将兩個圖形疊壓在一起。
接下來做出穿插關系就可以了。我們先來分析應該如何疊壓。如上圖所指的三個相交處應該把藍色調整到上面。
最後,再調整下細節,加上排版就完成啦!
這個 LOGO 的特點在于漸變的類型和擴散的角度是圓形的,AI 裡面的漸變卻沒有這種類型。但是我們仔細觀察它是有一個很清晰的切割的邊的,這樣就可以通過描邊漸變的形式去完成了。來!
我們先将圖形進行拆解,可以分成三個不完整的圓去組成。那麼我們隻需要做出其中一個圓形,重複旋轉 120 度就可以得到完整的圖形了。
我們先來繪制一個圓形,選擇描邊模式。接着将圓形的描邊加粗,加粗至完全覆蓋整個圓形的面積(如上圖右)。
然後給圖形填充漸變色,漸變的模式選擇—沿描邊應用漸變。
繪制一條直線,旋轉 120 度,然後将它與圓形居中對齊。直線作為參考線使用。
使用剪刀工具,将直線與圓形相交的點斷開,并删除一部分節點,得到上圖中間的圖形。然後再将右邊的點延伸,就得到了右邊的圖形。接下來隻需要将這個圖形進行旋轉複制就可以了。
将得到的圖形旋轉 120 度,并重複複制。注意軸心的位置,在圖形的下面并且與圖形垂直居中。
最後再加上排版就完成啦!
光影效果的 LOGO,通常是使用漸變工具來完成。今天我們來使用混合工具嘗試一下。來!
首先繪制出 40 的輪廓。先大緻畫出 4 和 0 的形狀,再進行修剪,将 0 的上面和下面的線條斷開。4 的每一條線段也需要斷開。
複制一份并縮小,放置在右邊,将 4 和 0 的距離分開一些。為了方便觀察混合後的狀态,先把透明度調整至 20%。
将大 40 圖形與小 40 圖形的每一條對應的線段進行混合。混合步數設置為 500。
接下來,我們再來調整下透明度和細節。為了方便觀察,我們先将兩個圖形分開,先把後面的小 40 的透明度調至 0%,顔色改為白色。色塊疊壓較重的地方,也需要調整透明度,讓整體更通透。也可以将大 40 的線條顔色改為黑白漸變色,這樣光影的效果會更強。
最後再将兩個圖形合并到一起,加上排版就完成了!
旋轉複制的工具,大家應該都會用了,但是像這樣的旋轉複制的同時,圖形的寬度也有規律的跟随着旋轉變化,應該又怎樣做呢?
首先我們依然是先将圖形拆分一下,可以把它看成是由一組等粗的直線旋轉環繞加一組像是樹葉般有寬度的線條随着旋轉而變化的圖形組合而成。這裡我們給這兩個圖形起個名字,一個是“直線形”一個是“葉子形”。
我們先将簡單的“直線形”圖形做出來,先繪制一組橫豎交叉線條并建立為參考線,然後沿着參考線繪制一條垂直的直線。
以參考線的中心為軸心,設置旋轉角度為 15 度,進行旋轉複制。之後重複複制(快捷鍵 CTRL D),直至旋轉一周。這樣就完成了“直線形”圖形。
接下來,我們來做“葉子形”圖形。先繪制出一大一小兩條直線,再将直線從等寬改為有寬度變化的模式。
使用混合工具,将兩個線條進行混合,指定步數為 22。取向要選擇右邊的那個弧形的。這樣就得到了 24 個規律變化的葉子狀的圖形。
一排葉子做出來了,怎樣把它們變成環繞形的呢,這就要用到替換混合軸了。首先繪制一個圓形,再把上面切掉一塊。
同時選中加圓形和葉子們,打開對象-混合-替換混合軸。就得到了上圖右邊的圖形,已經可以看出“葉子形”的樣子了,接下來還需要做一些細節的調整。
先将兩圖形的軸心與參考線居中對齊。再将葉子圖形調整到與直線垂直,隻需要調整兩端的圖形,中間混合的圖形會自動跟着變換。
現在“葉子形”已經基本完成了,但是我們發現,使用混合工具後的圖形是中心對齊的,而不是底部對齊,所以接下來,我們需要手動将葉子調至底部對齊。
先将圖形擴展,然後調每個葉子移動到與線條的底端對齊即可。
最後再加上排版就完啦!
常規的球形 LOGO,之前的教程已經演示過了。那像這樣的不規則的球形 LOGO 又該怎麼做呢?來!
首先還是來分析下,這個的構成。上面和下面有兩條直線,中間是有很類似 H 字母的形狀,後面也是直線。
按照上面分析得到的結果,我們繪制出相應的圖形。使用長方形,拼出不規則的圖形。最後再将右邊的直角改為圓角。
打開窗口-符号。将繪制好的圖形,直接拖進符号面闆,默認選項直接點确定就可以了。
繪制一個圓形,并删除一半。
選擇一半的圓形,選擇效果-3D 和材質-3D(經典)-繞轉,就可以看到上圖的對話框了,默認選項,點擊貼圖按鈕。
打開貼圖的對話框,可以看到左上角有一個符号選項,選擇剛才新建的符号,勾選右下角三維模型不可見。接下來就調整中間圖形的位置,開啟預覽後可以邊調整邊看到圖形覆蓋在球形的變化。調整至合适位置後點擊确定就可以了。
将得到的圖形進行拆分,解組和釋放複合路徑後,就可以得到右邊的兩個圖形,接下為他們填充顔色。
正面的圖形填充藍綠漸變色,背面的圖形填充較深的藍色。
最後将兩個圖形再組合到一起,加上排版就完成啦。
原研哉為知美術館設計的 LOGO,由美術館的外觀瓦片提取而來,形成富有變化的水波樣。同時,色塊規律性的大小變化也組成了字母 Z 的形狀。我們來解析一下大師的 LOGO 是怎麼做的?來!
首先我們來分析一下方塊的變化規律。左邊是由上至下逐漸變大,右邊是由上至下逐漸變小。中間是從中間向兩側逐漸變小,但是中心不在一條垂直線上。
那第一步畫出一大一小兩個方塊,然後使用混合工具,步數設置為 9。這樣我們就得到了由大到小規律變化的一組方塊。
那麼怎樣得到由小到大再到小變化。很簡單,将剛才得到的一組方塊,鏡像複制一份,就可以了。
得到一組圖形之後,再将它們向斜上方,連續複制就可以了。注意要将方塊錯開,行距也要相等。
最後再将多餘的方塊,删除掉即可。
排版再加上大師的字,瞬間就高級了起來!你學會了嗎?
有很多 AI 裡面的工具,也許你認識它,它也認識你,但是你不知道它竟然可以幹這種大事。來跟我們一起探索巧用 AI 工具做 LOGO 的更多更簡單的可能性。
今天的教程就到這裡了,下方視頻教程更方便哦,任何人看完不跟着做的話我都會傷心的 ooooooooooooooooooK?
本文轉自胡曉波工作室,圖片來源網絡,版權歸原所有者所有,本文僅供分享交流,如有侵權,請聯系我删除,謝謝!
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!