虎课网为您提供字体设计版块下的AI-「街角故事」文艺风毛笔字体设计图文教程,本篇教程使用软件为AI(CC2018),难度等级为中级拔高,下面开始学习这节课的内容吧!
本节课讲解 Illustrator(简称AI)软件 - 街角故事文艺风字体设计,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程核心知识点:掌握AI字体设计的方法,字标的层次组合关系及色彩的搭配。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.在设计字体前需要构思如何呈现,表达什么样的调性,“街角故事”这个名称比较文艺、复古,我们要表达的也正是文艺的感觉,我们构思好字体的基本结构之后通过宋体、衬线体的笔画方式作为主体表现,同时使用书法的方式写出手写宋体的感觉,达到一种古朴、清新文艺的感觉,如图所示。
2.下图为老师在纸张上写好的字稿,横笔画保留宋体的衬线装饰的角,竖笔画比较粗,有风雅宋的感觉,如图所示。
3.接下来演示老师使用毛笔书写“街角故事”的过程,老师还额外书写了横、竖、撇、捺笔画,具体可参考视频内的演示。
4.将手稿图片拖入至AI中,选择【图像描摹-素描图稿】将图片转换成矢量形式,点击【扩展】,如图所示。
5.【右键】选择【取消编组】,移除不需要的部分,【移动并复制】文字部分至空白处,使用【选择工具】选中并【删除】多余的笔画,如图所示。
6.使用【直接选择工具】选中并调整“街”字笔画的锚点,使其整体更加紧凑,如图所示。
7.调整其余三个字的位置和大小,使四个字整体更加紧凑,然后使用【直接选择工具】选中并调整“故”字“古”笔画的锚点,如图所示。
8.继续微调四个字的位置大小,将文字穿插起来,将“故事”两字收窄一些,然后使用【文字工具】打出“JIEJIAOGUSHI”拼音文案,设置字体为Baskerville Old Face,摆放在“角”字下方,如图所示。
9.使用【椭圆工具】在拼音文案右侧绘制圆形,取消填充并设置红色描边,描边大小为11pt,做出印戳的效果,如图所示。
10.整体【移动并复制】一个,然后修改文字的填充颜色为褐色,使用【矩形工具】绘制大矩形,填充为深色作为背景,如图所示。
11.使用【橡皮擦工具】在背景多余的部分擦出白线分隔图案,选中多余部分并【删除】,保留杂点部分,如图所示。
12.将杂点图案移至文字上方,【填充】为背景色,【移动并复制】至文字的其他位置,调整位置大小和角度,做出文字的杂点效果,使文字显得更加古朴,即可完成字体的制作,如图所示。
13.我们也可以使用笔画拼凑文字,使用【文字工具】打出“街角故事”,降低图层的不透明度至26%,【锁定 快捷键:Ctrl+2】作为拼字的基础,如图所示。
14.【移动并复制】笔画图形来拼凑出“故”字,注意横笔画细、竖笔画粗,笔画间的穿插紧凑、韵律和谐,如图所示。
15.继续【移动并复制】笔画图形来拼凑出“故”字,多余的笔画可使用【橡皮擦工具】擦断都【删除】,各部分笔画可使用【选择工具】调整大小或角度,使拼凑出的文字效果更有层次感,调整为下图的效果,如图所示。
16.【移动并复制】笔画图形来拼凑出“事”字,为了有区别性,尽量不要重复使用笔画,使用【直接选择工具】选中并调整横笔画的锚点,拉长横笔画,如图所示。
17.继续【移动并复制】笔画,拼凑出“事”字,将它们整体【移动并复制】至空白处,调整两个字的位置大小和间距,缩小“古”偏旁,使它们整体更加紧凑,如图所示。
18.【移动并复制】拼音文案和印戳至“事”字右下侧,然后整体【移动并复制】至背景矩形上,修改文字的填充色为红褐色,相同方法制作杂点效果,即可完成第二个字体的制作,如图所示。
19.回顾本节课所讲解到的内容,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
20.最终效果如图所示,视频学百遍,不如上手练一练!你学会了吗?
以上就是AI-「街角故事」文艺风毛笔字体设计图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!