欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

AI教程!矢量艺术:超酷的剪切文本效果

程序员文章站 2022-03-14 16:35:38
今天的教程,来自一个自学成才的矢量艺术家:andrei marius的分享!在这个教程中,我们将告诉大家,如何设置简单的网格,使用使用简单的矩形和变换效果。一. 如何创建新文档并设置网格1. 首先,我...

今天的教程,来自一个自学成才的矢量艺术家:andrei marius的分享!

在这个教程中,我们将告诉大家,如何设置简单的网格,使用使用简单的矩形和变换效果。

AI教程!矢量艺术:超酷的剪切文本效果

一. 如何创建新文档并设置网格

1. 首先,我们新建文档,宽度850px,高度900px,颜色模式rgb。

AI教程!矢量艺术:超酷的剪切文本效果

2. 执行"视图">"显示网格""对齐网格"。

AI教程!矢量艺术:超酷的剪切文本效果

3. 执行"编辑>首选项>参考线和网格>"。

AI教程!矢量艺术:超酷的剪切文本效果

4. 设置网格线间隔为10px,次分隔线为1。

AI教程!矢量艺术:超酷的剪切文本效果

5. 执行"编辑>首选项>单位"。

AI教程!矢量艺术:超酷的剪切文本效果

6. 将单位都设置为像素。

AI教程!矢量艺术:超酷的剪切文本效果

7. 执行"窗口",勾选"信息"。

AI教程!矢量艺术:超酷的剪切文本效果

二.如何创建彩虹背景

8. 选择矩形工具,创建一个 850 x 150 像素的矩形,刚才我们勾选了信息,我们可以很方便的查看矩形的位置,选择填充并将其颜色设置为r = 255 g = 0 b = 0。有了网格与信息,将矩形对齐,将是一个非常简单的事情。

AI教程!矢量艺术:超酷的剪切文本效果

9. 确保选中矩形,然后执行"效果>扭曲和变换>变换"。

AI教程!矢量艺术:超酷的剪切文本效果

10. 将" 移动 – 垂直"滑块拖动到150像素,在" 副本"输入字段中输入5,然后单击" 确定"。

AI教程!矢量艺术:超酷的剪切文本效果

11. 确保仍然选中矩形,执行"对象>扩展外观"。

AI教程!矢量艺术:超酷的剪切文本效果

12. 然后取消组合。

AI教程!矢量艺术:超酷的剪切文本效果

13. 接下来,我们逐个选择矩形,并用下面显示的填充颜色替换现有的填充颜色。

AI教程!矢量艺术:超酷的剪切文本效果

三. 如何创建文本效果框架

14. 选择矩形工具,并创建一个380 x 440像素的形状。用白色填充这个新形状(r = 255 g = 255 b = 255)并将其放置如下所示。

AI教程!矢量艺术:超酷的剪切文本效果

15. 选择路径选择工具,并选择白色矩形,执行"效果>风格化>圆角"。

AI教程!矢量艺术:超酷的剪切文本效果

16. 在圆角半径选项中输入 10px。

AI教程!矢量艺术:超酷的剪切文本效果

17. 选择矩形工具,并创建一个340 x 400像素的形状。用 r = 255 g = 0 b = 0 填充这个新矩形,将其不透明度降低到30%左右,并将其放置如下图所示。

AI教程!矢量艺术:超酷的剪切文本效果

四. 如何创建和对齐文本效果

18. 选择"文本工具",添加我们的文本,颜色设置为黑色,效果如下所示。

AI教程!矢量艺术:超酷的剪切文本效果

19. 选择文本,右键"创建轮廓"。

AI教程!矢量艺术:超酷的剪切文本效果

20. 执行"对象>取消编组"。

AI教程!矢量艺术:超酷的剪切文本效果

21. 下面,我们适当的为文本进行对齐。

AI教程!矢量艺术:超酷的剪切文本效果

22. 选择红色矩形,然后将其删除。

AI教程!矢量艺术:超酷的剪切文本效果

五. 如何样式化文本效果

23. 执行"窗口",勾选"路径查找器",选择所有字母形状和白色形状,然后单击" 分割"按钮。

AI教程!矢量艺术:超酷的剪切文本效果

24. 逐个选择字母形状,并粗略地调整旋转,如下图所示。

AI教程!矢量艺术:超酷的剪切文本效果

25. 选择所有白色形状,将它们转换为复合路径(对象>复合路径>建立)。

AI教程!矢量艺术:超酷的剪切文本效果

26.复合路径建立完后,我们将其置于顶层。

AI教程!矢量艺术:超酷的剪切文本效果

27.下面,选择住这些黑色文本形状,也给它们应用一个10像素的圆角。

AI教程!矢量艺术:超酷的剪切文本效果

28. 不要取消这些黑色文本形状,然后执行"效果>风格化>阴影"。(这里的截图有问题,黑色文本已经是圆角了,我没有重新截图,见谅)

AI教程!矢量艺术:超酷的剪切文本效果

29. 投影的参数设置,如下图所示。(这里的截图有问题,黑色文本已经是圆角了,我没有重新截图,见谅)

AI教程!矢量艺术:超酷的剪切文本效果

30. 同样的,我们选择白色形状,也给它添加一个阴影。

AI教程!矢量艺术:超酷的剪切文本效果

31.投影的参数设置,如下图所示。

AI教程!矢量艺术:超酷的剪切文本效果

最终效果

AI教程!矢量艺术:超酷的剪切文本效果