距离上次写LOGO教程，已经有好长一段时间了。在那段时间里，我忙于期末那五花八门形式多样的考试和大作业，难以抽身写博；即使到了我承诺的日子（6月20日），我仍然没能把这个教程的第三集写出来（其实是一点儿都没写），因为那时实在是心神不安。现在好了，东西都找回来了，图床继续使用PicasaWeb（向 可能吧 学习！），至于新注册的两个，用起来都比较麻烦，不过对大图支持比较好（pikeo可以直接连到全尺寸原图），以后就用来发壁纸什么的了。

好了，废话就说到这里，现在开始正题。这次的教程的主题是“ANNYWEAVER LOGO的发展史”，内容会比较多，大家要耐心哦！

ANNYWEAVER名字的由来：

这个名字是我的一个同学起的，Anny是他当时的女友，Weaver则来自于Dreamweaver，这个名字的意思就是，Anny用Dreamweaver制作的作品（其实就是帮Anny做她的期末作业来着）。后来，由于感觉很押韵，这个名字被我们一直用了下来……

本文图中标明了我使用的字体名称和原始外观，请大家自行搜索下载，不要找我索要了～

LOGO最初版：

最初版的LOGO是由ANNYWEAVER的全名组成的，没有任何缩写。制作时将文字分为两行（ANNY和WEAVER），对大写的A进行变形，将两个N接合，并将WEAVER的A和V接合。然后，对LOGO进行了一些处理，添加了类似发光的效果，并应用多种颜色，制成不同版本。

annyweaver_01

这一LOGO的缺点很明显：第一，它的配色使它只适合黑色背景，如果换成白色背景，那么所有的发光效果将没有意义；第二，它太大太长，还是纯文字的，不适合小尺寸，无法用于制作Favicon等小尺寸图标。总之，它对文字的表达过于直接，修饰也浮于表面，既不美观，也无法应对多种使用环境。

为了解决这些问题，我开始尝试将ANNYWEAVER这个词组缩写为AW，并以此为题制作新的LOGO。

LOGO第二版：

制作第二版时，我的思路就是，将AW两个字母结合起来，形成图案。思路很简单，因此制作起来也很简单，主要就是使用Fireworks的“部分选定”工具。

时间仓促，我在下图只是简单地演示了一下制作过程：1、输入字母A和W，并将其分别转换为路径；2、将字母A的一横去掉，并拉长左侧部分；3、拉长右侧部分，并调整其倾斜度使其与W对应部分平行；4、移动两个图案，将其接合到一起；5、继续调整A和W，使其完美接合。最后为了修饰，我又加了一个四分之三圆在外边（个人认为这个圆不加更好，加了总是看着像铁路的LOGO）。

annyweaver_02

这个LOGO比起上一个，最大的好处就是可以做成Favicon等小图标，因为它对ANNYWEAVER就行了缩写和一定的抽象，其实虽然来自文字，但具有一定的图案特征。缺点则是，结构复杂，特色不够鲜明。

LOGO第三版：

这是ANNYWEAVER使用时间相当长的一个LOGO了，也是我给ANNYWEAVER做的LOGO中最抽象的一个。其实它的制作方法比上一个还要简单，只需要对一个字母进行形状变换。实际上有时技术并不是问题，你需要的只是耐心。这个LOGO花掉了我两个小时的时间，但制作方法我一句话就可以概括：使用“部分选定”工具调整已转换为路径的字母W的外形，使用“矩形”工具、“椭圆”工具和“组合路径”里的命令制作缝隙和圆孔。大部分的时间，都花在了细节的调整上。

annyweaver_03

这个LOGO遇到的主要问题就是，它实在是有点儿太抽象了。图案的主体是字母W，而字母A则由W的中间部分加那个圆点来表现。令我没有想到的是，整个图案给很多人的第一印象是，这很像一架科幻片里的战机。另外，它看上去还是有那么一点复杂。我对大家的建议是，不论如何去做，如何对文字进行变形，都不要把图案搞得太复杂，那样不利于访客的记忆。

LOGO第四版：

第四版aw.classic实际上非常简朴，就是两个字母加一个圆。不要小看这种方式，它可是很流行的。简单的一两个字母，配以简单的几何图形（比如，圆形，矩形，圆角矩形等）作为背景，不需要任何技巧，唯一的要求就是，找到一个合适的字体。

annyweaver_04

图中还给出了我写这篇文章时临时做的一个版本，简单的两个字母，一个矩形背景，一点点渐变色，看上去就有那么一点儿感觉了，不是么？当然，你会觉得这个很眼熟，因为Adobe系列软件的图标都和这个差不多。但不要小看这种设计，实际上有很多成功的LOGO与它都是同类。

LOGO第五版：

第五版，也就是现在使用的。图中简单地示范了其制作过程，主要还是使用“部分选定”工具。值得注意的是，字体生成的图案较粗，所以在微调中，我使用了Illustrator这个软件来使其“变细”。值得一提的是，一开始，我是想用Fireworks直接来调整的，但是Fireworks中的路径变换功能效果非常差，所以无奈选择了Illustrator。

annyweaver_05

制作思路：当我尝试了A和W的多种组合之后，突然想要看看把A和W竖直叠放的效果，加上巧遇oktober这个字体，于是就有了这个LOGO。其中，圆点构成连接字母A和W的桥梁：将圆点与上部的四分之一圆放到一起，代表抽象字母A；将圆点与下部的半圆放到一起，就是抽象的字母W。我个人认为这样的抽象比较合理，同时图案简洁，易于上色，可以用于多种场合，是一个比较合适的LOGO。需要注意的是，在制作这一LOGO时，我并没有使用字母W，而是单纯使用了oktober字体的字母A。

总结：

使用字符设计LOGO，不代表就要放弃LOGO的图案性。所谓放弃图案性，指的是单纯地使用字符来构成LOGO，不作什么改变，就像Microsoft那样，直接把全名敲出来当作LOGO——除非你已经像MS那样牛X了，否则这种方式并不适合你。要在使用字符的同时引入“图案性”，可以尝试下面的几种思路：

  • 将全名缩写成几个字母，使用某些字体，寻求将它们直接连接成图案的方法；
  • 将全名缩写成几个字母，使用某些字体，寻求将它们抽象后再构成图案的方法；
  • 将全名缩写成几个字母，并且不对字符本身进行太多修改，而是使用圆形、矩形或其它几何形状作为背景来修饰；

同时，对于前两种思路，不仅应考虑将字符横向排列的情况，还应考虑将字符纵向甚至斜向排列的情况。有时候把字符的相对位置改变一下，就可能带来新的灵感。

本次教程就到这里，谢谢大家
教程相关源文件点此打包下载


相关日志