header_v0.7.32

轻松绘制毛笔字体教程

353天前发布

原创文章 / 平面 / 教程
Lier_ 原创,如需商业用途或转载请与Lier_联系,谢谢配合。

以个人一套节日主题毛笔字体海报为例,简单介绍该书法字体的应用及实现技法,让你轻松打造属于自己的书法字体。

    毛笔字体包含古代各家书体,如真书(楷书)、行书、隶书、草书、魏碑、篆字、甲骨文等等等数十名家字体。简约却不失张力的视觉感,使得毛笔字体在设计的应用上十分广泛,且多适用于游戏推广包装、商业Banner、影视宣传及个人字体海报设计。



acf057f76213a84a0d304fb46287.jpg


毛笔字体海报的版式


    字体运用的海报设计需遵循视觉浏览信息时的基本规律:“从上到下、从左到右的”。常见海报视觉版式多以对比强烈的图文为主配以几经推敲文案、以及环境渲染的辅助元素,从而营造大空间的视觉体验。简言之:形、势、色。  字体版式以中轴型、分割型布局为主,较为强调留白和图文微细节的处理,偏好简洁的视觉元素。


a04f57f73fd2a84a0e282b58ba13.jpg

毛笔字体实现方法


    用软件实现毛笔字体的处理方式较为简单,常见的PS实现方式有以下几种(此处请忽略命名,详细介绍第二种实现方式):


    1、字体路径变形法


    细则:下载安装相应的书法字体,并对其转换为形状进行相应的变形,同时也可运用笔刷/触进行修饰。(推荐字体:方正吕建德、禹卫书法行书字体、钟齐志莽行书字体、日文毛笔字体、李旭科毛笔行书、中山行书百年纪念版)

f3dc57f6e0eca84a0e282b4fa20a.jpg

    2、网页在线生成处理法


    细则:通过书法网站在线生成字体,导入PS,进行笔刷的添加和图文细节的处理,技法难度基本为零。下面以愚人节海报为例,进行详细解说。(字体通过书法迷在线自动生成:http://font.shufami.com.zcool.cn/)

    a.对愚人节的设计素材和文案进行脑暴,得出关键词及背景配图。 从正向和逆向中进行关键字的筛选,最后提取出“套路”二字,可以营造另类的愚人节气氛,且与时下网络俗语较为吻合。背景配图也豁然开朗,套路、套路,那就以道路为素材。最后选择一张微微阴森的道路素材,切合恐怖的环境,从而制作一副恐怖主题的愚人节海报。

205b57f748a3a84a0d304f5877f4.jpg

   b.进书法迷网站,输入“套路”文本,生成图片并导入PS。生成的字体,一般缺乏笔锋,笔刷的痕迹较粗糙,多以体块为主,不够真实。因而,此时需要观察字体的细节和结构,并为其添加相应的笔刷/触样式。切记,不要添加过多的笔刷、不要添加过多的笔刷、不要添加过多的笔刷。不然整个字体会显得干燥且粗俗,倘若背景处理的不太干净,这样的方式会使画面更加混乱,主次不太明确,缺乏聚焦重心。


   c.添加笔刷/触素材后,运用蒙版和变形命令进行细节的调整,合并相应图层,并保证字体最终输出色值的一致性。(字体颜色多以纯色为主,根据背景颜色的不同,区别对待)


   d.进一步添加笔刷/触微细节,使其字体更加真实自然,并对环境进行最终的润色和渲染。


d04b57f7539aa84a0d304f79882e.jpg

dbe757f7547ca84a0e282b492ee5.jpg

  

3、手写处理法


   a.备好笔墨,四宝伺候.

   b.勤学苦练一阵(天赋过异或有书法基础,此处省略三千字。)

   c.手写完后进行扫描输入,方可导入软件进行修饰。

 

   毛笔书法字体的设计方法有许多,以上只是个人实现方式的简单总结。本人此套以人物节日为主题的字体海报设计,软件实现难度为零,关键是对文案和配图进行了考量,希望能给大家带来一丝收获。(底部有笔刷png素材福利赠送)



9c2557f7b034a84a0e282b920680.jpg

   





a9cf57f7b089a84a0d304f00246c.jpg






a53a57f7b09ca84a0e282b2330e6.jpg






6bca57f7b0a9a84a0d304f2a2d7c.jpg






146d57f7b0bba84a0e282b55172f.jpg





e1e157f7b0cba84a0d304f3b8c2c.jpg





50de57f7b0e5a84a0d304f2edcfe.jpg





6d8757f7b0f5a84a0e282b103af7.jpg





dc7457f7b106a84a0e282bf5ca75.jpg





9dac57f7b112a84a0d304f2a6545.jpg





78cf57f7b122a84a0e282bfa1790.jpg





842f57f7b130a84a0d304f02e15f.jpg


81

    文章信息

    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功