PS+AI打造纪念碑谷风格立体字效!

这篇AI制作建筑风格立体文字教程算是偏基础性质的教程,主要像大家介绍立体文字的制作和创意的构思过程。在设计之前,先对字体进行分析,以便建立相应的设计思路。

本次的大致设计思路为:先在a进行3D模型构建,组合成"B、E、Y、O、N、J六个字母,再对每个面进行上色。接着导出智能对象,在ps里面进行质感处理以及场景制作。制作步骤立体模型制作。(以字母B为例,后面几个字母和楼梯等的设计方法与此相同。)将B分为上下两个部分进行制作,先用矩形和圆角矩形画出基本的平面形状,然后运用布尔运算,进行形状的裁剪。先画一个圆角矩形,圆角调至最大,填色改为透明,描边设置适当的宽度,然后选择"对象-扩展外观",将描边扩展为形状

分析

在设计之前,先对字体进行分析,以便建立相应的设计思路。本字体由“B、E、Y、O、N、J”的立体形状构成,每个字母都进行了错位重组。因此,本次的大致设计思路为:先在ai进行3D模型构建,组合成“B、E、Y、O、N、J”六个字母,再对每个面进行上色。接着导出智能对象,在ps里面进行质感处理以及场景制作

制作步骤

立体模型制作。(以字母B为例,后面几个字母和楼梯等的设计方法与此相同。)
将B分为上下两个部分进行制作,先用矩形和圆角矩形画出基本的平面形状,然后运用布尔运算,进行形状的裁剪先画一个圆角矩形,圆角调至最大,填色改为透明,描边设置适当的宽度,然后选择“对象-扩展外观”,将描边扩展为形状。

再用矩形与上步骤得到圆环形状进行相减,将矩形置于圆环形状上层,选中两个形状,再选择“路径查找器-减去顶层”,得到以下形状。

将上步骤得到形状矩形进行组合,选中两形状,选择“路径查找器-联集”,得到组合形状。再使用直接选择工具,选中以下锚点,拖动图中的圆圈,进行圆角设置。

选中上步骤得到形状,选择“效果-3D-突出和斜角”,进行立体模型的建立。位置选择“等角-左方”,再设置适的凸出厚度,点击确定即可。

同理,通过基本平面形状的布尔运算,再进行3D效果,位置选择“等角-右方”,得到字母B上半部分的立体模型。

将上述等到的两个立体模式设置透明度,然后对齐,此时要注意图层顺序,因下半部门是遮挡住上半部分的,因此下半部分的图层顺序应在上半部分图层顺序的上层。对齐后,恢复原透明度,再选中两个立体模型,选择“对象-扩展外观”,接着,在选中情况下,右键鼠标,选择“取消编组”,多操作几次,直到右键列表中无“取消编组”这一选项。如果模型之间对齐后仍有间隙,可在视图中取消对齐像素,只对齐点,再对相应的锚点进行调节。

以下为其他立体模型的建立过程,仅供参考。(tps:窗户和门同样可以通过“效果-3D-突出和斜角”进行处理将突出厚度设置为0即可。)

步骤二

给立体模型上颜色。(以字母B为例,后面几个字母和楼梯等的设计方法与此相同
在步骤一取消分组后的立体模型的基础上,进行形状的合并,将共用一个颜色渐变的几个形状,合并为一个形状,如各个曲面等。合并完毕后,添加渐变颜色。

值得注意的是,因为原图中,楼梯多个台阶的台面和竖面的颜色,分别共用一个渐变颜色。因此,要选中所有台面,选择“对象-复合路径-建立”,再进行颜色的添加。竖面同理。

步骤三

在ps中新建背景,添加渐变颜色。再将a中上好色的立体模型,copy到ps中粘贴,选择粘贴为智能对象,再根据层级关系,将所有立体模型排好位置。观察原图,立体模型中有些面进行了质感添加处理,则单独将这些面复制一层再copy粘贴到ps中,放在在对应立体模型的位置上,做为“质感层”。

对“质感层”进行质感添加,选择“滤镜-杂色-添加杂色”。因一个面只有部分有质感,因此要对“质感层”添加蒙版进行区域透明度的处理,再根据具体效果,调整“质感层”的整体不透明度。

最后,给图层添加阴影。新建一个透明图层,用画笔工具在上面添加一些星星点点,再在字体底部添加几条渐变透明色块,便大功告成了。

扩展

上述方法,同样适用于一些立体中文字体的设计(一些结构复杂的例外,除非自己找虐,如“、最、、、盛”这类的)。也适用于25D插画中,一些建筑物的设计。总之,大家学会了这打渔方法,就可以去捕各种各样的鱼了。

总结

如果有足够的空间想象力,以及足够的耐心,便能做出这个字体效果。因内容繁琐,已尽可能详细的讲解了,希望对各位有所帮助。

本文来源UI晚8点,经授权后由小编发布,观点不代表设计教程网的立场,转载请联系原作者。
21

评论:

1 条评论,访客:1 条,站长:0 条

最新评论

发表评论