平面设计教程子分类LOGO教程，AI设计鹿形LOGO实例教程
来源：ifeiwu
作者：飞屋睿UIdesign
当客户向你提到设计必须&高上大&的时候，你能想到什么？对于这个问题我始终存疑，任何审美都是相对而言的，我们怎么能说自己心中的高上大就是别人心中的高上大呢？也就是说，设计师也不能仅凭着自己的理解就开始动手，而应该认真思考符号背后的为普罗大众所接受的象征意义，在此基础上再倾听客户是否已心有所属，或者给予必要的引导。
今天要做的鹿的头像，在经过和各行各业的人谈过后，了解到鹿的形象带给人的是一种&宁静&&柔顺&&活力&以及与大自然亲近的那一面。这些隐含在鹿这个形象背后的信息往往被人忽略，但却是LOGO设计的灵魂。
（提示：文章末尾提供最终图的EPS源文档下载）
一开始还是要讲构思。LOGO设计绝对不是神来之笔，经过前期的设想，一步步接近心中的理想状态，这才是必经之路。客户的家居品牌以人文关怀为中心，倡导乐活生活的理念，由于都是采用木质结构，因此，这些理念都比较靠近鹿的符号化意向。
利用目前比较流行的直线条设计，直线设计的特点就是干净、纯粹，同时带着一种简约的时尚。原本的凹凸造型全部被直线所取代。
二、准备工作
在草稿速写一个简略的LOGO的符号后，打开AI，新建一个适合大小的文档。由于是矢量文件，因此，你也可以不必太拘泥于固定的大小。我在此创建的是800px*800px的文档。
在新建文档中打开【编辑&首选项&参考线和网格】，在参考线和网格的设置面板中将网格线间隔设置为20px，次分隔线设置为1。这样设置就是指网格大小已经变为了20px*20px为单个网格的=大小，而次分隔线是网格线之间是否还可以划分更小的网格，设置为1表示网格线间只保留1个网格，也就是没有次划分的更小网格的说法。（文字确实表达不了我想表达的，大家还是自己实践动手改改看效果）
在视图菜单栏下勾选&智能参考线&和&对齐网格&，智能参考线有助于你在绘制过程中实现自动对齐等辅助功能，对齐网格则有助于你的图像更加精确。
运用钢笔工具，先画上鹿的鼻子，鼻子部分是整个面部的重点，接下来的线条都在此基础上构图。你可以找一张鹿的图片，根据鹿的外形提示作为参考。注意每条线段经过的网格，让鹿的面部左右对称。
鼻子运用了白色填色黑色描边，而其余部分则关闭填色。描边大小为1px，颜色是黑色。
在运用钢笔工具时，该工具默认一个闭合的图形才结束（这里的结束就是指首尾锚点相遇），所以一条线段绘制结束时，你可以点击enter键，钢笔工具就结束了。
在绘制过程中，保持图形简洁的表现力的方式就是尽量简化线条，利用已有的线条来造型。所以这里的智能参考线可以提供很多锚点、交叉的地方，而你就重点在这些点上绘制你的图形轮廓。注意保持所画对象的特征。
如果你已经在对象的对称一侧画好了一个封闭的图形，例如本例中我已经画好了右侧的鹿角，那么左侧就可以利用对称工具进行对称变换。选中对象，点击右键，选择&对称&，在对称面板里点选&垂直&，再单击&复制&，这时就会出现一个和原对象保持垂直方向对称的图形，将图形移动到左边的适当位置，让整体画面保持对称的美感。
接下来我们要为鹿画上眼睛，由于这时已经不需要对齐网格，因此可以进入【视图&对齐网格】关闭掉对齐网格的选项。在适当的位置画上眼睛的部分。
将眼睛、鼻子的部分填充为黑色。让对象更容易辨认。保持可辨认性的基础上，面部可以增加更多的随心所欲的细节。
在鹿角的部分，由于目前的构图层次感不够强，因此，我还需要把鹿角与鹿头重叠的部分去掉。这时，可以运用剪刀工具把这一段路径剪掉，选中对象，在想要剪掉的路径的首尾两处各单击一下，再选择就能直接通过键盘的Delete键删除。
四、增强效果
这时，整体形状绘制完成。可以适当增加线条的宽度，比如这里我将原本1pt的线条改为3pt。这样整体上增强了感染力。
一般来说，我们习惯性在完成绘制时需要让轮廓线变得更粗，这样会更有体积感。在本例中，如果我们一一将轮廓线加粗会不太合适，因为轮廓线并不是一个独立的路径，可能需要我们不断去拆分已有路径组合新的路径，这样就显得很繁琐。在此，我运用一个方法，那就是在原有轮廓线外再画一个完整的轮廓线。
这时，将整个对象锁起来，不受我们接下来要画的轮廓线的影响。选中全部，点击&ctrl+2&，锁定完成。然后将描边改为另一种非常鲜艳的颜色，沿着智能参考线的锚点提示，根据锚点来绘制外轮廓线。
大家可以发现有些不完美的地方，比如鹿角并没有像理想中那般尖锐。可以在&描边&设置面板中进行调试。先将外轮廓线改为5pt，端点为平头端点，边角为斜接连接，限制为20px，对齐描边为使描边外侧对齐。每个参数都有它所掌控的属性，根据面板上图标的提示相信大家会更容易直观地理解。
将外轮廓颜色也改为和原图保持一致，解开原图对象的锁定。这时，增加了外轮廓的对象，就会让整体效果更有层次，细节也更为丰富。
五、最终效果
为LOGO增加一个纯色，配上相应的文字，就能将图形的魅力发挥出来。
源文件 微盘下载
自己动手的时候，尽量去找那种能用直线条表达的对象。就像本例鹿角是最好的直线条表达的对象。选择的时候，要特别留心观察日常生活里的每个细节。本教程完！
==================== 学习提示 ====================
打开ps，跟着教程做一遍，做完的图要到这里交作业：
教程有看不懂的地方，可以到论坛发帖提问：
加官方微信，随时随地，想学就能学！
官方微信：ps_bbs，或扫右侧二维码=================================>
关注我们微博：(粉丝33万)
想学更多的同学，可以订阅我们邮件，每天都有新教程发给你：
最后希望大家
旧一篇： 新一篇：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）AI设计图标流程及小技巧介绍
作者：佚名
字体：[ ] 来源：互联网 时间：08-02 14:48:27
这篇教程是向脚本之家的朋友介绍AI设计图标流程及小技巧，教程比较实用，很适合新手来学习，推荐到脚本之家，喜欢的朋友一起来学习吧
图标设计要求熟练运用软件，涉猎各种矢量特性、蒙板以及构造实体几何，因此，会需要同学们运用不同的软件工具与技巧，今天的译文全都是超实用的技巧干货，周末来补充点有料的。
&图形创建 vs 图形样式
我认为，对矢量路径的创建和图形样式的设定作出正确的区分是十分重要的，因为它们需要通过两种截然不同的设计软件来实现&&Photoshop 和 Illustrator。
Photoshop 的渲染质量和蒙板功能几乎超越了所有的设计软件，而 Illustrator 则囊括了丰富的矢量功能。在我的漫漫图标征途中，Illustrator 可谓是矢量路径界的王者。
值得庆幸的是，Photoshop 和 Illustrator 两者之间的转换算得是无缝连接了。通常我的工作流程是这样的：在 Photoshop 中进行简单图形操作，但如果涉及到整套图标或任何复杂图形，我会先选用 Illustrator 进行创建，而后移步 Photoshop 进行样式处理。
简而言之，Illustrator 用于创建图形，Photoshop 用于设定样式及输出。
如果你可以控制图标尺寸，那么图标样式和线条粗细应有助于规格的制定，因为许多图标都必须有一条中线。也就是说，如果一个图标的宽度为偶数，那么中线的宽度便不能为奇数。同理，如果一个图标的宽度为奇数，那么其中线的宽度便不可为偶数。
当你使用的线条宽度为偶数时，图标尺寸应为：偶数（宽）x 偶数（高）。当线条宽度为奇数时，那么图标尺寸应为：奇数（宽）x 奇数（高）。
尽可能不要混合使用奇数和偶数尺寸（除非你不混合会抓狂，那么也确保不同轴使用不同粗细的线条）。
勿用高分别率来掩盖这个问题&&在奇数宽度的图标中使用1pt（或 1dp）的线条，也许在 Retina 配置中看起来没有问题，但绝对会在1& 和 3& 尺寸的分辨率中发现让你头大的问题。
其实，大家只要把所有的点都想象成图标的基础网格，避免过于细小的偏移定位，一切也没那么复杂。要确保所有的图标设计应该从 1& 开始。
OS X 应用图标
使用简单的网格系统可有助应用图标的绘制。OS X 的应用图标尺寸均为成倍增长，因此，我可以通过 16&16 像素的图标大致界定
图标的定位，这样的工作流程就轻松多了。对于那些极小的版本，也就无需过多调整细节了。
然而，苹果的图标并没有完全吻合网格系统。不知为何，它们有着几个像素的偏差&&Safari 图标的直径为 898 像素，而非完全吻合 1/16 网格的 896 像素。
综上所述，我定义的图标尺寸与 Safari、iTunes和其它苹果图标并不完全相同，不过只是 1024 像素中的 2 像素差别而已，遵循网格对我来说更为重要。很好奇苹果为何选择这个尺寸。
iOS 应用图标
iOS 应用图标的尺寸不如 OS X 图标那么具有匹配度，工作流程略微复杂一些。以下所列为如今所有 iOS 图标的尺寸。
（应用商店）
目前总共有 10 种尺寸。但是，如果你只需制作 1x 的网格尺寸，那就只需关注 5 种主要尺寸即可。
29 (1&), 58 (2&), 87 (3&)
40 (1&), 80 (2&), 120 (3&)
60 (1&), 120 (2&), 180 (3&)
76 (1&), 152 (2&), 228 (3&)
（应用商店）
4 种基础尺寸加上应用商店尺寸
像素，工作量直线减半。另有一个好消息，要是哪天苹果发布 3x 尺寸的 iPad，那你基本也已经完成了适合该规格的图标。
在一开始，要忍住高分辨率尺寸的诱惑，专注于 1x 尺寸是事半功倍的良方，这可以帮助我们节省时间，从而获得更有效，更易维护的设计。当水到渠成时，再开始制作 2&、3& 或 4& 的版本也不迟。
特别要谨慎使用&智能对象&，要小心它们可能有特殊的尺寸变化。
从 Illustrator 开始
Illustrator 不但能让你在设计 1x 网格尺寸的图标时清晰观察所有矢量节点，并且有着数不胜数在任何其它软件中都无法实现的独特功能。我对其中的许多功能真是欲罢不能，这也正是为什么我选择 Illustrator 作为我图标工作流程第一步的原因。
对齐网格设定
我不太喜欢 Illustrator 的对齐像素设定，不过勾选&视图&对齐网格&后的效果还是非常理想的，记得关闭对齐新对象到像素。对齐新对象到像素可在新建文档或变换面板中可找到。
如果你需要对像素作非常细微的调整，可以使用移动面板（对象 & 转换 & 移动，或直接按回车键）。
自定义工具面板
最近，我重新编辑了我的工具面板，去掉一些不常用的工具，显示原本被隐藏的工具。
&路径寻找器
如果你想对图形进行加、减或排除操作（通常被称为布尔操作或构造实体几何），Illustrator 中的路径寻找器可谓是所有矢量编辑软件中最好用的功能了。
于路径寻找器中，我又最钟爱分割功能&&它将重叠的图形分割成单独的形状，这样就可以轻易地删除不需要的部分。
形状生成器
形状生成器功能比路径寻找器更新，使用起来更快捷。如果你有几个独立形状互相重叠，那么选中形状生成器，拖动鼠标即可组合形状，按住 option 同时拖动鼠标即可减去形状。
⇧M 选择形状生成器。
Illustrator CC 2014 新添加了实时圆角功能，像小手柄一样出现在所有转角处。拖动小手柄即可控制圆角的角度。这个功能不仅仅针对矩形，适用于所有形状。
实时圆角功能实现了那些原本绘制十分困难或费时的图形。Illustrator 的这款功能一如许多其它可爱的功能，方便了设计师们的工作。
如果你希望精确定义角度，可以在控制面板中的输入转角直径数值即可。
Illustrator 的扭曲以及其它封套扭曲工具可用于各种形状的弯曲和扭转，让图形变得更有趣。
我通常会先将笔触转路径后，再进入 Photoshop 设定样式。有些软件也有这个功能，但是不多。对我来说，该功能是矢量编辑软件必不可少的。
在 Illustrator 中，我们可以对笔触各个部位的宽度进行调整。
选择宽度工具（shift-W），双击需要编辑的节点后，会出现控制面板供输入数据精确控制宽度。该工具可以精准绘制出其它工具所无法绘制的图形。
Illustrator 中的虚线有两种模式&&转角对齐以及常规间隔。转角对齐虚线总是看起来更舒服，然而多数设计软件里并不包含这一选项。虚线可转化为路径后置入 Photoshop 中作后续编辑。
在 Illustrator 中，同时对多个对象进行大小、旋转角度及位移等调整是相当轻松的，并且它还能做到以每个单独物体为单位进行上述各类调整。这个小小的功能可以为我们省去大量的时间和精力。
当选取框无法满足复杂的选区时，套索工具可以做到。可与按键结合使用套索工具：（加选）， （减选）。
为提高工作效率，我在 Illustrator 中设定了一些图形样式。如果你的图标中含有很多图形样式相同的元素，这么做一定能帮你节省不少时间。
说实话，Illustrator 的像素预览图挺烂的，案例图中显示了它究竟是怎么个烂法&&像素零散，没有渐变递色，等等这些都让它的像素预览无法令人信服。因为我最终会在 Photoshop 里进行样式设定，所以 Illustrator 的像素预览对我并没有什么影响，但我们还是要对这一特点有所知晓。
大家可以在图中看到 Illustrator 和 Photoshop 的像素预览图对比，差异相当明显。
零星的像素是很危险的，iOS 和 OS X 界面图像的规格须为精确成倍的数据，所以一个图像所多出的1个零散像素就会出现问题。
Photoshop 样式设定
一旦完成图标的路径构建后，我会将他们作为形状涂层贴入 Photoshop。如果你有多个路径，可以在 Illustrator 中将它们同时选中拷贝，在贴入 Photoshop 后仍可以分为单独图层。单独选中一个路径，并同时按⇧⌘J键，即可将其移入一个新图层。
我不建议通过 Illustrator 输出位图。
我亦不将 iOS 图标存为 PDF 格式。
我使用 Photoshop 切片来输出 PNG 格式或其他位图格式。这一做法有诸多好处，譬如：可以选用一张需 10 秒载入的图层，或是一整套需 100 秒载入的图标；保持样式的整体性；易编辑。（原作者另著有一篇应用设计流程，其中录入了更多有关切片工具的详情，如果童鞋们有兴趣，小编可以进行后续编译。）如果是输出 SVG 格式，我通常结合使用 Photoshop 的生成器和 Illustrator。
以上就是AI设计图标流程及小技巧介绍，希望能对大家有所帮助！
大家感兴趣的内容
12345678910
最近更新的内容Logo设计背后的心机
如果你希望你的公司能给人们留下神秘性感的印象，那么你用明亮的绿色来作为你品牌logo的主色调显然会让人感到不搭调。这是为什么呢？
因为不同的颜色会传递给人们不同的情感。比如绿色传递者生长、自然、关怀和健康的含义，而黑色才传递着你想要的神秘、权威、诱惑和性感。不信？那就想想星巴克和绿色和平组织的绿色Logo，还有香奈儿和索尼的黑色Logo吧。
当然，颜色不是设计Logo要考虑的唯一元素。字体，每个字的间距和形状同样也可以影响到人们对于各个品牌的判断，人们在看到logo的一瞬间就已经形成了对该品牌的第一印象。
对照一下下面的信息图，来看下你的logo是否传递了正确的信息。
编译：程燕&
原文：Entrepreneur
延伸阅读：
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
网友热评的文章}