相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

(字体设计教程)11款字体设计全过程分享(上)

布布发布于:2019-3-28 19:50 |原作者: 梁志坚设计师|
布布
甘肃 甘南 
发私信 + 关注
简介: 做一款字并不难,难在做好一款字。字体设计应该是一位设计师蛮重要的技能,甚至可能说是最基本的技能,因为在太多的时候需要用到这项技能了,比如标志标准字体、海报、主题活动主画面、线上Banner等等,具体重要程度我就不在此赘述了。我这次主要分享的是年前参加的"智疯字体设 ...


11款字体设计全过程分享(上) 飞特网 设计理论

倾斜处理更有动势

水平倾斜10度,让字体更具动感

11款字体设计全过程分享(上) 飞特网 设计理论

做字全流程GIF图

11款字体设计全过程分享(上) 飞特网 设计理论

包装

11款字体设计全过程分享(上) 飞特网 设计理论

-

第4款| 第二方案

-

11款字体设计全过程分享(上) 飞特网 设计理论

绘制手稿

11款字体设计全过程分享(上) 飞特网 设计理论

字库字体结构参考

11款字体设计全过程分享(上) 飞特网 设计理论

雏形

1_ 在AI用钢笔工具用要么竖要么横的直线勾勒出字体的大致型态

2_ ""字的横笔有6笔,与其他字相比过多,因此把两个""字部分各去掉一横,竖笔双双相连。看起来更简约,也更具备设计感了,这是惊喜。而且视觉重量也更有其它三字更一致了。(两""部分虽都缺了一笔,但它们共用之间一横笔,在视觉上它们就像从有距离的两个方形变成零距离的两个方形,因此识别性并没有被削弱)

11款字体设计全过程分享(上) 飞特网 设计理论

笔画圆化软化+添加字母点缀

11款字体设计全过程分享(上) 飞特网 设计理论

优化

1_ 将字体"线"转为"",也就是AI软件里将字体的线条路径"轮廓化描边"成为面状图形,然后合并。接着针对笔画相交处做"溢墨"效果(前面字体有详细讲解了这个概念),也就是在软件里针对交汇处的节点选中然后做"倒圆角"处理。

2_修改点缀字母的字体,由"Din"的字库字体改成了"Rubrik",风格上更加匹配了,理由是,"Rubrik"这款字库字体的风格也是外形属于圆弧状,笔端为圆头,跟我设计的中文字体风格一致。

留心的朋友应该察觉到了,设计的"高级动物"的两款不同风格的中文字体,与之匹配的字母字体也是不同的。

11款字体设计全过程分享(上) 飞特网 设计理论

最终稿

11款字体设计全过程分享(上) 飞特网 设计理论

轻微包装

11款字体设计全过程分享(上) 飞特网 设计理论

做字全流程GIF图

11款字体设计全过程分享(上) 飞特网 设计理论

动效包装

闪烁抖动的效果让字体更鲜活更有生命力。你是否也会有这种感觉呢?

11款字体设计全过程分享(上) 飞特网 设计理论

-

第5款

-

11款字体设计全过程分享(上) 飞特网 设计理论

绘制手稿

11款字体设计全过程分享(上) 飞特网 设计理论

27

好评
17

差评

刚表态过的朋友 (44 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

布布
甘肃 甘南 
+关注 发私信
发表评论

最新评论

引用
Eve.clc发布于:2019-5-7 09:30
很是受用

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计