作者：胡晓波梦工厂（ziyou-design）

作者：高夜间

又到了强逼自己自学的时间了！没配套措施，那时整座中国经济那么不高增长，再不回去努力，碗都买不起了…更何况做为两个设计师，你不自学不上工你还有才干啥，何况你还能有女朋友？TAT 好了，咱不 emo，咱学出来…

这篇讲义重新整理了七个比较常用的 LOGO 在设计中的表现表现手法和适当地所制到的 AI 工具，它依次是：

1. 拉丁字母混和收敛 LOGO（混和工具）

2. 球形环绕着式 LOGO（3D德博瓦桑县）

3. 繁杂花纹 logo（花纹计算机程序工具）

4. 歪曲抽象化 LOGO（手提袋歪曲建立）

5. 多次重复转换式 LOGO（歪曲和转换）

6. 三维蓝紫色 LOGO（绘出三维绘图常用表现手法）

7. 全彩半调 LOGO（全彩半调的用语）

8. 用白银比例圆设计 LOGO（白银比例圆制做应用领域）

由于是讲画法的东西，因此真挚提议看完后要最少仔细分析着做两遍，即使不做相等于白看！防止在评论区看见双眼会了手不会等正面信息

，好了，上面他们就已经开始吧！

ps：对Grignols不太感兴趣的朋友能去第三条观赏视频版，总而言之，不容许任何人有任何理由不自学！！

他们先来分析一下这个事情 LOGO：

1. 基本花纹为拉丁字母 D；

2. 一大一小、一长一短均匀地进行向外收敛蓝紫色。

如果他们把一大一小、一长一短依次单拿出来，都是比较方便做出来的，先做出两个不一样的线然后绕着 D 的外轮廓混和就好，但是同时满足这两个条件的话，就需要采取其他的配套措施，ok，上面他们上看一下演示步骤。

第一步，他们先把拉丁字母 D 的外轮廓画出来，直接用两个方形右边拉圆角即可！

然后他们选择【对象】??【路径】??【偏移路径】，数值改为负数，向内缩小复制两个。

将里面的 D 左边断开，并连接到外面的 D 里面。

用上面同样的方法再次向内整两个小 D。画好后他们就能直接删掉它了…不是，删一半就行，即使绘图是上下对称的，他们先画一半直接镜像！能事半功倍，能偷懒就偷懒。

画完这三条线有啥用呢？不急，他们先从最外面的入手，先在左右两个端点处依次画一大一小的圆。

然后对这两个圆进行混和，用【混和工具】依次点击两个圆，指定步数改为 9，然后再【替换混和轴】，就能让圆心沿着他们画好的路径进行大小多次重复排列。

然后他们在最小的线的两头端点处依次画两个很小很小的圆，再次执行前面同样的操作，混和 9 步，替换混和轴。

然后他们依次让上面的大圆对上面的小圆进行混和，步数给的大一些，这样就会出现收敛效果的绘图啦。（别忘了先扩展和取消编组）

那一大一小的收敛该是不是实现呢？这就用到了他们第二根线了，他们依次把单数混和上面的圆向下移动到第二根线上，然后调整一下间距，就搞定了！

画好一半了，直接镜像复制一下，整体就出来了，然后他们给每一根线添加上蓝紫色色。

最后加上排版就搞定了，这个 logo的难点在于他是一大一小地进行收敛，因此直接用单个线来混和达不到这个效果，因此他们就采取单一作战模式，用同样的方法，选择不同的混和对象，会实现不同的效果。

红点奖做为世界三大设计奖之一，一直以来都是设计师们梦寐以求想要获得的奖项，它的 logo 大家应该都很熟悉，但这种椭圆形环绕着式 LOGO 很多同学都不知道应该是不是实现，ok，上面他们就来设计两个红点奖颁给日夜操劳却依旧菜 b 的自己…

首先第一步他们先画两条相等长方形，其中第两个填充为红色，第二个去掉填充色和描边。

