作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
迈卡·鲍尔斯的头像

弥迦书鲍尔斯

Micah通过品牌、插图和设计帮助企业打造有意义的参与.

分享

Let’s face it; there are typefaces that we designers love to hate. 事实上,“恨”这个词可能不够强烈. 苦难的根源? 诅咒? 瘟疫? 粪便? 我听过它们被用来侮辱没有生命的字母, 数字, 以及我们用来交流思想的符号, 我完全理解. 我见过(也犯过)如此糟糕的类型犯罪,即使是最古怪的办公室公告也会感到尴尬.

但如果我告诉你,我们这一代最受诟病的字体实际上可能是品牌设计师最好的朋友,你会怎么想? 如果我向您展示如何将平淡无奇的字体变成客户会喜欢(并为此付出高昂代价)的甜美标识,您会怎么想?? 你愿意从根本上改变你看待字体的方式,向无限扩展的创造性选择敞开心扉吗? 准备制作自己的字体?

如果是这样的话, 继续阅读, 因为我将要介绍一个简单的过程,您可以使用它来立即转换任何字体,以便更好地创建字体. 和, 来展示这个过程有多有效, 我将用三种被世界各地的设计师所鄙视的字体来演示每一步.

首先, Jokerman, 一组古怪的小丑形象,通常出现在生日横幅和“异想天开”的名片上.

Jokerman字体

接下来,我们有 纸莎草纸, 煞费苦心地从图坦卡蒙国王墓的墙壁上复制而来,也是咖啡店菜单的首选, 严肃的艺术家, 和 詹姆斯•卡梅隆.

纸莎草字体

最后,一件酷酷的、毫不动摇的休闲 排版 亡命之徒无需多言——他是独一无二的, Comic Sans.

Comic Sans字体

从这个不太可能的群体中,我将教你在别人称之为“垃圾”的地方看到宝藏!并创建最高水准的自定义标识.

一个简单可靠的过程

让我们开始从丑陋的字体到令人惊叹的标志的旅程,并学习如何制作字体. 我们从一些不好的事情开始, 以好的结尾, 每次都遵循同样的七个步骤. 这七个步骤是什么? 我将稍微讨论一下细节, 但首先, 这里有一些关于这类工作所需工具的说明.

视觉设计师可以使用大量新的和负担得起的设计工具. 触屏设备和苹果铅笔等先进的触控笔使得捕捉创意和转向数字化工作流程比以往任何时候都更容易. 自由地尝试,坚持对你有用的东西. 也就是说,我更喜欢使用Adobe和Wacom提供的可靠工具。

  • Photoshop -用于操作字体和创建分层细化草图.
  • 插画家 -用于矢量跟踪最终细化草图,并快速添加风格元素,如颜色, 梯度, 纹理, 模式, 等.
  • Wacom手写板 -用于Photoshop中的数字绘图.

订阅Toptal设计博客并接收我们的电子书

小丑-从粗俗到优雅

小丑是 金·凯瑞 字体:从不微妙,在每个角度都很响亮,但奇怪的是对大众有吸引力. 这是荒谬的,在顶部,正是这种字体,本教程是为. 像Jokerman这样古怪的字体充满了奇怪的设计元素,但缺乏有品位的标识所需的约束. 作为设计师, 我们需要有良好的判断力, 这通常意味着为了更清晰的沟通而放弃细节.

这是一个简单的七步过程,让我们从不受欢迎的字体到高端的标识. 有一些简单的绘图, 但如果你能写下你的名字并追踪一张照片, 您已经掌握了学习如何制作自己的字体所需的所有技能. 让我们开始.

1. 检查字体

小丑:检查字体

在Photoshop中, 选择一个字体(在本例中为), Jokerman), 键入您需要为您的标识的企业名称, 并快速检查每个字母,以获得设计可能性的感觉,如比例, 比例, 信的重量, 等.

2. 形成概念

Jokerman:意念

使用您的Wacom平板电脑,做一个松散的草图,你的标志. 这里不需要精确. 只要画一些快速而简单的草图,作为你设计的骨架.

3. 扭曲字体

Jokerman:扭曲字体

使用您选择的字体, 规模, 拉伸, 斜, 把每个字母压在你的构思草图上. 在这一步中,没有必要把事情做得完美. 你稍后会完善它,所以继续.

4. 校正示意图

小丑:修正草图阶段

现在,在你扭曲的字母上面快速画一个草图. 这是您开始改进原始字体的缺点并添加自己的设计细节的地方.

5. 细化草图

Jokerman:细化草图阶段

这是在Photoshop中绘制草图和细化的最后阶段. 清理任何不能工作的东西, 把你的字母填好,这样你就能更好地理解字母之间的形式和空格的关系.

6. 矢量跟踪

追踪矢量

将您的改进草图放入插画家中, 拿出钢笔工具, 小心地点击你的方式美丽的贝塞尔曲线.

7. 收尾工作

小丑重生:视野开阔

小丑重生:特写

小丑重生:新旧对比

一旦你完成了矢量跟踪, 增加视觉冲击与周到的细节,如颜色, 阴影, 突出了, 概述了, 等.

纸莎草——一个微妙的转变

坦白:我喜欢纸莎草纸,我不在乎谁知道. 说真的,并不是所有我们设计师喜欢抨击的字体都那么糟糕. 过度使用? 也许. 茄子)? 好吧,是的. 但是,仅仅因为一种字体让人觉得她成熟的设计文件有尊严,并不意味着它不好. 这就是我对纸莎草纸的感觉. 就像我在Old Navy买的礼服衬衫一样:它很合身,让我在特殊场合显得很得体.

也就是说,我的礼服衬衫的边缘并不是故意磨破的. So, 让我们看看我们是否可以保留纸莎草纸字母形式的好部分,同时使整体外观和感觉更现代一点.

1. 检查字体

纸莎草:检查字体

同样,我们从Photoshop开始. 选择您的字体(纸莎草纸),并输入徽标名称. 看看每封信,记下潜在的设计细节.

2. 形成概念

纸莎草纸:意念

拿出你的Wacom平板电脑,快速勾勒出一些构图的想法. 这一步不要想太多. 就像在笔记本上涂鸦你的名字一样.

3. 扭曲字体

纸莎草:扭曲字体

就像我们对付小丑一样, 规模, 拉伸, 斜, 然后把每个字母压在你创作的构思草图上. 会很乱的,不过别担心!

4. 校正示意图

纸莎草:正在修改草图阶段

在所有的步骤中,这可能是最令人生畏的,但不要强调它.

你不是从零开始. 您使用了原始字体的结构,同时添加了您自己的改进.

这个草图可能会超级可怕和丑陋. Photoshop中图层的美妙之处在于能够进行多次传递, 每一个都更接近你真正的设计意图.

5. 细化草图

纸莎草:正在经历精炼草图阶段

这是我们在Photoshop中的最后一步. 诚实地面对自己设计中不可行的部分. 它还有助于给字母上色,这样你就可以看到它们之间的样子,并发现形式上的任何不规则之处.

6. 矢量跟踪

纸莎草:追踪媒介

将优化草图放入插画家中,用钢笔工具开始矢量描摹.

7. 收尾工作

纸莎草重生:视野开阔

纸莎草的重生:特写

纸莎草的重生:新旧对比

与您的矢量跟踪完成, 通过添加颜色等细节,使您的标识栩栩如生, 阴影, 突出了, ,并概述了.

漫画Sans -像熨烫一件皱巴巴的衬衫

我拒绝嘲笑Comic Sans字体. 当然,它会在不合适的时间出现,看起来有点凌乱,就像刚从午睡中醒来一样. 但是, 它满足了设计要求 而且可能是世界上最著名的字体.

