黃金比例尺製作圖形

很多人認爲黃金分割很難學,運用起來也並沒有嚴格邏輯可循。然而,今天根據黃金分割矩形,就能繪製出較完美的圖標造型。對於很多不知道怎麼運用黃金分割的,趕快學起來吧!

一、用圓形搭建基礎形

STEP 01

打開AI,新建文檔,文檔大小可以參考我的設置。

黃金比例尺製作圖形

 

STEP 02

根據黃金分割矩形,在每個矩形中繪製不同的圓。這些不同的圓形的大型比例剛好符合黃金分割的法則。我們簡單將這些圓稱爲圓A、圓B、圓C、圓D……,方便接下加以區分。

STEP 03

利用這些不同的圓進行基礎形的搭建。什麼是基礎形呢?我們人眼對於身邊一切事物形狀特點的觀察,所有的事物都可以簡化成爲簡單幾何形的組合。這些簡單的幾何形即是造型的基礎形。

根據雞的造型特點,我們利用圓形來給這個圖標作出基礎形搭建。在繪製基礎形時,最終的目標效果要始終放在大腦中,這樣才能保證基礎形的結構的合理性。

用1個圓A,以及4個圓B,先搭建最初步的簡單基礎形。這部分是雞的身體和尾巴的部分。由於雞的尾巴是其重要的識別特徵,因此稍微誇大一點並不未過。

造型中的有一些關鍵的節點,它們扮演着銜接各個身體組成部分的作用,因此這些部分必須要幾個關鍵的形狀相交於某一點,才能合理的完成過渡。

黃金比例尺製作圖形

 

STPE 04

繼續加入2個圓C,其中一個圓與之前的圓相交。這一步所繪製的是雞身的部分。

黃金比例尺製作圖形

 

STEP 05

接下繪製雞頭的部分,這部分稍微有點複雜。再繼續增加2個圓D。

黃金比例尺製作圖形

 

STEP 06

再爲其增加線條輔助造型,並用最小的黃金分割矩形中的圓來組成雞頭。

黃金比例尺製作圖形

 

二、“剪”出雞形

這時的基礎形還處於未加工狀態,因此,我們需要將多餘的部分“剪掉”。

STEP 07

全選整個基礎形,然後利用“形狀生成工具”對其進行修剪,按住ALT鍵點擊形狀時工具圖標會從加號變爲減號,這時就可以直接點擊圖形的線條進行刪減處理。先剪出雞身和雞尾的部分。在刪減的過程中,也許根據實際情況需要要微調基礎形的某些形狀位置,這些都是靈活的,在處理時要非常留心整體造型的效果。

黃金比例尺製作圖形

 

STEP 08

再剪出雞頭的部分,雞頭的部分不好處理的地方是它的線條稍微複雜,因此在細微的地方一定要放大了細節進行刪減處理。刪除的是大多數,剩下的纔是精華。刪減完成後利用鋼筆工具繪製出線條表現雞喙和雞腳。

黃金比例尺製作圖形

 

STEP 09

雞的形狀就繪製完成了,這時我們再檢查某些未連接起來的錨點,以便讓線條更流暢完美。也繼續刪減還未完全清理乾淨的線條。

三、爲圖標填色

圖標可以有線性圖標,也可以是帶有色彩的圖標。這裏我們將色彩效果一併完成。

STEP 10

在前面我們爲了處理線條的方便,線條的粗細值爲2px,這時我們需要加粗線條以便讓畫面看起來更有力。線條加粗到4px,也就是2倍後,整個圖案就更顯“可愛”。

黃金比例尺製作圖形

 

STEP 11

選中整個圖案,然後進入【對象>擴展】,擴展外觀後,線條轉換成爲了填充圖形。進入【路徑查找器】,點擊形狀模式的第一個圖標即“聯集”。這時,要爲其填色就變得非常容易。

黃金比例尺製作圖形

 

STEP 12

運用實時上色工具,對目前的圖形“線條”(注:這裏已經變爲了可填充的圖形)填充顏色,我在這裏選擇了深褐色。將前景色設置爲某種色彩,實時上色工具就會在所點擊的位置填充某色彩。比如我在這裏爲雞頭的部分填充紅色。

黃金比例尺製作圖形

 

STEP 13

我的配色方案如下。這是最爲簡單的純色搭配。

黃金比例尺製作圖形

 

最終效果如下:

黃金比例尺製作圖形

 


來源:千鋒UI設計

發佈了252 篇原創文章 · 獲贊 329 · 訪問量 53萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章