字体教程!4种方式8组案例,教你学会机甲风字体

时间:2022-06-21
类别:字体设计
水平:普通
观众:2.7w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

字体教程!4种方式8组案例,教你学会机甲风字体

教程作者:刘兵克工作室 - 熊伟 张高驰(授权转载自公众号:字体帮

交作业:#优设每日作业#

关于教程

机甲风的字体设计风格,这几年是比较火爆的,无论是字体帮的投稿作品,还是其他平台的字体作品,这类风格的出现频率很高,好多设计师都在做。

原因嘛,当然很简单:这类字够酷,够靓,够吸睛!

就像你走在马路上,一个极其强壮的肌肉男(比如兵哥)从你身边走过,你肯定会多瞅一眼,然后默默感叹:这人真TM壮啊!

字体教程!4种方式8组案例,教你学会机甲风字体

……

这类字体的特点,我们可以用几个关键词概况一下:

科技感、未来感、硬朗风、炫酷风。

今天,我们就分4种方式,共8个案例,将这类风格一网打尽!

看完这篇教程,轻松做出带感的机甲风字体!

你也可以成为这条街最靓的仔!

字体教程!4种方式8组案例,教你学会机甲风字体

好,我们正式开整!

方式1-案例A

先看最终效果

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:用矩形工具,画出几个基础笔画,斜笔画保持45°,动作要快,姿势要帅:

字体教程!4种方式8组案例,教你学会机甲风字体

第二步:用基础笔画,搭建出字体结构,横笔间距统一,斜笔角度统一:

字体教程!4种方式8组案例,教你学会机甲风字体

第三步:结构搭建完成后,对字体的斜笔,进行切平处理:

字体教程!4种方式8组案例,教你学会机甲风字体

第四步:在笔画的末端,添加平行四边形的线条,装饰字体,线条的角度保持统一,然后将“攻”字,和“队”字的笔画延长,增加设计感:

字体教程!4种方式8组案例,教你学会机甲风字体

第五步:选中一个斜笔画,按住alt键,复制到笔画的边缘,再选中这两个笔画,在路径查找器中,点击相减,对其他笔画,也进行相同的操作:

字体教程!4种方式8组案例,教你学会机甲风字体

第六步:继续给字体添加装饰,装饰中的斜线,都需要保持45°:

字体教程!4种方式8组案例,教你学会机甲风字体

第七步:给字体添加故障效果,画出两枚很细弱的长方形,并列在一起,将它移动到笔画边缘,选中上面的矩形,再按住shift键加选笔画,点击路径查找器中的相减,对其他的笔画,也进行相同的操作:

字体教程!4种方式8组案例,教你学会机甲风字体

最后,对字体进行排版

Duang !!!

字体教程!4种方式8组案例,教你学会机甲风字体

字体教程!4种方式8组案例,教你学会机甲风字体

方式1-案例B

先看最终效果

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:用矩形工具搭建出字体结构:

字体教程!4种方式8组案例,教你学会机甲风字体

第二步:连笔、断笔、简化、三件套,给它来个全套!

“星” 字,进行连笔设计,“际” 字,将斜笔,简化为竖笔,左耳旁进行断笔处理,“穿”字和“越”字,也进行相同的处理:

字体教程!4种方式8组案例,教你学会机甲风字体

第三步:先画几个几何图形,将几何图形作为装饰,复制到笔画的边缘和末端,还有拐角的位置:

字体教程!4种方式8组案例,教你学会机甲风字体

第四步:在字体周围,以对称的姿势,画出一些带有科技感的线条,然后加入英文:

字体教程!4种方式8组案例,教你学会机甲风字体

最后简单排版,搞定!

字体教程!4种方式8组案例,教你学会机甲风字体

字体教程!4种方式8组案例,教你学会机甲风字体

方式2-案例A

先看最终效果

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:使用矩形工具,搭建出字体的基础结构:

字体教程!4种方式8组案例,教你学会机甲风字体

第二步:将字体的所有横笔画和竖笔画,间距统一,使字体结构更有个性,这样看起来也更舒爽一些:

字体教程!4种方式8组案例,教你学会机甲风字体

第三步:选择钢笔工具,使用白色描边,在笔画内部,添加类似线路板的装饰,在添加的过程中,发现“战队”两个字,整体偏小,这里对这两个字,进行适当的调整:

字体教程!4种方式8组案例,教你学会机甲风字体

第四步:全选字体,点击对象→扩展,再次全选字体,在路径查找器中,点击分割,然后选择魔棒工具,填充颜色设置为0,点击白色线条,选中白色线条后,将它删除:

字体教程!4种方式8组案例,教你学会机甲风字体

第五步:给字体添加一个边框,再倾斜10°就完成了:

字体教程!4种方式8组案例,教你学会机甲风字体

加上一个简单的字效,并配上排版,搞定!

字体教程!4种方式8组案例,教你学会机甲风字体

字体教程!4种方式8组案例,教你学会机甲风字体

方式2-案例B

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:使用万能的矩形工具,搭建出字体结构:

字体教程!4种方式8组案例,教你学会机甲风字体

第二步:调整四个字的排版,对字体进行连笔和断笔的设计,最后,延长部分笔画,增加设计感,让字体更有冲击力:

字体教程!4种方式8组案例,教你学会机甲风字体

第三步:选择钢笔工具,使用白色描边,在笔画内部添加装饰,不知道如何添加的话,可以参考线路板的造型:

字体教程!4种方式8组案例,教你学会机甲风字体

第四步:全选字体,点击对象→扩展,再次全选字体,在路径查找器中,点击分割,然后选择魔棒工具,填充颜色调整为0,点击白色线条,选中白色线条后,将它删除:

字体教程!4种方式8组案例,教你学会机甲风字体

第五步:把字体笔画边缘的图形,向外移动,让字体有破碎的感觉,然后给字体添加图形装饰:

字体教程!4种方式8组案例,教你学会机甲风字体

最后,排个版,完成!

字体教程!4种方式8组案例,教你学会机甲风字体

字体教程!4种方式8组案例,教你学会机甲风字体

方式3-案例A

还是先看 最终完成后的效果

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:先在画板中画出四个正方形:

字体教程!4种方式8组案例,教你学会机甲风字体

第二步:在正方形旁边,用矩形工具做出基本字形:

字体教程!4种方式8组案例,教你学会机甲风字体

然后放大字体,可以看到,重字做的很挤,返字两个斜线笔画伸的很长,这些都是问题:

字体教程!4种方式8组案例,教你学会机甲风字体

所以,有错就要改!

下面,我们来看一下修改的前后对比:

字体教程!4种方式8组案例,教你学会机甲风字体

此刻,我突然想起了最初的四个正方形,第一步时,我就画出了它们,我并不是没事闲的dan疼,而是……

字体教程!4种方式8组案例,教你学会机甲风字体

而是……我另有所图!

接下来的这一步,我就将正方形作为装饰,加入到了字体里边!

作为一个深谋远虑的设计师,我早就看透了世间的一切,提前做出了准备!

字体教程!4种方式8组案例,教你学会机甲风字体

第三步:以重字的横线为例。在笔画的右侧,设置45°的倒角设计:

字体教程!4种方式8组案例,教你学会机甲风字体

举一反三,给其他字体添加倒角,机甲风的感觉,瞬间就有了!

字体教程!4种方式8组案例,教你学会机甲风字体

继续添加矩形线条装饰,并做出一些切割元素:

字体教程!4种方式8组案例,教你学会机甲风字体

放大来看一下:

字体教程!4种方式8组案例,教你学会机甲风字体

最后简单排个版,完事!

字体教程!4种方式8组案例,教你学会机甲风字体

方式3-案例B

先看最终效果

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:用矩形工具搭建出字体结构:

字体教程!4种方式8组案例,教你学会机甲风字体

第二步:选择性的加粗一些笔画,让字体更厚重一些,体现搏击的力量感:

字体教程!4种方式8组案例,教你学会机甲风字体

第三步:给字体添加一些断笔和切角,平衡负空间,增加设计感:

字体教程!4种方式8组案例,教你学会机甲风字体

第四步:给字体的边角处,添加一些45度的倒角和衬角。衬角大小,根据每个笔画的空间大小调整,视觉舒适即可:

字体教程!4种方式8组案例,教你学会机甲风字体

第五步:添加一些机甲风格的小元素装饰。置于字体最上方,进行切割镂空,这类小元素,非常实用:

字体教程!4种方式8组案例,教你学会机甲风字体

给字体更改颜色,然后复制一层字体,添加渐变色,叠于字体下方:

字体教程!4种方式8组案例,教你学会机甲风字体

添加年份和英文等文案,进行排版组合,完成!

字体教程!4种方式8组案例,教你学会机甲风字体字体教程!4种方式8组案例,教你学会机甲风字体

方式4-案例A

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:用矩形工具搭建出字体结构:

字体教程!4种方式8组案例,教你学会机甲风字体

第二步:设定45度角度切割笔画,斜笔的倾斜角度也统一为45度。注意字体笔画之间的穿插切割关系:

字体教程!4种方式8组案例,教你学会机甲风字体

第三步:给字体添加断笔,并且融入机甲风切割小元素,角度同样为45度:

字体教程!4种方式8组案例,教你学会机甲风字体

第四步:突出英字中的其中一笔,给字体整体添加一个倾斜效果,增加一些动感和气势:

字体教程!4种方式8组案例,教你学会机甲风字体

第五步:给字体整体合并,添加镂空线条装饰元素,重新配色:

字体教程!4种方式8组案例,教你学会机甲风字体

单独复制出一层字体,做出一个暗金色的渐变色,置于字体最上方,向左移动几下,做出一个微立体效果:

字体教程!4种方式8组案例,教你学会机甲风字体

放大看一下,是这样滴:

字体教程!4种方式8组案例,教你学会机甲风字体

惯例,做一个排版,效果完成!

字体教程!4种方式8组案例,教你学会机甲风字体

方式4-案例B

来,先看效果

字体教程!4种方式8组案例,教你学会机甲风字体

第一步:设定一个倾斜角度的笔画,草率的搭建出字体结构,找一下感觉。同时,想一下中午饭吃什么:

字体教程!4种方式8组案例,教你学会机甲风字体字体教程!4种方式8组案例,教你学会机甲风字体

接下来,稍微正经一点,规范一下四个字的字面大小和结构比例:

字体教程!4种方式8组案例,教你学会机甲风字体

接下来,又该加装饰了,又该化妆了!

倾斜的四边形线条,多复制一些,安放在笔画的边边角角上:

字体教程!4种方式8组案例,教你学会机甲风字体

然后,笔画还是比较单调乏味,少了一丝丝情趣,现在,加点料进去!

字体教程!4种方式8组案例,教你学会机甲风字体

啪的一声,加完了:

字体教程!4种方式8组案例,教你学会机甲风字体字体教程!4种方式8组案例,教你学会机甲风字体

再给字体添加拼音和装饰:

字体教程!4种方式8组案例,教你学会机甲风字体

老习惯了,简单做个排版,完成啦!

字体教程!4种方式8组案例,教你学会机甲风字体

END

4种方式,8个案例!机甲风字体教程,分享完成!

希望这篇教程,可以给大家带来一丝丝的帮助。就写到这里,感谢大家阅读,下次再约~

字体教程!4种方式8组案例,教你学会机甲风字体 字体教程!4种方式8组案例,教你学会机甲风字体

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

57 收藏 207

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片