大数跨境

Logo | 12种方法快速搞定文字Logo!

Logo | 12种方法快速搞定文字Logo! boooe
2021-09-10
1
导读:附赠一套延伸攻略,我们一起看看!
大家好,今天我带来了一些快速制作文字Logo的小技巧。
如果你对如何制作Logo毫无经验,或想要了解一些快速制作文字Logo的方法,那么今天的文章非常适合你。但完整的品牌设计并不单单只是设计一个Logo就结束了,所以我们先来简单了解一下正规的设计流程。

<<  滑动查看完整设计流程  >>


以上就是品牌设计的完整设计流程了,可见,Logo制作只是占了其中的一小部分。,我们先来看第一部分极简技法





路易威登是我们都耳熟能详的奢侈品牌。它的文字标看起来很高级也很有气势,不过制作的原理其实非常简单。


LV的文字标其实是直接使用的一款西文字库——Futura(富图拉)。但和成品Logo还是有差别。字母与字面间的距离不一样。


当我们调整完每个字母的间距后,字库打出来的字组已经与原Logo一模一样了。这个过程就是调整字偶间距的过程,这也是我们最简单的一个Logo制作思路。


这样的方法好像很简单显得没设计水平,其实用到这样方法的品牌可不少。


再比如另外一个知名品牌迪奥,它的Logo也是使用的字库字体完成的。


通过对比可以发现,迪奥的Logo相较于字库也没有太大的变化,只在部分细节和字偶间距上有一些细微地调整,让Logo看起来更加均衡。


巧克力品牌歌帝梵的字标设计也是用了类似的方法,不过它的改动会更大一点



歌帝梵在原字基础上保留了骨架,并将衬线部分进行切割和调整,改动过后的字标更显高级与现代感。



让我们来模拟一下,先打出想要的字组,我们需要进一步调整它的字偶间距,这样立马就有不一样的感觉了。但,记得根据项目的实际气质来调大或调小。




放大会形成强调作用。通常来说,会选择放大首字母,但有时如果单词中间的字母更合适也可以选择放大。放大时线条会变粗,要记得降低字重与其他字母保持平衡。



把“POD”的字重降低,与后面的“CAST”形成对比。要注意这个方法更适合有丰富字体家族的字体,同时不要让粗细对比太弱,会很难出效果。


还可以在此基础上将Logo置入图形之中丰富Logo场景。



选择图形的时候,需要考虑到品牌的气质、含义。当你不知道如何选择时,置入圆形或者矩形是最简单出效果的选择。



这里我选择加入了一个象征用户的符号。


尝试加入一个小球让“O”看起来像是一块磁铁。面对实际项目,我们添加的图形最好是在企业或商品的理念中提炼出的,不要为了添加而添加。




制作时多尝试不同颜色的组合。把改变颜色与其他技巧组合使用会更加出效果。




我们先调近字距,观察哪里是可以进行连接的。在这个词组里我选择o和d来进行连接。


如果将它们直接连接后,会感觉整体不够协调,相连接的两个字母中间的留白有些过大了。适当缩小这个距离,这样就舒服多了


其他字库字体的连接方法也是相通的。





先来看第一个,这个字体字重过重了,我们再换下一个。


这一个风格和字重与其他文字是匹配的,可以使用。


我们再试试替换“c”,这个字体也与整体不搭,所以还是选择上一个。搭配的可能性不止以上三个,用这个技法时,一定要多尝试不同组合选择最合适。

<<  滑动查看全部案例  >>


这些方法理论上来说加适用于西文,但并不意味着汉字一定不能使用。比如上图的案例就多少用到了我们之前的方法。


商业免费字体好用的几款都是偏向于阅读型的黑体、宋体,直接应用的话会显得过于普通,完全自己设计的话又相对费时费力,并且对字体设计功底有较大的考验。那怎么办呢?



来看看第二部分「进阶技法」。这一部分的思路同样是基于商免字体来进行修改,难度相较之前则略有提升,但仍然比完全自己设计要简单许多。




是在某些笔画上进行切断以达到丰富字型的效果。



首先选择一款字体作为打底字,用来参考结构。接下来描摹它的结构,在这个过程里需要稍作微调,并且观察哪里适合进行切割。通常在横竖笔画交叉处切割会更合适,但要注意避免切割太多部分,控制不好会显得散乱。


我们再做另一种尝试,还是用刚才的字体描摹,但是使用更细的线条和圆头端点。


先处理横笔,全部使用深灰。然后是竖笔,全部使用浅灰。利用不同颜色和笔画交错叠压营造空间感也是一种不错的表现形式。


还是回到笔画切割,这次选择描边的形式来达成切割的效果,同时也可以营造空间感。




运用这个技法的需要先选择两种字型,分别参考它们的笔画外观与结构。比如我们来看这款字型。




观察它的笔画可以发现都添加了一个锐角三角形,简洁又不乏特点。我们也可以在基础的字体上添加类似这样的特征,这就是所谓的参考笔画装饰。



再来看这一款字型,它是一款字库,笔画装饰也与之前的类似,是一个有微弱弧度的钝角三角形,选择参考这个特征来设计字型。


选好了参考特征的字体,接下来继续选择一款免费字体来参考结构。


先用钢笔工具勾提取出字体的结构。当然,你可以根据自己的目的继续对结构微调。


之前的字型偏向于宋体,我们可以对“提画”和“点画”也进行调整。


最后一步是重头戏,给笔画添加之前提取的装饰细节,这样就完成了。


有两种思路,分别是添加圆形部件和添加圆角。



同样需要先选择一款字体来打底,描摹出结构。因为一会要添加圆形部件,所以我使用了圆头端点。


然后顺应笔画的走势添加圆形部件,这其实和上一个方法有些类似。最后检查和调整一下字体就完成了。

 

调整示意

 



再看这个案例,先把所有向外突出的角变得圆润一些。这一步的变化已经让字型有了一些温润的感觉,不过,笔画交错所形成的内角仍然是比较尖锐的,也需要统一变圆。


最后再整体调整一下,这个具有人文感的案例就完成了。



最后一个技法是笔画延伸。



这一次不用描摹了,我们只需要观察它哪些部分适合做延伸和连接。


然后看“明”和“前”字。可以看出它们最大的共同特征是都有“月”,我们可以统一连接“月”中的横笔。这样就完成啦。


不同的字重使用的方法也是相同的,当然,你也可以尝试连接其他的笔画,说不定也会有不同的效果。

<<  滑动查看全部案例  >>


进阶技法到这里也就结束了,以上几个方法西文标也同样可以使用,与汉字的做法大同小异,这里就不再做演示了。



如果你想延伸学习,这里还有一套深入攻略,我们一起看看!



这里我们说的笔画,是指字体设计里面的「体饰」。如上图所示,同样的一横笔,会因外在笔画的变化而给人不同感受。黑体没有什么明显的装饰;宋体在收笔处有衬角;书写的笔画有粗细变化。当然,这只是一部分字体的笔画特征,字体的种类还有很多。




那结构是什么呢?以「东」字为例,中间的黑线就是它的结构,相当于人的骨骼;外面灰色的字体相当于人的皮肤、五官。字体是由内在的“骨骼”和外在的“五官”共同形成的。



让我们再来温故一下这次方法的核心:用参考结构的基底字型A来结合参考笔画外观的字型B,从而产生新的字型。这个方法的好处在于,不需要你有深厚的字体设计功底,就能做出比较稳定的字型出来。




把最终的成品拆开分成笔画和结构两部分来看待。因为参考了字库的结构,所以我们的起点就已经挺高了,这时候只要稍加一点笔画上的装饰,效果就会很不错了。




首先选择参考笔画装饰的字体。我们来看这组字,它特点非常鲜明:横笔极细、竖笔相对就很粗,并且横笔的两端都有衬角装饰。



接着,选择一款参考结构的字体,这里我用了鸿蒙的黑体。这里还是提醒一下大家,结构的参考,保险起见还是以几款商业免费字体为主。付费的字体如果结构改动不够,很容易构成侵权。其实,现在的这几款商业免费的黑体结构上已经相当简洁了,很适合用来作为类似技法的起点。



接下来还是老规矩,先用你的钢笔工具把结构提取出来,这个步骤可以根据你最终想做的字型稍作调整,比如这里我把钩画和撇画的细节都省略掉了。



因为我们目的是做Logotype(字标),所以可以考虑进一步图形化字体。首先我去掉了「青」字下面的钩,再将「丘」字最上面笔画处理成平的。调整笔画的同时要注意微调结构。因为你调整笔画的时候,是会对结构产生一些影响的。



做进一步变化之前,大家可以根据自己想要的风格调整字面。这里我把它压扁了一些。还记得之前笔画参考字型的细节吗?它的横笔很细,所以这种扁扁的字面,它是完全可以承载的。



所以,下面我们就开始根据笔画参考字型的特征来逐步给骨骼穿衣服了。当然,从软件操作的成面来看,你也可以看成是把原来基础的线条变成具体的形式。这一步,我们先替换竖笔。



然后替换所有的横笔,注意所有的横笔粗细是一致的。现在我们的字体已经基本有了参考字型的气质了。







最后,我们还需要一些点睛之笔——在所有笔画的起笔和收笔处加上这个装饰角。到这里这个案例就完成了。
大家可能会觉得,这样借鉴别人的笔画装饰有抄袭的嫌疑。确实,使用这个方法切忌完全照搬,我们需要做一些调整,比如结构一定要有足够的差异,笔画的细节也不用完全一样。另外我还有一个小技巧,那就是当我们选择笔画参考的时候,尽量去找老的美术字。
那么,除此之外有没有更好的办法,既保证笔画由足够的装饰性,又不会构成侵权呢?


其实,我们还可以在西文中获取灵感,用中文结构加上西文的笔画。这样就基本不会有侵权的顾虑了,而且很多字体都有用到这种思路。

以上的案例都是借鉴了西文笔画。第一张是直接使用西文字母进行拼接,难度较低;第二张的四组字型是根据西文的笔画特征结合汉字的笔画特征制作而成的,难度较高。

