用一个AI教程，帮你学会运用黄金分割绘制图形

@UIdesignn ：许多学生一直认为黄金分割很难学习，也没有严格的逻辑可循。然而，今天我们可以根据黄金分割矩形绘制更完美的图标形状。对于许多不知道如何使用黄金分割的朋友来说，快速学习吧！

一、基本形状是圆形建造的。

STEP 01

打开AI，新建文档，文档大小可以参考我的设置。

STEP 02

根据黄金分割矩形，在每个矩形中绘制不同的圆。这些不同圆的大比例正好符合黄金分割的规律。我们简单地称这些圆为圆a、圆B、圆C、圆D...，便于区分下一步。

STEP 03

使用这些不同的圆来构建基本形状。什么是基本形状？通过观察我们周围所有事物的形状和特征，所有事物都可以简化为简单几何的组合。这些简单的几何形状是建模的基本形状。

根据鸡的形状特点，我们使用圆形来构建这个图标的基本形状。在绘制基本形状时，最终的目标效果应始终放在大脑中，以确保基本形状结构的合理性。

首先用一个圆A和四个圆B构建最初的简单基础形状。这部分是鸡的身体和尾巴。因为鸡尾巴是其重要的识别特征，所以稍微夸张一点也不过分。

造型中有一些关键节点，它们起着连接身体各个部位的作用，所以这些部位必须有几个关键形状相交，才能合理完成过渡。

STPE 04

继续添加两个圆C，其中一个与之前的圆相交。这一步画的是鸡身的一部分。

STEP 05

接下来画鸡头的部分，有点复杂。继续增加两个圆D。

STEP 06

然后增加线条辅助形状，用最小的黄金分割矩形中的圆形形成鸡头。

到目前为止，我们的基本形状已经完成。为了保持黄金分割的比例，我们不能轻易改变形状的大小。整个形状应保持同步缩放比。

二、“剪”出鸡形

此时，基础形状仍处于未加工状态，因此，我们需要“切断”多余的部分。

STEP 07

选择整个基本形状，然后使用“形状生成工具”进行修剪。按住ALT键点击形状时，工具图标将从加号变为减号。此时，您可以直接点击图形线进行删除。首先剪掉鸡身和鸡尾。在删除过程中，基本形状的某些形状位置可能需要根据实际情况进行微调。这些都是灵活的。在处理过程中，我们应该非常注意整体形状的效果。

STEP 08

然后剪掉鸡头的部分。鸡头的部分不容易处理，因为它的线条有点复杂，所以细节必须放大并删除。大多数都被删除了，其余的都是本质。删除后，使用钢笔工具绘制线条以显示喙和脚。

STEP 09

鸡的形状已经画完了，然后我们检查了一些未连接的锚点，以使线条更加光滑和完美。继续删除未完全清洁的线条。

三、为图标填色

图标可以是线性图标，也可以是彩色图标。在这里，我们将一起完成颜色效果。

STEP 10

在我们面前，为了方便处理线条，线条的厚度值是2px。此时，我们需要加粗线条，以使图片看起来更强大。当线条加粗到4px时，即2倍后，整个图案更加“可爱”。

STEP 11

选择整个图案，然后输入[对象>扩展]，扩展外观后，线条转换为填充图形。进入[路径搜索器]，单击形状模式的第一个图标，即“集合”。此时，填充颜色变得非常容易。

STEP 12

使用实时着色工具填充当前图形的“线条”（注：它已成为一个可填充的图形），我在这里选择了深棕色。将前景设置为某种颜色，实时着色工具将在点击的位置填充某种颜色。例如，我在这里用红色填充鸡头。

STEP 13

我的配色方案如下。这是最简单的纯色搭配。

最终效果如下：

后记

许多图标可以用简单的几何形状，而黄金分割率可能会产生更好的效果。但黄金分割不是一个通用的公式，也不是一百种尝试，这需要在实践中不断积累。黄金分割可能是一个神话，也可能不是。

「用一个案例教你学东西系列」

智能对象“使用实用教程，让你学习智能对象”方形图，“使用后期教程，帮助你学习使用方形图破解图像”层风格，“做实用教程，让你学习层风格9技能”设计过程，“使用实用案例，帮助你理解完整的设计过程”主任思维方式，“使用简单的体重记录功能，揭示UI设计主任的思维过程”交互思维方式“使用文本框，让你学习交互设计师的逻辑思维方法”交互面试问题，“使用框架，帮助你学习这个最常见的交互面试问题”

原文地址：ifeiwu

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================优设网==============.com“它是中国最受欢迎的网页设计师学习平台，专注于分享网页设计、无线终端设计和PS教程。设计师需要阅读的100本书：历史上最完整的设计师图书导航：http://hao.uisdc.com/book/.设计微博:拥有180万粉丝的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源，下载顶级设计材料。设计导航：推荐世界顶级设计网站，设计师必须导航：http://hao.uisdc.com