用一個AI教程，幫你學會運用黃金分割繪制圖形

@飛屋睿UIdesign?：一直有很多同學認為黃金分割很難學，運用起來也并沒有嚴格邏輯可循。然而，我們今天根據黃金分割矩形，就能繪制出較完美的圖標造型。對于很多不知道怎么運用黃金分割的小伙伴，趕快學起來！

一、用圓形搭建基礎形

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

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

最終效果如下：

后記

很多圖標都可以采用簡單幾何進行造型，而造型時能利用黃金分割比率也許能產出更好的效果。但黃金分割并不是萬能公式，也不是百試百靈，這需要不斷在實踐中積累。黃金分割也許是個神話，也許不是。

「用一個案例教你學東西系列」

1. 智能對象丨《用一個實戰教程，讓你學會智能對象》
2. 直方圖丨《用一個后期教程，幫你學會利用直方圖破解圖像的方法》
3. 圖層樣式丨《做一個實戰教程，讓你學會圖層樣式9大技能》
4. 設計流程丨《用一個實戰案例，幫你認識完整的設計流程》
5. 總監思考方式丨《用一個簡單的體重記錄功能，揭秘UI設計總監的思考過程》
6. 交互思考方式《用一個文本框，讓你學到交互設計師的邏輯思考方法》
7. 交互面試題丨《用一個框架，幫你學會這個最常見的交互面試題》

原文地址：ifeiwu

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com