火星网校
AI教程：教你创造时尚多彩的网站LOGO
发布时间：2018-11-17 19:57:24
编者按：@飞屋睿UIdesign ：在做网页设计时，难免会遇到将LOGO一并设计的时候。因为客户往往很少拿原来的印刷版的LOGO再投入使用，过时的设计也不符合新的网页风格。因此，这也给UI设计师们一项新的挑战：怎样给网站设计新LOGO？
这个LOGO设计来自于最普通的几何正圆，由于英文字母的圆滑外形，通过一些修饰，就能用圆形来打造出独特的文字标识效果。
一、绘制草图
一般而言，LOGO设计前，除了先将要传达出的信息理解透彻外，还要在草稿纸上反复尝试各种形式。我将这个过程称之为“找感觉”。我们没有办法凭空就能设计出最优的版本，那么前面试错的过程就显得尤为重要了。
二、绘制线性图
草图其实只是一个前期的概念化的过程，细节则放到实际制作过程中去表现。在此，我省略了草图绘制的过程。
打开AI软件，新建一个文档，800px*600px。由于是矢量图形，因此大小可以任意。使用椭圆工具，画出一个80px*80px的正圆。这里点选椭圆工具后，在画笔上双击两下就能弹出椭圆工具对话框，高度和宽度设置为相应的数字，点击确定即可。然后将这个圆按住ALT键，复制7份排列成下图的形状。
运用剪刀工具，先剪掉圆的部分曲边。剪刀工具的用法十分简单，选中相应的路径，点选要剪掉曲边部分的两端，然后再选中这个曲边，删除。
使用钢笔工具，在已有的圆形路径上对其中一些部分添加一些路径，让圆形更倾向于字母的外形。
选中所有的路径，然后将描边扩大到20pt。
三、配色
这也是我在之前就没有进行编组的原因，在此我要对这个LOGO进行上色。很多人都会在制作前就已经有了配色方案。你可以去专业的配色网站挑选一个你认为合适的配色，也可以看看其他的配色网站是否有你喜欢的配色方式。下图是我在配色网站里所选择的配色。
开始上色的时候，会将现有的曲边再分拆，这时，依然可以选择剪刀工具，只是不要再删除。另外需要相应调整字母与字母的叠放顺序，比较快捷的方式是按住Ctrl+[]来进行叠放。经过上色修饰后的效果如下。
四、精修
或许这样的排列显得不够特别，那么，让我们试图将这些字母靠紧一点，让它们有种拥挤的感觉。甚至有些可以穿过对方，营造一种交织的状态。选中相应的字母，然后用键盘的左右键就能控制其左右移动，这个过程当中，可能会遇到字母部分之间的叠放顺序也会不一致，这没有关系。遇到叠加部分，我会用剪刀工具修剪掉多余的部分，你也可以参考我的做法。
当已经确定好位置后，我们就选中整个图形，进入【对象>扩展】，将我们的描边变为了填充。
这时，我想要为上图中的两个字母（黄绿色）改为渐变填色。这时，大家会发现由于这个部分已经拆为好多小的部分，叠加的次序也不尽相同，如果直接给它们编组，叠放次序就变得一致，而叠放次序的改变就会让我们的图形发生改变。但如果不编组，图形要添加一个渐变填色也是非常困难的事。
这里，我来说一下我的解决办法，当然，你的办法或者更巧妙。我将整个图形选中后，用Ctrl+Shift+F9调出路径查找器，点击“分割”，也就是左下的那个小图标。这样，我就将这个图形四分五裂了，在我们要添加渐变的这个部分里，将叠放到底部被遮挡的部分抛弃，将看得见的部分选择之后，再编组，编组后的图形，点选路径查找器中的合并（即下排左边开始第三个小图标）。这样，添加渐变填色就不在话下了。
添加渐变填色，我们进入到外观面板。面板中增加一个新填色，选择渐变色板。
对图形边缘的瑕疵进行修饰，我们用直接选择工具。这时可以利用路径查找器将整个图形修边后，再进行合并，图形的轮廓会变得平滑。
再对图形的部分做出点阴影的修饰。选中需要添加阴影的部分形状，然后复制一份。进入【效果>模糊>高斯模糊】，模糊参数在此我设置的是3.5，根据图形的大小数值会有所不同。模糊后，将阴影放置于这个形状的下方。
另外一个部分我也这样做，不过由于刚刚我已将这个图形合并过，所以这里我可以复制一份后，用一个矩形去裁切这个原有的形状。让它只保留住阴影的部分。阴影做好后，还可以适当改变下透明度或者形状，略微旋转等。
最后，效果图完成，放上其他可以添加的元素。
后记：
尽量放大图形进行精修，矢量图的平滑美感就能得到完美展现。
（免责声明：本文整理自网络，版权归原作者所有，如涉及作品内容、版权或其他问题，请及时与我们联系，我们将在第一时间予以删除！感谢您的理解和包容。）
分享
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
在杭州学习UE5，掌握未来游戏设计的核心技术。火星时代教育为你提供全面的UE5课程，助力你开启职业新篇章。了解UE5的就业前景......
-
杭州是一个动漫游戏氛围浓厚的城市，去杭州发展，选火星学习，进入游戏动漫行业，大有可为哦
-
此篇文章深度介绍了室内3D模型线上课程的内容和结构，并着重强调了其在新时代创新技术中的重要性。最后，我们将介绍火星时代教育公司......
-
探讨目前各种C++培训班的特点，提出如何挑选适合自己的C++培训班，并介绍火星时代教育的相关信息。
-
影视动画设计基础课程的深入解析，提供给所有对动画创作有兴趣的人。让我们一起来了解更多动画设计的世界吧！
-
文章详细描述了剪辑制作培训机构的课程设置以及如何选择一个好的剪辑制作培训机构。
