Hello,大家好,我是小醒目。
好久不见的Ai专场肥来喇哈哈哈,最近脑瓜子里想了很久要给大家带来什么Ai教程比较好。
想来想去还是觉得来一个能轻松几步分分钟出效果的,然后效果还能显得非常尊贵,让人舔屏的教程会比较抓住你们这群小可爱的眼球吧。
大家鼓掌欢迎我们今天的主角,斑马字体:
哇,满满的bigger,醒目我要学!
这么简洁大方但又英姿飒爽的字体海报是怎么做出来呢?接下来让我们跟随小醒目的脚步了解字体海报的内心独白。
首先,我们要在Ai里面新建一个A4大小,竖方向,颜色模式为RGB的文档,并且插入一个尺寸一样的矩形,填充色为自己喜欢的颜色:
接着我们用文字工具(T)输入我们后面想要变成斑马形态的文字:
这里我用的是Source Sans Variable字体,粗细是Light
这里简单讲解一下:
为什么小醒目选择用这种字体?因为这属于无衬线字体,无衬线字体最大的好处就是没有多余的笔画,比较简洁,也方便我们等下对文字的处理。
输入完文字之后,我们需要把文字变成只有单一线段的形式,这里推荐两个处理办法:
1.直线段工具(\)和直接选择工具(A)
当你的文字没有弧度,都是横平竖直的时候,这种方法就比较方便,我们只需要用直线段工具对照着文字一条一条直线画出来就好了:
按住Shift就可以画90°、45°和0°的直线了
然后我们用直接选择工具(就是白箭头),双击线段的锚点,拖动它们连接到一起:
这样一个只有单一线段的文字就完成了!
2.剪刀工具(C)
如果你的文字是有弧度的,像R、O、P这些怎么办呢?不要急,还有一个方法就是剪刀工具。
在我们输入好文字之后,我们右键文字—创建轮廓,这时候文字就会变成形状:
创建轮廓后,我们需要的是这个文字的外框,这时候可以先把这个文字的描边和填充置换一下,变成无填充和有描边颜色:
接着我们对文字右键—取消编组,再次右键—释放复合路径,这时候里面的圈圈就可以独立出来,我们删除它:
这时候我们看到文字已经接近光秃秃了,但还不是我们想要的最终效果,这时候我们就要用到在橡皮擦工具里面的剪刀工具(C)了。
剪刀工具的用法很简单,我们只需要想好哪个部分线段不需要的,就在这个部分的首和尾用剪刀工具各点击一次就好了,跟我们现实的剪刀用法一模一样:
做完这个步骤我们可能看到有些地方是有缺口的,这时候我们用钢笔工具(P)或者直线段工具(\)去拉条直线补一下,接着全选它们按Ctrl+J把他们连接好就OK了。
这样,我们的爆米花就做好了呀:
终于到了今天的主角登场了,3D工具是CC版本Ai的一个热门工具,很多有趣的2.5D作品都是通过这个工具诞生的:
言归正传,我们选中文字,点击菜单栏“效果”—3D—凸出和斜角,就会弹出一个属性窗口:
看着好像有点复杂的属性窗口,其实就只有三个关键点需要我们去调试,分别是位置、凸出厚度和表面,我们可以勾选左下角的预览去一一了解。
位置的意思是选择这个3D模型的朝向,除了位置里面的预选方案之外,我们还可以调节窗口里面的正方体或者旁边的具体参数:
凸出厚度就是整个3D模型的厚度:
表面就是3D模型的外表材质:
以上三个参数就是3D模型的基本,小醒目在这里温馨提示一下,在做3D之前,先把基础图形多复制一个备份,这很关键!
那么在这里我用的是离轴—前方、凸出厚度180pt、塑料效果底纹:
可以看到,经过这么简单的操作后,好像已经初具雏形了,但距离我们的最终效果好像还差那么点,其实关键就是在于这些条纹到底怎么出现在3D模型上,这就涉及到今天要提到的另一个工具:贴图。
细心的同学可以看到,在刚才调出来的3D属性窗口的下方有个贴图按钮,没错,这就是我们接下来要操作的地方。
不过在进行贴图操作之前,我们要先做好要贴上去的图。这次的条纹贴图也很简单,我们只需要插入4个尺寸相同的长条矩形就好了:
按住Alt+Shift就可以直线复制图形
做完之后我们点击菜单栏“窗口”—符号,这时候界面多了一个符号面板,我们把刚才做好的长条矩形全选,然后拖到符号面板里,弹出一个属性窗口,直接点击确定:
这样我们就做好贴图所需的符号了。
接着我们回到3D模型上,由于我们先前已经做好了一个3D模型,我们是不能对这个已经做好的3D模型重新贴图的(这就是我之前说要备份的重要原因)。
我们把备份好的文字拿过来用(记得再备份一个哦),同样是进入3D属性窗口,设置完刚才提到的基本参数后,我们点击贴图按钮进去一个新的窗口:
在这个窗口中我们依然可以勾选预览。上方的表面页数是指这个3D模型有多少个面,通过翻转页数我们可以看到灰色区域和白色区域:
不同的面会在3D模型中用红线区域表示
表面中的白色区域是我们操作贴图的主要地方,灰色区域则对贴图影响不大,要把图贴上去,我们要先找到每个页面的白色区域。
然后点击窗口左上角符号,会有下拉菜单让你选择贴哪种图案,选择后,我们只需要按一下预览窗口下方的“缩放以适合”,Ai就会自动帮我们把图案贴得明明白白:
这样,我们的主体工作算是完成了80%了,剩下的就是调色和细节工作了。
调色之前,我们要先对文字扩展外观,选中文字—菜单栏“对象”—扩展外观,这样我们就得到一块块的形状了。
接着我们对整个文字右键取消编组2-3次(视具体情况而定),并且对每块形状进行释放剪切蒙版就可以把底纹和条纹分离出来:
把底纹和条纹分离之后,我们先对底纹进行操作,我们可以看到,有部分底纹是由几块小形状组成的,为了方便,我们对每个部分进行一次路径查找器的“联集”操作:
然后全选底纹给它一个背景色的填充色,接着我们按住Shift键把条纹拉回来对齐就好了:
结合Ctrl+Y的线稿模式会看得更清楚
这样,我们的斑马字体就大功告成喇~最后我们补上一些小元素装饰下,然后写点文字上去,一张漂亮的海报就诞生了:
这个教程看着好像没有我开始说的那么简单,其实总结起来就是几个关键步骤:让文字变成路径—3D凸出和斜角(贴图)—调整细节。
那么今天的教程就到此为止了,大家回去要多练习今天的斑马字体哦,然后可以去探索下Ai里面3D功能的更多好玩用法,我们下期再见。