使用Illustrator描摹标识

Design logo by Illustrator

Posted by Andln on May 21, 2014

teaser 最近一段时间,经常需要设计些标示,在设计过程中,需要大量的设计原材料来进行排列组合,并从中想到一些新点子,对于初学者来说,就是以模仿为主,好的模仿能够很好地提供你标识的设计感,希望这种方法对大家有帮助。

我们先解释下何为标识,这里说的标识也就是大家常说的logo,它是个人或者团体传递个性化信息的重要媒介,个人理解就是图形化的姓名,当然更专业的解释可以去搜一下,不过相信非专业认识有个大致的理解就可以。 所以在我们获取“原材料之前需要些什么工具呢”?

  1. 原材料:高端的,清晰的,平面的标识设计;
  2. 工具:软件adobe illustrator;
  3. 需要一些排列组合的灵感;

整个设计流程如下:设计前需要浏览大量的参考设计,但是这些设计大部分已经是.jpg或者是.png文件了,这种情况下,他们是不能进行改动的。所以需要用illustrator这款软件,将标识的边缘反向计算,得到边缘路径,这样就可以从中获取标志的一些“零件”,从而更快地迭代设计,包括颜色的调整,元素的排列组合,曲线的改变等。

寻找原材料:

有许多设计的网站会提供设计参考,比如dribbble,站酷,这类网站很多时候会提供设计源文件以供进一步的设计,但受限于源文件,设计的资源也很有限。这时候可以直接使用搜索引擎,百度,谷歌,Yandex。在搜索的时候有一些关键字的技巧,比如想做跟志愿者有关的标识,关键词就用爱心+logo,爱心+icon的组合,可以获得更精确的设计原材料:

设计原材料的选用有比较严格的要求:

  • 高端的:看个人修行,用你的眼光来决定;
  • 清晰的:这里需要运用illustrator图像描摹的功能,太模糊,这小软件会看不懂;
  • 平面的:如果你的logo充满渐变立体的效果,最后临摹出来的效果会很差;

好的例子: goodExp 坏的例子: 存在渐变,互相覆盖的关系,而且背景很复杂,会影响临摹的效果 badExp

开启illustrator

adobe的illustrator是一款矢量插画的软件,这里仅仅用到这款软件一些很小的部分

  • 一个功能—图像描摹,
  • 两个工具—选择工具和直接选择工具,
  • 一个面板—颜色面板
  1. 新建一个a4纸大小的文档,文件->新建,
  2. 导入标识:文件->打开
  3. 临摹标识(一个功能):选中标识图片,点击图像描摹,在点击扩张得到路径文件 当你看到你的标识周围都是点的时候,你就已经成功地把一个jpg/png图片转化为可编辑的工程文件,这时候的标识形状颜色就随你改变了。 path 贴士:有些图片由于自身质量原因,临摹的结果可能会不好,这里你点选图像描摹右边的三角形,多试试几种方法,不同的方法可能得到的结果会不一样,选择你最满意的结果。 style

  4. 改变形状:这里介绍ai的两个工具选择工具和直接选择工具 arrow 黑心的箭头就是选择工具,他可以对整个路径进行移动 白心的箭头是直接选择工具,它可以对路径的锚点和手柄进行调整 通过这两个工具的使用,使临摹出来的标识,更加平整和光滑 smooth

  5. 改变颜色:选择你要更改标识的部分,对颜色进行改变 color

再创作

以上的步骤详细介绍了,如何从图片中萃取所需要的设计元素,接下来是需要加创意再创作的时候。 通过对原始标识的旋转,放大,分解,重构,最终得到你所想要的标识。至此批量生产标识的过程结束了,通过这个方法,基本上20分钟能设计出一个新标识。

作品展示:

final

总结

当时发现illustrator有图像描摹的时候,内心真的是无比激动,可以瞬间得到标识的路径信息,否则你就需要拿钢笔工具慢慢临摹。所以也希望大家能通过这个便捷的功能,得到你满意的标识。

about