視覺設計 ? 線性圓形LOGO的繪制教程

線性圓形LOGO的繪制教程

發表于: 視覺設計. 評論
Sponsor

今天分享是用AI繪圖軟件,設計師一個特殊的線性圓形logo,外表看起來挺有藝術感的,做文藝、藝術、科技的公司可是參考,當然重點是學會如何設計這類型的圖案,以后能舉一反三,下面來看看這個logo的做法。

線性圓形LOGO的繪制教程

該logo為網絡搜集,版權及創意歸原作者所有,本文只探討做法。

大家先來個觀大思法:

線性圓形LOGO的繪制教程

 

相信不少狗子已經看出來了,這又是一個靠混合完成的圖形,不過肯定沒法一步到位,接下來我將原圖拆分一下,大家就一目了然了,如下:

線性圓形LOGO的繪制教程

沒錯,A和B都可以通過混合單獨完成,然后再拼在一起即可。這個圖形做法不難,但如果忽視數值的嚴謹性,拼合之后可能會出現錯位,如下:

線性圓形LOGO的繪制教程

造成錯位的原因也很簡單,因為B的中心最小圓的直徑和間距不相等,導致A和B的間距無法保持一致,如下:

線性圓形LOGO的繪制教程

所以只要攻克B的間距問題,A就簡單了。

教程/步驟

第一步:做混合圖形B。

①畫一大一小兩個描邊同心圓,粗細為8pt,大?。ㄖ睆剑┓謩e為20pt和380pt,如下:

線性圓形LOGO的繪制教程

②用混合工具(W)分別點擊兩個圓,然后雙擊混合工具圖標,打開混合選項,選擇指定的步數,數值為8,如下:

線性圓形LOGO的繪制教程

現在我們將圖放大觀察下。

線性圓形LOGO的繪制教程

很明顯,之前提到的小圓直徑與間距不相等的問題得到了完美解決。

線性圓形LOGO的繪制教程

哈哈哈先不要懵B,我來解釋下為什么大圓直徑是380pt。

我們擬定小圓的直徑為20pt,那么間距也必須是20pt,然后同心圓數量定為10個,那么大圓的直徑就是:

線性圓形LOGO的繪制教程

李姐了嗎?

線性圓形LOGO的繪制教程

哈哈哈,是不是看到數學更懵了?這回來個直觀的圖吧(為了方便理解,我將描邊減細了),如下:

線性圓形LOGO的繪制教程

好啦,解釋完畢,接下來我們繼續。

③對混合結果執行對象-擴展,然后刪除上半部分,如下:

線性圓形LOGO的繪制教程

第二步:做混合圖形A。

既然是混合,那我們只保留起始和結束圖形看下。

線性圓形LOGO的繪制教程

像這種一頭尖一頭寬的半圓造型是不是直接用路徑就可以完成?

三秒鐘思考…

3

2

1

做法很簡單,先畫個半圓路徑,然后打開描邊選項(ctrl+F10),粗細設為8pt,選擇配置文件4,就完成了。如下:

線性圓形LOGO的繪制教程

造型知道怎么做了之后,接下來只需要再確定起始路徑和結束路徑的大小,就可以執行混合了。

我們將圖形B放進來,觀察它倆的位置,如下:

線性圓形LOGO的繪制教程

還原后的路徑應該能聯想到吧?如下圖,我這里加上參考線,方便大家觀察。

線性圓形LOGO的繪制教程

現在可以執行混合操作了,效果如下:

線性圓形LOGO的繪制教程

至此,圖形A也快速地做好了。

最后再在起始位置補個小圓,這個圖形就完工了,如下:

線性圓形LOGO的繪制教程

番外篇

細心的狗子可能發現我觀大思法中展示的圖和最終的成品是不一樣的,如下:

線性圓形LOGO的繪制教程

區別主要是在左上角,再放大對比下。

線性圓形LOGO的繪制教程

用路徑混合速度雖快,但精致性比左邊的版本差了不少,也顯得有些“臟”。

而左邊的版本是我用笨方法畫的,如下:

線性圓形LOGO的繪制教程

簡單來說,就是先做出輔助線(橙色),然后畫出左邊第一個半圓路徑(要封閉),然后ctrl+C(復制),ctrl+F(原位粘貼),再用移動工具(V)按住shift拖動右上角的定位框到參考線上,不斷重復,重復……

看下動圖操作。

線性圓形LOGO的繪制教程

畫好路徑后加,利用實時上色工具(K)填充黑色即可。

如果你想快速出效果,用混合即可;如果你追求細節的精致,可以參照我的笨方法。

線性圓形LOGO的繪制教程

好啦,今天的小案例就講到這里,我們下期再見鴨~

作者 | 君小陽
來源 | 這logo怎么了(id:wtf-logo)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }