恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
谈天说字 | 如何做到半个小时出一款字体?
106.0°
原创文章 / 经验/观点 / / 举报
15150 343 265 29

更新于:2021-02-09

钢笔造字手法,半小时完成字形设计。

很少写教程,因为写教程不是一件容易的事。

-

这款字体,字形半小时,字效半小时,然后,排版+撰文就需要一整天了,我的天啊,这也太花时间了吧。

-

不过要是对字体小白的朋友有帮助的话,我会愿意写,并乐意。

先看看反应~

2021,我们都加油吧~ 设计路上,我们都不孤单~

-

梁志坚设计师 @liangzhijian1024

-

2021.1




做字方法万千种,不同的风格,会有不同的方法。不同的方法,可以执行出不同的字体风格。
众多方法中,会有快有慢。比如有些风格,使用常规方法,会吃力不讨好,花很多时间不说,还效果不太好。
这篇文章,一种比较可爱的字体风格,从草稿到电脑执行,到最后得到一款字体字形,只需半小时。时间之短,令人咋舌。



在讲解可爱字体设计之前,我想先分享一下我对字体设计的一些感受,既“字体通用法则”。字体设计,其实万变不离其宗,都有一个大致的公式:结构+笔形=字体设计

结构,既字体笔画的脉络,它决定了字体的传递内容、识别度;

笔形,既字体笔画的形状,它决定了字体的设计风格;

两者相结合,便得出一款有个性的字体设计了。


我喜欢用比喻的方式讲解,这样更容易让你理解。我之前写过一种字体设计手法,调侃的方式称其为“骨肉鸡腿法”。(看上图第二行)
结构,可以想象为鸡腿的骨头;然后加上笔形,好比骨头上加上鸡肉,就组成一个完整的鸡腿了,也就是结构加笔形之后得到一款字体设计。
再举个例子吧,看上图第三行,“字”的结构+圆润的笔画笔形=一款笔形圆润的字。



接下来,要开始可爱风格的字体设计了。
通常做字体,我会有三大步骤:

消化与思考 > 电脑执行 > 字体包装


第一阶段:消化与思考
-草稿探索-

这次字体内容是:打工干饭人
风格为:可爱风(轻松、自由)



草稿绘制使用的工具主要是PS+手绘板



先在PS中新建的文档,用手绘板轻松手写出“打工干饭人”五个字。字体大小有大有小,保持一些节奏感韵律感



然后将此图层设置为30%的不透明度



在此图层的上层,新建一个新图层,换个较粗的笔刷,重新手写这五个字,同时带着那种轻松的感觉,还有韵律感
这一次写的比上次好多了。



看上图,五个字,有大有小,是不是很有节奏感、韵律感。再看每个字所占用的空间-形状,它们相互之间是镶嵌在一起的,非常之吻合,这让整款字体更为整体



再把此图层设置为30%的不透明度。这两次字体的手写,都是为了探索更准确的字体结构,接下来要把符合可爱风格的笔形贴附在字体结构上。
具体操作:再在上一层新建图层,绘制接下来的带可爱风格特点笔形的字体草稿了。



就是这个感觉。可爱风格的字体设计草稿。



隐藏下层字体手写草稿图层的效果。



具有大小错落的韵律感。同时字体之间有很强的镶嵌感。比此前更好了。


第二阶段:电脑执行
-创意落地-



电脑执行阶段,使用的软件工具是AI



将绘制好的草稿,置入AI新建的文档面板中,同时将草稿设置为30%的不透明度



使用钢笔工具,对着字体笔画中的中心内核位置绘制出字体的结构脉络



此为绘制字体结构的线条



然后把笔画线条加粗,再设置为70%的不透明度。(不透明度的设置,是为了不让笔画本身遮挡底层草稿,可以更好的观察与修改、调整)



这是线条设置后的效果。



使用宽度工具,将字体笔画,调整为一头大一头小。具体操作方法为:选择笔画一端的节点,然后按快捷键Shift+W,调整笔画粗细。其他笔画同样方法处理即可。



这是调整完笔形的效果。



将笔画的不透明度调回100%



然后将钢笔线条拓展。具体操作为:选择所有字体的笔画,然后点击对象>扩展



到此,这款可爱风格的字体字形设计就算完成了。前后不到半小时

快的要点是:使用了最简单便捷的方法,钢笔绘制圆头粗线条,然后使用宽度工具将笔画调整为一头大一头小。
如果使用钢笔对着字体草稿勾勒外形,将会花费更多的时间,且效果并不一定好。


第三阶段:字体包装
-匹配画面-



字体字形完成后,一般运营字体都会做字效。这一次的字体包装-字效,用比较简单的杂色光影处理。
好,这款有点可爱风的字体设计就讲到这里,希望可以帮到你。



有些朋友经常请教我做字快的秘诀,我最近常写字体教程,也一直在思考个中的原由,总结到三点:
第一,可观察。
执行清晰:比如半透明的笔画,不会遮挡草稿,可随时观察。
第二,可逆。
即可返回,随时可调整,让一切执行皆有退路。没有退路,意味着重新。
第三,熟悉快捷键。
这个就老生常谈了,可减少到处找按钮、面板等当中所需的时间。



这款字体,我做的很快;而这篇字体文章,我执行的并不快。因为做字,我只需要关注字体设计;而做字的分享,我除了需要关注字体设计之外,还有关注你。
-
我想让你看的更清晰、更易懂、更易接受。所以在文章逻辑、撰文码字、图文排版等方面我都在努力做到更好。(这些我都还在学习中,希望你有什么意见或建议可随时与我交流,包括你想看什么样的风格字体教程)
希望能帮到你。
希望你会喜欢。
-

后会有期!

Powered by Froala Editor

收藏

343人已收藏

评分:

完整度:4星

启发性:5星

勤奋性:5星

排版布局:4星

推荐:
很实用的字体设计。希望以后多多出一些字体练习 对于新手非常的有帮助~!

梁志坚设计师

顺风不浪 逆风不怂

  • 8

    作品

  • 435

    粉丝

  • 24

    关注

  • 谈天说字|「猪事皆闹 新年开燥」字体设计全流程详解
  • 以标会友  | 日和钢琴logo案例分享
  • 梁志坚作品集
  • 2018追波作品總結

猜你喜欢

    梁志坚设计师

    梁志坚设计师

    顺风不浪 逆风不怂

    叫兽原创小生
    • 435

      粉丝

    • 269.1

      人气

    • 4251

      颜值

    作品

      GDC Award 2021启航

      推广

      最新推荐

      分享3招,帮你提升设计细节

      316 0 0

      相关佳作
      换一换

        梁志坚设计师

        点赞:265

        收藏:343

        评论:29

        谈天说字 | 如何做到半个小时出一款字体?

        你确定要举报谈天说字 | 如何做到半个小时出一款字体?

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年01月09日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录