然后他们就向下复制多个，但也不用太多，给太多不好的…

后调出符号窗口，将这个绘图编组后整体移动到符号窗口里面，也能取两个好听的名字，虽然没什么用。

放完后先不管它，他们额外画两个圆形，注意用描边模式，后砍掉它的一半。

选择【效果】??【3D】??【德博瓦桑县】

先选择【贴图】，将符号部分改成他们刚才设置的绘图，然后点击【缩放适用】及【三维模型不可见】，能适当拉高拉宽，后确定回到德博瓦桑县页面，拖动左边的方块更改它的德博瓦桑县方向，然后选择下方【表面】改为无底纹。

得到新的绘图后，是漫长的取消编组和扩展，多操作几次，你就能得到上面两个部分。

将他们居中对齐，然后给上面的绘图增加两个蓝紫色，这样效果就出来了！

最后就是更改一下细节了，将上面和上面的部分能单独切一下，做出两个角度。ok，基本的方法就是这样啦，虽然最终效果和红点的原因 logo 不太一样，有点像破产版，但没配套措施，想得到真正的红点奖，还得靠你自己的努力！！！

他们在遇到相对比较繁杂的绘图的时候，一般就会用到花纹计算机程序工具，它能通过合并或删减简单花纹创建出繁杂的花纹，掌握了这个工具，能说你的 logo 就多了无数种可能性。上面他们通过两个看出来比较繁杂的案例来演示一下如何使用它！

越是看似繁杂的东西，往往越具备一定的规律性，他们看一下这个绘图，能发现它是由两个部件通过旋转复制得到的，如下图：

因此他们只需要把这红色部分先绘出出来，就很容易画出来了！他们看一下操作步骤。

第一步先画出他的网格，先画出横线部分，再倾斜 60 得到右斜线，然后将右斜线镜像复制出左，最后三组居中对齐。

接着他们画出它的圆形框架，注意与线段的对齐关系。

ok，这样就把所有的网格线全部绘出好啦！这个时候就能回到已经开始的时候讲的，他们只绘出那六分之一的绘图即可。选择【花纹计算机程序工具】按住 alt，将多余的线删除（记得提前复制一份圆备用）。

得到这个绘图后，他们将它描边加粗一些，然后扩展，后绕大圆心旋转 60 度复制一圈（为了方便切割，他们把线往外延伸一些）。

这时候他们再次请出花纹计算机程序工具，一是将大圆外圈的部分删掉，二是将内部闭合的地方填充上。

最后他们再在中间连接两个矩形色块，就做好啦！为了充分体现花纹生成工具的强大功能，特意选了那么个繁杂的 logo，真是累瞎了我的狗双眼… 总而言之总而言之，花纹计算机程序工具的作用有很多，能提取闭合绘图，能删除多余绘图，线或者面都能进行操作！

他们无论是在做 logo 还是做辅助绘图的时候，这种异形歪曲空间绘图真的很常见，它看似繁杂，其实用两个工具就能搞定，就是手提袋歪曲工具。

他一共有三种表现形式，第两个是用变形建立，也就是他们在效果中看见的旗形、波形、鱼形等，常用于文字；

第二种是用顶层对象建立，比如先画两个苹果，然后打上文字介绍，用这个建立就能让文字歪曲成苹果的花纹；

而第三种，用网格建立，是可控性非常强的歪曲变形，他们通过建立网格体系产生大量的锚点，拖动任意两个都能产生不同的变化，上面他们就用这个方法来做一下这个 logo。

第一步，他们先画两个长方形，向下均匀复制多个，形成多个等距的长条。（也能用混和工具）。

第二步，给绘图添加蓝紫色色。

第三步，他们选择绘图，执行【对象】?【手提袋歪曲】?【用网格建立】，行数和列数均设为 1。

然后就是关键的一步了，他们用直接选择工具（A）拖动调整网格的锚点和手柄，得到两个歪曲的绘图（如下图 1234 各点的位置转换）。

调整完后将绘图扩展，用花纹计算机程序工具将中间重合多余的地方删掉（按住 alt 删除）。

ok，最后加上排版，两个通过歪曲得到的抽象化鸟 logo 就做好了，这个方法基本的套路就是这样了，主要在于锚点摇杆的调节和把控，另外，在设置网格半径时，数值越大，可操作的空间及难度也就越大，大家能多去试试看。

参加过波波品牌课的同学们应该都知道，这类 logo 就是贵为九大构成之一的多次重复构成！即使特有的多次重复性和规则性，使它呈现出来的效果会很高级很实用。但是我看很多同学在做的时候都是单个的缩小放大摆放…这样往往是很不标准的，上面给大家安利两个简便高效的方法！

首先第一步他们还是先把基础绘图画出来，用钢笔工具勾两个造型即可，注意线条要丝滑一些！

然后就是重点部分了，他们选择【效果】??【歪曲和转换】??【转换】依次调整一下的参数（参数不是固定的，要打开预览根据自己的实际情况来设置）

缩放：控制转换的大小对比

移动：控制转换的路径方向

旋转：控制转换的路径角度

副本：变化添加的绘图数量

ok，调整完后就能得到上面这个造型了！

然后他们给它添加颜色啦，这里再来两个快速设置蓝紫色色块的方式，先做好最深色和最浅色，然后用混和工具很容易就做出来了。

做好颜色后他们就两个两个的给它上色就能了。

最后加上底色和排版就搞定啦！

转换这个方法真的非常好用，非常适合多次重复构成的 logo，这里给大家留个小作业，能用这个方法试着自己做一下华为的 logo。

三维 logo 往往拥有比纯扁平 logo 更加良好的视觉展示，在色彩上也更多运用蓝紫色色进行搭配，使其更具吸引力。

但是实现出来往往比扁平 logo 要困难的多。上面他们通过这个案例来演示一下绘出三维 logo 常用方法。

先简单分析一下：

由三个立方体堆积搭配蓝紫色色形成视觉错位感，ok，他们第两个思路就是先从单个立方体入手，上面他们就来绘出一下立方体。

首先他们画两个正方形，大小给到 80px（也能是其他数值，但要记住这个数值）。

点击【效果】??【3D】??【凸出与斜角】，执行三步操作：

1. 将位置改为等角上方；

2. 凸出厚度改为 80 的两倍也就是 160；

3. 表面材质选择无底纹。后点击确定。

这样两个基础立方体就出现啦，为了方便后面的操作，他们能换成描边模式。然后通过这个立方体进行旋转，依次旋转 -30、-150，90 度得到三个不同倾斜角度的立方体。

将他们组合在一起，然后用形状生成工具绘出出错位感。

再依次给每个面添加上蓝紫色色，就完成啦！

那除了这个方法还能是不是做呢？假设他们已经画好了草图，在草图的基础上绘出 3Dlogo 的时候，能使用网格大法！

能看见这个绘图的斜边是直线倾斜 30 度来完成的，那他们就能用这个角度先把网格绘出出来。

然后通过网格能直接用【花纹生成工具】或【实时上色工具】将视觉错位后的绘图绘出出来，省去了 3D 的步骤。

后就和第一种方法一样添加蓝紫色就完成了，这个方法比较适用于在已经有草图或想法的基础上来绘出，会更精确更快捷，如果是想单纯的绘出三维绘图，那还是更多的用第一种 3D 凸出与斜角的方式。

这是全球市场调研咨询公司 PRS IN VIVO 推出全新品牌 LOGO，相信大家看见它应该不会陌生，没错，它就是运用了全彩半调效果来进行视觉设计。它会帮你生成两个波点圆形点阵，呈现出一种像素化感觉，同时也是波普艺术中重要的变现形式，上面他们就看一下如何做出全彩半调效果的 logo。

他们在进行设计前，先新建两个 cmyk 模式的画板，分辨率也给的大一点。

他们画两个正圆，给它添加两个黑白蓝紫色。

将蓝紫色模式改为径向蓝紫色，再点击反向蓝紫色，再将黑色部分改的稍微灰一点，得到两个新的蓝紫色圆形。

然后他们就用这个绘图进行全彩半调。【效果】?【像素化】?【全彩半调】

那么如何控制点阵中原点的排列疏密和数量呢？

他们在进行全彩半调的时候，会添加两个半径参数，这里数值就决定了点阵的数量（也能随便输入两个数值，然后放大缩小圆形进行控制）而疏密程度，则是由一已经开始他们给予黑色的黑度所控制的，越黑越密，越浅越疏。

OK，调整完参数后，他们将它变成矢量绘图。具体操做为：

1.【对象】?【栅格化】

2.【图像描摹】?【黑白徽标】?【扩展】

这样两个矢量的全彩半调圆形点阵就做好了，后添加两个粗一点描边的圆框，将圆框与之前的圆多次重复部分用花纹生成工具提取出来，删除多余的波点，再添加蓝紫色和文字排版，就得到了这个 logo 绘图。

全彩半调不仅仅局限于圆形哦，其他任何花纹都能用这个方法进行点状像素化，还不快去试试？

上面这些图，虽然可能没有见过，但大家一定都不会太陌生，是的，上面的绘图都是用白银比例圆来完成的，只要是做过 logo 有一定时长的同学就一定会接触。我也曾经遇到过好多次客户直接在设计需求中点出了要用白银分割比例做设计绘图…至于它为什么好看，那不是他们今天所研究的，今天只负责教会你该是不是用！

工欲善其事，必先利其器。想要用白银比例来绘出绘图，那首先你得把白银分割比例的圆先做出来，这里介绍两种比较方便快速的绘出方法：

第一种是白银比例分割，也就是通过绘出 0.618 倍数的多个绘图，如下图。

但是他们在实操中没有必要用那么规整的来方形堆积来绘出，只需用两个工具就可轻松搞定！

双击【比例缩放工具】，等比数值改为 61.8%，点击复制。

这样就得到了 1：0.618 的两个圆啦，他们只需按住 CTRL+D，多次重复复制多个，两个白银比例圆就画好了！

第二种方法是利用斐波那契数列绘出。斐波那契数列指的是：1，1，2，3，5，8，13，21，34，55，89…这样从第三项已经开始，每一项都等于前两项只和。换算成设计语言的话就是那么个绘图：

他们用这个结构，把每两个正方形都换成圆形，组合出来就是两个白银分割比例的圆形环。

以上两种方法哪一种都能！灵活运用！上面他们就用画好的白银比例圆来绘出 logo。

首先，你得先画两个草图…纸上或者 PS 都能，将它垫底。

然后他们把白银比例圆放进来，注意不要随意放大缩小，先整体编组，将最大的圆环对准绘图最大的弧线部分，后就能将剩下的圆进行一一对应摆放了。（可无限多次重复使用，一些小细节能适当拉大拉小一点点）

摆完后他们用【花纹生成工具】或【实时上色工具】，将切割得到的大象绘出出来！

白银比例固然好，但是他们在设计的过程中不能过度的去依赖它，毕竟无论你用不用它，只要 logo 是好看的，那就有价值！PS：不过它确确实实能够为你的提案加分…很多客户都吃这一套，嘘…

好勒，七个案例全部完事了，不知道大家吸收的是不是样，其实虽然分了七个方向，但有很多画法都是互相通用的，而且AI中隐藏的小画法远远不止这些，相信跟着一起实操过来的你，一定能丰富自己的武器库，给自己的LOGO作品集，增添一大波可能性！

好了，做 AI（Adobe illustrator）也做的有些累了！记得实操！