从纯粹的美学角度来看,Comic Sans字体没什么好喜欢的. 它很笨重,很邋遢,字母上的小扭结和旋钮很让人分心. 仍然, 它有一些有趣的怪癖,可以很好地用于标识, 它被普遍认为是有史以来最糟糕的字体,这对我们的七步改进技术来说是一个完美的挑战.

这一次, 我将减少对机制的关注,并让你更深入地了解我在每个步骤中的创造性思维过程.

1. 检查字体

Comic Sans字体:回顾字体

在这个步骤中,把自己想象成一个笨手笨脚的青春期男孩的父母. 不可否认,他是个瘦长的傻瓜, 但你可以看到,有一天他会成为一个魁梧的人, 全面发展的年轻人.

2. 形成概念

Comic Sans字体:创意

创意是释放你冒险的艺术一面的时候. 你以后可以无情地编辑自己,但现在,抓住机会.

当我在评论Comic Sans字体的时候, 我注意到一种有弹性的玩闹,我试图把它融入我的构思草图中.

3. 扭曲字体

Comic Sans字体:扭曲字体

也许你和我一样,有点沉迷于在Photoshop中组织图层和使用非破坏性编辑技术. 这一步不要这样!

输入你的单词,栅格化字体,扭曲这些字母.

4. 校正示意图

Comic Sans字体:正在修改草图阶段

像我说的, Comic Sans字体的小不规则让人抓狂, 对于这一步, 我专注于拉直线条和平滑曲线.

5. 细化草图

Comic Sans字体:正在进行改进草图阶段

很长一段时间,我都是直接从 校正示意图 step in Photoshop 矢量跟踪 在插画家中. 但是,当我第一次看到我的矢量字母被填充时,它们总是看起来有点奇怪.

这个改进步骤是确保你的字母间距良好的好方法. 毕竟,字母之间的形状与字母本身同样重要.

6. 矢量跟踪

Comic Sans字体:追踪矢量

当使用钢笔工具时,很容易让你的大脑关闭. 您开始指向、单击和拖动手柄,而不再寻找改进设计的方法.

不要这样做! 当你用手画草图时,你总是在瞬间做出决定和修改. 您应该以类似的方式使用钢笔工具.

7. 收尾工作

Comic Sans字体重生:宽视角

漫画字体重生:特写

Comic Sans字体重生:新旧字体比较

我对矢量跟踪结果的方式很满意, 所以我选择了一个简单的阴影和一些内部的强调线.

理想情况下,你的字体将能够站在自己没有任何修饰. 收尾工作 是为了让你的设计更流行,但你应该避免添加太多的特效.

不想要的东西的机会

我们设计师明智地紧跟潮流, 工具, 以及我们职业中存在的思维模式. 我们作为一个群体在学习和成长, 如果我们的领域中有很大一部分人对某件事的看法不佳, 我们应该设法理解其中的原因.

然而, 我们也应该抵制直接拒绝设计实践的冲动, 尤其是在民意的突发奇想下. 当我们遇到不好的事情时, 比如用小丑, 了解其他设计师为何会有这种感觉是件好事, 但把潜在的宝贵资源扔进垃圾堆是目光短浅的做法.

相反,尽可能多地在你的脑海里存档. 在心里做笔记, 观察, 把你喜欢和不喜欢的东西分类, 并存储来自其他设计师的各种各样的意见.

你永远不会知道, 有一天,你可能会做不可想象的事情,冒着设计界嘲笑的风险,使用Comic sans字体作为你客户漂亮的新标识的基础.

就这一主题咨询作者或专家.
预约电话
迈卡·鲍尔斯的头像
弥迦书鲍尔斯

位于 温哥华,华盛顿州,美国

成员自 2016年1月3日

作者简介

Micah通过品牌、插图和设计帮助企业打造有意义的参与.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.