AI设计网页LOGO教程

版权申明：本文原创作者“飞屋设计”，感谢“飞屋设计”的原创经验分享！

前言

在做网页设计时，难免会遇到将LOGO一并设计的时候。因为客户往往很少拿原来的印刷版的LOGO再投入使用了，过时的设计也不符合新的网页风格。因此，这也给UI设计师们一项新的挑战：怎样给网站设计新LOGO？

这个LOGO设计来自于最普通的几何正圆，由于英文字母的圆滑外形，通过一些修饰，就能用圆形来打造出独特的文字标识效果。

先来看看效果图：

FEVTE编注：更多AI教程讨论及AI作品提交请到飞特网AI实例教程栏目:https://www.fevte.com/plan/ai/aisljc/

一、绘制草图

一般而言，LOGO设计前，除了先要将其要传达出的信息理解透彻外，还要在草稿纸上，反复尝试各种形式。我将这个过程称之为"找感觉"。我们没有办法凭空就能设计出最优的版本，那么前面试错的过程尤为重要。

二、绘制线性图

草图其实只是一个前期的概念化的过程，细节则放到实际制作过程中去表现。在此，我省略了草图绘制的过程。

打开AI软件，新建一个文档，800px*600px。由于是矢量图形，因此大小可以任意。

使用椭圆工具，画出一个80px*80px的正圆。这里点选椭圆工具后，在画笔上双击两下就能弹出椭圆工具对话框，高度和宽度设置为相应的数字，点击确定即可。然后将这个圆，按住ALT键，复制7份，排列成下图的形状。

运用剪刀工具，先剪掉圆的部分曲边。剪刀工具的用法十分简单，选中相应的路径，点选要剪掉的曲边部分的两端，然后再选中这个曲边，删除。

使用钢笔工具，在已有的圆形路径上对其中一些部分添加一些路径，让圆形更倾向于字母的外形。

选中所有的路径，然后将描边扩大到20pt。