当然,借鉴西文的方法或形式其实是非常多样的,我们不可能一次性就给大家全部介绍完。所以,今天我会主要来讲讲,如何在中文字型中借鉴现在西文中比较流行的Ink trap造型。

什么是Ink trap呢?直译过来油墨扩张弥补,最开始,这是一种字体处理技术。在印刷技术还不够发达的时候,会出现油墨过多导致文字边缘模糊不清的情况。而为了避免这种情况,人们就会在字体角落处剔除一部分的「肉」。


就像上图的第一个「T」,它本来是干净利落的一个字母。但如果用这个造型直接印刷,就容易出现油墨晕染,边缘就会扩张,在笔画交界处这样的问题更加明显,这毫无疑问会降低文字的识别度。所以为了解决这个问题,就可以在交界处留出空缺,这样印刷后就不会过多晕染了。


不过随着技术的进步,现在已经不会出现这样的问题了。所以现在的一些新字型,使用Ink trap的造型,它的装饰性是大过功能性的。

比如这组字库字体就是明显的Ink trap造型。我们可以看到,在笔画的交界处有着很夸张的空隙。


不只是字库字,现在这样造型的字型其实在很多领域都有应用,以至于成为了一种风格。在西文中这么火热的造型,其实借鉴到汉字的设计中也完全没毛病。所以,接下来我为大家简单演示一下如何让在汉字中添加Ink trap造型。










这一次的效果却并没有太好,字体显得比较啰嗦。好在这里的两个字笔画并不是太多,问题不是很明显,大家可以自行尝试一些笔画比较多的字,如果做得太多又处理不得当,这个问题会很明显。



我又重新切割了一次,这一次感觉好了很多。这一组字不适合每一处都添加特征,有选择性的添加效果会更好。



最后再做一组Ink trap 风格尝试。它的凹槽是一个尖尖的有弧度的三角形。切割完成后会发现,这组特征在所有笔画连接处使用并不违和。



可能是因为本身这里的造型比较含蓄,所以看起来没有太啰嗦。如果想要简洁一些的方案,在这组字里也是合适的。关于如何添加笔画装饰,需要具体问题具体分析,没有一成不变的方法。




最后,我再来制作一个相对完整的案例,同时借鉴中文和西文的笔画。




为了更“像”Logo,需要让字体更加图形化。我调整了「数」字左上角「米」的部分和「学」的下半部分。






别忘记添加有Ink trap风格的凹槽,切割时注意克制,有时候添加太多未必是好事。这样这组字就完成了~



最后复盘一下这组字型,它在结构上完全依照了我们选的基础字。在笔画上借鉴中文给所有起笔添加了装饰角,随后借鉴西文给部分笔画连接处添加了Ink trap风格凹槽。最后这组字被我应用在了一个教科书案例的封面上。


大家可以反复看几遍务求好好吸收。希望这次内容对大家有帮助,我们下次再见吧,拜拜~


资料参考及图片来源

[1] 书目:《字形之不思议》 作者:小林章

[2] 书目:《LOGO DESIGN设计现场直播中》 作者:佐藤浩二

[3] 书目:《愉快的logo制作》 作者:甲谷一

[4] 网址:https://www.scalemag.online/the-lv-store- informs-on-japans- historical-past/

[5] 网址:https://www.pinterest.com/pin/92253492337265206/

[6] 网址:https://www.godiva.cn/

[7] 网址:http://aoyamalaw.com/

               https://www.behance.net/gallery/37551139/_

               https://jypg.net/works/8783

               https://www.cafecompany.co.jp/brands/

               https://www.ndc.co.jp/hara/en/works/2018/04/hitoyoshi_kuma.html

               https://www.pinterest.com/pin/780178335450756100/

               https://zh.wikipedia.org/wiki/File:Dior_Logo.svg

               https://www.pinterest.com/pin/780178335450733593/

[8] 网址:https://www.ndc.co.jp/cn/works/nikiclub-2010/

               https://www.pinterest.com/pin/780178335450731301/

               https://www.pinterest.com/pin/780178335450731046/

               https://www.pinterest.com/pin/780178335450731028/

               https://www.pinterest.com/pin/780178335450731318/

               https://www.pinterest.com/pin/780178335450045569/

               https://www.pinterest.com/pin/499125571200695070/



滑动查看全部↓





 








【声明】内容源于网络
0
0
boooe
彰显数字是一家基于消费者洞察,为客户提供创意与设计解决方案的全案型营销公司。以互联网、新媒体为主要阵地,依托设计、技术、创意,高效整合媒体资源,助力合作伙伴在快速变化的竞争环境中实现品牌价值最大化。
内容 370
粉丝 0
boooe 彰显数字是一家基于消费者洞察,为客户提供创意与设计解决方案的全案型营销公司。以互联网、新媒体为主要阵地,依托设计、技术、创意,高效整合媒体资源,助力合作伙伴在快速变化的竞争环境中实现品牌价值最大化。
总阅读418
粉丝0
内容370