AI教程!5个案例教你可编辑字体样式如何做

时间:2024-03-09
类别:平面设计
水平:入门
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AI教程!5个案例教你可编辑字体样式如何做

教程作者:王猛奇(授权转载自公众号:胡晓波工作室

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

一、关于教程

很多人痴迷于软件的功能和技法
我很理解
学一个高深的理论难免虚浮
似懂若懂,让人心生惆怅
那种虽然还没得到
但却要即将失去的感觉是怎么回事?

学一个软件技法则不一样
这种踏实感
如同吃了两个大馒头和一碗面
好不好吃虽然只有你自己知道
直到打出那一个巨大的饱嗝
旁人立刻便会发出那一声感叹:
这货是真撑着了啊!

所以你应该是知道了,这次我们的教程就是聊馒头...啊不...技法!

在Ai软件中,有一个隐秘且强大的功能,那就是可编辑字体样式,你可以打字的同时呈现字体样式效果。

想要完成下面的字型效果,得先明白原理。那在正式讲案例之前,我们简单介绍一下这个软件功能。

AI教程!5个案例教你可编辑字体样式如何做

首先调出外观面板,这里有三个基本功能,按右下方的+号就可以添加。前面两个很好理解,描边和填充,没什么可说的。

第三个:添加新效果就相对来说比较复杂了。

AI教程!5个案例教你可编辑字体样式如何做

点击这里的添加新效果,会发现比较多的功能,我们这里主要会经常用到这四个:偏移路径,变换,粗糙化,彩色半调。

AI教程!5个案例教你可编辑字体样式如何做

二、案例实操

#01 案例一AI教程!5个案例教你可编辑字体样式如何做

现在我们来看第一个案例。

首先我们打出文案(这里的笑脸也是字体哈),在左上角这里的填充颜色和描边都不要选择,在外观面板上首先添加一个填充颜色。

AI教程!5个案例教你可编辑字体样式如何做

然后添加一个黑色描边,注意把描边移到填充的下方。

AI教程!5个案例教你可编辑字体样式如何做

然后将这个描边复制一份,并给他添加一个变换效果,变换数值如下 。

AI教程!5个案例教你可编辑字体样式如何做

AI教程!5个案例教你可编辑字体样式如何做

最后添加一个白色的描边(这里的白色描边是用黑色描边复制的,所以也有变换)即可。

这个字体效果我们就完成了!

AI教程!5个案例教你可编辑字体样式如何做

看一下最后呈现的效果。

输入其他文字也试一下。

AI教程!5个案例教你可编辑字体样式如何做#02 案例二

AI教程!5个案例教你可编辑字体样式如何做

第二个案例,我们可以再来巩固一下这个“变换”的功能。

首先还是打出文案。

AI教程!5个案例教你可编辑字体样式如何做

仍然是添加一个黑色描边。

AI教程!5个案例教你可编辑字体样式如何做

并给他添加一个变换效果,变换数值如下,前两步跟第一个案例是没区别的 。

AI教程!5个案例教你可编辑字体样式如何做

AI教程!5个案例教你可编辑字体样式如何做

为了让它的描边层次显得更加丰富,我们可以先添加一层黄色描边(这里的黄色描边是用黑色描边复制的,所以也有变换)

AI教程!5个案例教你可编辑字体样式如何做

然后再添加一个红色的描边(这里的红色描边是用黄色描边复制的,所以也有变换) ,在变换的基础上再次添加一次变换(这样它就变成了厚度效果)

听着稍微有点绕,在软件上做两遍就理解了

AI教程!5个案例教你可编辑字体样式如何做

AI教程!5个案例教你可编辑字体样式如何做

看一下最后呈现的效果。

输入其他文字也试一下(注意:也可以选择字体或输入中文)

AI教程!5个案例教你可编辑字体样式如何做#03 案例三

AI教程!5个案例教你可编辑字体样式如何做

第三个案例,我们主要讲解半调文字效果,首先打出文字,添加一个白色填充,黑色描边。

AI教程!5个案例教你可编辑字体样式如何做

然后再次添加一个填充颜色,在色板中选择一个黑白渐变。然后给黑白渐变添加彩色半调,数值如下,这个纹理就做好了,注意,这里的渐变可以编辑。

AI教程!5个案例教你可编辑字体样式如何做

AI教程!5个案例教你可编辑字体样式如何做

再次复制一个黑色描边并添加变换,给字体增加厚度效果。

AI教程!5个案例教你可编辑字体样式如何做

再次添加一个绿色描边,增加变换,呈现厚度效果即可。

AI教程!5个案例教你可编辑字体样式如何做

最后再给一个灰色的描边,做一个错位的层次感。

AI教程!5个案例教你可编辑字体样式如何做

看一下最后呈现的效果。

输入其他文字也试一下(注意:也可以选择字体或输入中文)

AI教程!5个案例教你可编辑字体样式如何做#04 案例四

AI教程!5个案例教你可编辑字体样式如何做

第四个案例,主要讲解填充线条纹理的方法,打出文字。

AI教程!5个案例教你可编辑字体样式如何做

增加描边,加入变换,给字体一个厚度。

AI教程!5个案例教你可编辑字体样式如何做

再次新建一个填充,置于顶层,窗口-色板,调出色板工具。

AI教程!5个案例教你可编辑字体样式如何做

选择基本图形-线条即可,然后就可以填充想要的线条样式了。

AI教程!5个案例教你可编辑字体样式如何做

纹理和黑色描边有点粘连,所以给这个填色增加一个偏移路径,数值如下,这个效果就完成了。

AI教程!5个案例教你可编辑字体样式如何做

AI教程!5个案例教你可编辑字体样式如何做

看一下其他文本的呈现效果!

AI教程!5个案例教你可编辑字体样式如何做#05 案例五

AI教程!5个案例教你可编辑字体样式如何做

第五个案例,主要讲解粗糙化的效果,先打出文字,直接给一个填充和一个描边。

AI教程!5个案例教你可编辑字体样式如何做

给描边增加一个厚度。

AI教程!5个案例教你可编辑字体样式如何做

新建一个填充,置于顶层,用第四个案例讲到的方法,增加一个纹理。

AI教程!5个案例教你可编辑字体样式如何做

分别给两个描边添加粗糙化效果。

数值如下。

AI教程!5个案例教你可编辑字体样式如何做

AI教程!5个案例教你可编辑字体样式如何做

看一下其他文本的呈现效果!

AI教程!5个案例教你可编辑字体样式如何做

欢迎关注「胡晓波工作室」的微信公众号:

AI教程!5个案例教你可编辑字体样式如何做

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

12 收藏 57

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

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

复制本文链接
img

发表评论 已发布 3

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片