恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
原来毛笔字体设计如此简单~
0.0°
2016-10-21 原创文章 教程 举报 12751 202 86 6


关注MICU设计微信公众号,每天学习一个设计小技巧~



老王说:无论是制作专题页还是制作海报我们都会用到字体,在很多的广告中为了加强画面的冲击力,经常会使用到毛笔字的表现形式。当使用毛笔字表现的时候,很多设计师都会进去一个误区,马上去网站找字库,怎么也找不到合适的字体。那毛笔字到底是字库还是后期绘制出来的呢?所以这成为了很多设计师棘手的问题。

那么今天MICU教大家如何快速设计一款毛笔字体,让设计变得更有冲击力!

 Image title

1

生成毛笔字

 

打开毛笔字网站生成 http://www.akuziti.com/ 

输入文字,选择毛笔字体包装体

Image title

在输入框中输入文案,然后选择合适的字体样式及文字的大小,点击开始转换

Image title

生成出来的字体我右击点击复制图片

Image title

2

导入图片并构好图

 

打开AI,在AI中新建画布,粘贴(ctrl+c)到画布中。在AI中选中导入的图片,然后在导航点击【图像描摹】,再点击【扩展】将图片变成了矢量形状。

Image title

Image title

Image title


选择工具栏中【魔棒工具】选中需要删除的的白色部分形状,【Delete】删除。

Image title


在制作毛笔字体之前,我们先把构图做好,使用【直接选择工具】选中文字形状后,“右击”点击【取消编组】后再调整每个字体的位置及大小到合适的位置。

Image title


为了构图的错落性我们将云字调整的比较小。

Image title


3

选择笔刷绘制笔画

 

字体构图设计好之后,我开始对毛笔字的每一笔的细节进行调整。我按一下键盘上的‘“F5”,打开画笔面板。 在画笔面板右方点击【小三角】的图标-【打开画笔库】-【矢量包】-【颓废画笔矢量包】

Image title


我们可以在这个矢量包里有很多的笔刷效果

Image title


那么这时候后开始去修饰每一笔的笔画效果,使用【钢笔工具】在字体笔画的结构上绘制路径。 绘制好路径后在颓废笔刷样式里选择合适的效果。

Image title


在做每一笔的时候,我们为了加强设计的细节,可以多条路径调整不同大小的描边粗细进行组合绘制,这样处理出来的笔画更加的自然。

Image title

Image title


在使用路径绘制笔画的时候,可以选择【橡皮擦工具】擦除原来多余的文字形状路径,注意擦除的时候先用【直接选择工具】选择形状

Image title


4

选择素材创建笔刷样式

 

打开矢量笔刷素材包(在MICU设计公众号中回复21即可下载笔刷矢量包)

Image title


选一个合适矢量笔刷元素去更改‘“云”’字的第一笔,调整到合适的大小。

Image title


然后在矢量包里面选择较为长的形状,“拖动”到【画笔面板】中点击【确定】即可新建一个新的画笔样式。

Image title


在艺术画笔选择中可以对笔刷进行绘制方向的设定等。新建好画笔后,在画笔的面板中就可以看到新的画笔样式了。

Image title


同样,用钢笔工具绘制一个位置的笔画路径,然后选择新建的笔刷样式也可以调整出合适的效果。(在用钢笔绘制笔刷样式的效果时,记得把形状关闭,只开启描边)

Image title

Image title


再将志字的上面一笔用同样的方式调整好

Image title

Image title


5

调整细节

 

调整好所有的笔画效果后,用【直接选择工具】框选好所有的形状,在导航上点击【对象】-【扩展外观】将所有的路径转成形状。

Image title

Image title


扩展外观后,由于原来用路径画笔样式画出来的笔画扩展后有白色的形状,这时候用【魔棒工具】选择黑色的形状【ctrl+x】进行剪切,在用选择工具框选遗留下来的透明形状,Delete进行删除。

Image title

Image title

Image title


清理完多余的空白路径后,再次使用【直接选择工具】框选所有的路径,打开【窗口】-【路径查找器】点击【合并形状】图标将所有的形状合并。

Image title


这时候我们的文字就绘制好了

Image title


绘制好文字后我们可以对文字进行一个排版,比如反白或加上一些辅助的细节,让设计变得更完整。

Image title


◆  ◆  ◆

所需工具

关注MICU微信公众号,回复21

下载矢量笔刷包及本视频案例源文件



更新:2016-10-21

收藏

202人已收藏

  • 63

    作品

  • 6880

    粉丝

  • 0

    关注

  • 提UI设计的8个技巧
  • 这些3D素材生成器,让我果断放弃了C4D!
  • 8点了解栅格系统的应用
  • 大厂都在用的10个防呆设计法则!
相关标签
教程micu设计

    猜你喜欢

      2016-10-21 原创文章 教程 举报 12751 202 86 6

      原来毛笔字体设计如此简单~

      0.0°

      你确定要举报原来毛笔字体设计如此简单~

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年10月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      86
      202
      6

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

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

      登录

      手机号

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

      登录
      第三方账号登录