视觉设计 » illustrator可爱风字体设计教程,新手也能做好看!

illustrator可爱风字体设计教程,新手也能做好看!

发表于: 视觉设计. 评论
Sponsor

关于教程

直接选用一款合适的可爱风字体,然后进行路径绘制,进行初步字体设计,然后使用illustrator自带的描边处理,轻松掌握可爱风字体设计。本来我是录屏了,结果崩了,我就直接上图文了,配图我截取录制的屏幕。

illustrator可爱风字体设计教程,新手也能做好看!

步骤/教程

01. 新建文件,大小自己设定就可以了,AI是矢量软件,图像大小不受画布影响,在这里我选择的是默认的移动设备大小(别学我,我懒),选择横版。

illustrator可爱风字体设计教程,新手也能做好看!

02. 输入“我很可爱”。接下来是选择字体,我们尽量选择一个和我们的设计效果接近的字体,我选择的是“造字工房喜悠体”。伙伴们要是没有这个字体,可以直接去官网下载,记得选择设计师款,另外说一下,没有获得商用授权,切记不可直接商用哦!

illustrator可爱风字体设计教程,新手也能做好看!

03. 点击输入好的文字,进行文字扩展变成图形,快捷键是Ctrl+Shift+O,然后取消编辑,快捷键是Ctrl+Shift+G ,调整位置,对四个字进行摆放,摆放的时候,考虑一下文字的负空间。

illustrator可爱风字体设计教程,新手也能做好看!

04. 对摆好的文字切换描边,或者是进入轮廓模式(快捷键是Ctrl+Y),直接看到结构线,然后在结构线上用钢笔工具进行路径勾勒;这一步也可以用画笔画,只要绘制出线条就没有问题

illustrator可爱风字体设计教程,新手也能做好看!

这一步就可以按照自己的想法去进行设计了,对路径线进行调整,但是要注意路径一定要圆滑圆润,不要出现角点,最好是勾完,再次进行检查。然后描边填色,稍微粗一点。

illustrator可爱风字体设计教程,新手也能做好看!

05. 描边加粗后,结构要检查一下,然后在工具栏中选择“宽度工具”。用宽度工具调整一下路径线的粗细,不要都一样粗,在笔画的尾部选择加粗,调整一下间距。

illustrator可爱风字体设计教程,新手也能做好看!

06. 调整好了以后,对路径文字进行“对象-路径-轮廓画描边”操作,让路径变为图形。

illustrator可爱风字体设计教程,新手也能做好看!

07. 添加个底色,先添加一个明度对比明显的颜色,为了看效果,后期都是可调整的,文字先编组,不要合并形状。然后选中字体,复制一次,在这里我们选择原位粘贴,粘贴在文字后面(快捷键Ctrl+B),选择棕色,描边加粗,放在下面。

illustrator可爱风字体设计教程,新手也能做好看!

08. 对做好的文字,勾一点细节结构,在转折的位置,不需要太多,同时呢,宽度工具用起来,一头大一头小。

illustrator可爱风字体设计教程,新手也能做好看!

illustrator可爱风字体设计教程,新手也能做好看!

09. 添加个英文,主要是为了弥补结构上的缺陷,英文字体选择风格差不多相同的就可以了,也添加一个描边,调整一下位置,做设计就是需要不断的调整的过程

illustrator可爱风字体设计教程,新手也能做好看!

10. 修改背景颜色,改成一个粉色,我输入的色值是“F98ABC”,可以参考一下,最终效果,然后输出图片。

illustrator可爱风字体设计教程,新手也能做好看!

运用今天的教程方法来设计可爱字体是比较容易上手的,新手也能很快出效果,好了,今天的练习小案例就结束了,我们下期再见。

作者:李波

来源:CLD设计研习社(ID:HelloCloud789)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }