AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)

打开psd文件,可以看到这里有100多个图层,别怕,先给其中一个图层添加图层样式-斜面与浮雕,参数大家看着来: 拷贝图层样式: 按Shift全选所有的图层批量粘贴图层样式,这样立体感就出来了: 接下来就是新建几个透

AI海报教程,用AI制作圆圆圈圈的字母效果海报(6)

再加个蒙板擦一擦吧,说实话我做高光和阴影确实很水,所以大家按照自己的方法来就好,别学我: 最后再根据情况调个色,画个边框,码字排版导出图片看看效果吧: 下面是视频版: 本文由野鹿志发布 转

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图

拷贝图层样式:

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(1)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(2)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(3)

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(4)

作者公众号:
AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(5)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(6)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(7)

再在中间补一下笔画:

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(8)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(9)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(10)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(11)

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(4)

作者公众号:
AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(5)

@野鹿志: 本篇教程通过PS和AI制作圆圆圈圈的字母效果海报,这种字母堆叠的效果不是特别难,难得是做出明暗对比度,教程有些许难度,喜欢挑战自己的同学们不妨来试一下,这种效果充满设计感与视觉感,同学们学会了可是用处多多,在后期的设计中可以用到,具体步骤通过PS来学习一下吧。

效果图:

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(14)

源文件+视频:///photoshop/sucai/2018/k521138.html

操作步骤:

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(15)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(16)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(17)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(18)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(19)

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(4)

作者公众号:
AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(5)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(22)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(23)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(24)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(25)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(26)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(27)

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(4)

作者公众号:
AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(5)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(30)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(31)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(32)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(33)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(34)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(35)

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(4)

作者公众号:
AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(5)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(38)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(14)

下面是视频版:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

永远保持学习的态度,我们的技术会越来越好,相信同学们也可以做的更好。

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(4)

作者公众号:
AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(5)

@野鹿志: 本篇教程通过PS和AI制作圆圆圈圈的字母效果海报,这种字母堆叠的效果不是特别难,难得是做出明暗对比度,教程有些许难度,喜欢挑战自己的同学们不妨来试一下,这种效果充满设计感与视觉感,同学们学会了可是用处多多,在后期的设计中可以用到,具体步骤通过PS来学习一下吧。

效果图:

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(14)

源文件+视频:///photoshop/sucai/2018/k521138.html

操作步骤:

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(15)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(16)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(17)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(18)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(19)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(22)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(23)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(24)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(25)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(26)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(27)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(30)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(31)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(32)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(33)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(34)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(35)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(6)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(7)

再在中间补一下笔画:

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(8)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(9)

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

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(10)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(11)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图

拷贝图层样式:

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(1)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(2)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(3)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(38)

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

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(14)

下面是视频版:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

永远保持学习的态度,我们的技术会越来越好,相信同学们也可以做的更好。

AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(4)

作者公众号:
AI海报教程,用AI制作圆圆圈圈的字母效果海报(5)插图(5)

作者: 791650988

为您推荐