助力企业打造全方位的新职业人才
可搜索课程、软件、讲师、读书、直播
虎课网为您提供字体设计版块下的AI+PS-「元气满满」小清新风字体设计图文教程，本篇教程使用软件为AI（CC2018）、PS（CC2018），难度等级为中级拔高，下面开始学习这节课的内容吧！
本节课讲解-元气满满字体设计，教程中使用的软件为Illustrator（简称AI）和Photoshop（简称PS），同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。
课程核心知识点：基础笔画的梳理，字体结构及层次的构建。
学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一解答。
那我们开始今天的教程吧。
1.在制作字体前要制作基础的笔画，使用【圆角矩形工具】绘制圆角矩形框，拉出圆角，注意保留原来的圆角矩形框，后续制作可能会使用到，如图所示。
2.【移动并复制 快捷键：按住Alt拖动】一个圆角矩形框，使用【直接选择工具】选中【锚点】并【删除 快捷键：Delete】，即可得到笔画，如图所示。
3.尽可能多地做出基础笔画，完成后整体向右【移动并复制】一份，选择【对象-扩展】，点击【确定】，设置黑色描边即可做出基础笔画形状，如图所示。
4.【移动并复制】横笔画，使用【直接选择工具】选中其中一端，拖动缩短笔画，如图所示。
5.【移动并复制】撇笔画，同样使用使用【直接选择工具】选中其中一端并调整缩短，然后【移动并复制】圆角矩形框，相同方法【删除】锚点做出“元”的勾笔画，移至相应位置，拼凑出“元”字，如图所示。
6.相同方法拼凑出“气”字，因为四个字要做整体效果，可以将“气”的勾部分与“满”的顶部横笔画勾起部分做结合，做出笔画共用的效果，所以其右侧直接用竖笔画代替即可，如图所示。
7.可【移动并复制】笔画后使用【矩形工具】绘制矩形覆盖不需要的部分，在【路径查找器】中点击【减去顶层】去除重叠的部分，得到部分笔画，如图所示。
8.相同方法拼凑出“满”字，注意笔画不要连续重复，丰富笔画的视觉效果，其下方带圆形的图案可使用【椭圆工具】绘制圆形框，使用两个竖笔画连接，做出下图的形状，如图所示。
9.【扩展】后选中下方两个形状，点击【路径查找器】中的【联集】，为它们都设置黑色描边，做出笔画形状，如图所示。
10.【移动并复制】这个笔画至合适位置，拼凑出“满”字，整体向右【移动并复制】一个，调整笔画的长度，使两个“满”字更加整齐，融合更加融洽，调整为下图的效果，具体可参考视频内老师的调整。
11.完成四个字的拼凑和对它们做衔接，例如之前提到的“气”和“满”的衔接，也可以让每个字在不停的层面上，增加文字间的层次关系，“元”字在顶端，“气”在最底端，“满满”在中间，如图所示。
12.对每个字分别【编组】，接下来制作文字的厚度，【复制】“元”并【贴在前面 快捷键：Ctrl+F】，【复制】并【贴在后面 快捷键：Ctrl+B】，将底部的“元”字略微向下移动，将顶部的“元”【锁定 快捷键：Ctrl+2】，如图所示。
13.将底部的两个“元”字【填充】为深绿色，再将其向左下移动，选中底部的两个“元”字，选择【对象-混合-混合选项】，设置间距为指定的步数 100，选择【对象-混合-建立】，做出“元”字的厚度，如图所示。
14.相同方法为其他三个字做出厚度，修改顶部的“元”和“满”字颜色为黄色，加强层次感，然后使用【矩形工具】在“元”字的厚度处绘制矩形，【填充】为相同的深绿色，降低不透明度至50%，做出阴影效果，增加层次感，如图所示。
15.【移动并复制】阴影至另一笔画上，【双击】“元”字，选中底部的两个笔画，【复制】并【贴在前面】，【取消编组】“元”字的编组，设置这两个笔画的颜色为深绿色，【剪切 快捷键：Ctrl+X】后点击“满”字，【贴在前面】，降低不透明度至50%，做出阴影效果，如图所示。
16.相同方法为另一笔画制作阴影效果，调整它们的位置，然后【复制】“满”与阴影重叠的笔画，【贴在前面】，选中阴影和这个笔画，点击【路径查找器】中的【交集】，降低不透明度至50%，做出仅存在笔画上的阴影，如图所示。
17.相同方法制作另一在壁画上的阴影，完成后为其他文字也制作阴影效果，增强文字的层次和立体感，具体可参考视频内老师的操作。
18.可使用【矩形工具】在两个笔画将要相接的位置绘制矩形，同样【交集】并【填充】为深绿色，降低不透明度至50%，做出阴影效果，完成字形的制作，如图所示。
19.将太阳图案移至“气”字的右上方，将拼音文案移至“满满”的下方，太阳图案可使用【椭圆工具】绘制圆形框，使用【直接选择工具】选中锚点并【删除】做出弧形部分，如图所示。
20.将弧形移至右侧，旋转为水平，将竖笔画【移动并复制】至弧形外侧，选中它后【按Alt+R键】，将其中心点下移至弧形内侧下方，如图所示。
21.松开鼠标，设置角度为30°，【再次变换 快捷键：Ctrl+D】三次，整体【自由变换】调整角度和大小，做出其外侧的小矩形，然后整体设置黄色填充，黑色描边，即可做出太阳图案，如图所示。
22.【全选】后拖入PS的画布中，【新建图层】，【填充前景色 快捷键：Alt+Delete】灰色，设置【图层样式-图案叠加】，图案选择网格图案，调整缩放为187%，做出网格效果，如图所示。
23.【右键】此图层选择【栅格化图层样式】，设置【混合模式-柔光】，降低不透明度至50%，即可为背景添加网格纹理，完成本次的制作，如图所示。
24.回顾本节课所讲解到的内容，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。
25.最终效果如图所示，视频学百遍，不如上手练一练！你学会了吗？
以上就是AI+PS-「元气满满」小清新风字体设计图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！