(图文+视频)Ai+Ps教程:那种圈圈圆圆圈圈的字母效果制作方法

成都/设计爱好者/7年前/4370浏览
(图文+视频)Ai+Ps教程:那种圈圈圆圆圈圈的字母效果制作方法
野鹿志

圈圈圆圆圈圈,天天码字作图的我...

记得很早之前群里有童鞋问过一个问题:
undefined


这种字母堆叠的效果说实话,其实做起来并不难。


对于我个人而已,我觉得难点反而是做出它那和谐的明暗对比。


因为本来就不会画,再加上开始学习C4D后过分依赖灯光,导致我尝试了很久做出的明暗效果仍然跟shi一样,也就一直没有写成文章。


直到另外一个童鞋提出了问题:

undefined


想想Ai的偏移路径功能也一直没有分享过,看来有些鹿友工作中还是会遇到这个问题啊!


所以虽然效果不好,我们还是勉强的来分享一下那种圈圈圆圆圈圈的字母效果是如何制作的吧!

undefined


先说说偏移路径这个工具的使用吧,例如我这里打了一个鹿字:

undefined


现在我们要做一个大一圈的鹿字,使用等比缩放工具放大10%:

undefined


你会发现会发生撞车的情况:

undefined


这是由于等比缩放是针对字整体的所占面积进行缩放,而不是针对路径。


所以这里我们需要用到另外一个功能叫做偏移路径(对象-路径-偏移路径):

undefined


偏移路径这个功能默认是没有直接的快捷键的,所以如果遇到要做很多层效果,这样操作未免有点麻烦。


所以可以在编辑-键盘快捷键里:

undefined


把偏移路径设置为快捷键,例如我这里设置为F9:

undefined


再次操作,这样就可以很好的让对象沿着路径扩大一圈。


并且你也可以选择连接的方式,至于斜接限制,是用来控制尖角过长的,我们暂时不用管它:

undefined


好了知道了方法以后,我们来制作这种圈圈圆圆圈圈的效果,先给个浅灰的矩形吧:

undefined


选择合适的字体输入文字,并且调整其大小和位置:

undefined


轮廓化以后改变一下字母的形态:

undefined


快捷键调出偏移路径命令,偏移5个px:

undefined


重复两次,直到有相交的情况:

undefined


选中对象,执行路径查找器-轮廓:

undefined


轮廓以后你会发现所有的描边都没有了,重新给上描边的粗细就可以了,我觉得2比较合适:

undefined


然后再去分别删除相交多余的部分,删完可能你会发现接头处有断开,没关系,把描边的端点改为圆头就好了:

undefined


接下来我们选择最外面的一圈,执行对象-路径-连接,把他们连接起来:

undefined


接下来再继续偏移路径重复多次,别问我为什么不用混合,试过就知道是不行的。


反正设置了快捷键,操作起来其实也很简单:

undefined


可以单独选中中间的对象,再偏移-5px:

undefined


这里我觉得也可以补一下:

undefined


再在中间补一下笔画:

undefined


基本上搞成这样,圈圈圆圆圈圈的效果就做好了:

undefined


接下来就是在PS里做出那种高光和阴影的立体效果了,用画笔画我做出来确实效果不好。


所以我选择了另外一种办法,先将释放图层(顺序):

undefined


再将它保存为psd分层文件,之前有分享过如何保存,这里就不赘述啦:

undefined


打开psd文件,可以看到这里有100多个图层,别怕,先给其中一个图层添加图层样式-斜面与浮雕,参数大家看着来:

undefined


拷贝图层样式:

undefined


按Shift全选所有的图层批量粘贴图层样式,这样立体感就出来了:

undefined


接下来就是新建几个透明图层,把混合模式改为柔光,降低不透明度,用角度渐变工具去拉:

undefined


再加个蒙板擦一擦吧,说实话我做高光和阴影确实很水,所以大家按照自己的方法来就好,别学我:

undefined


最后再根据情况调个色,画个边框,码字排版导出图片看看效果吧:

undefined


嘛,差强人意,希望大家通过本篇分享掌握到偏移路径的使用方法就好。


下面是视频版:


好了,今天的分享就到这里,想要源文件以及原视频的童鞋后台撩我获取吧!


更多内容欢迎关注微信公众号

Keep Curiosity Keep Learning

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究


58
阅读原文
|
Report
|
112
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in