当前位置: 主页 > 平面设计 > 用Illustrator制作趣味剪影效果文字设计教程

用Illustrator制作趣味剪影效果文字设计教程

  • 2021-08-18
  • 来源/作者: UI中国/ 带你学设计
  • 39 次浏览

本教程主要使用AI制作有趣的轮廓文本效果。我希望你能喜欢。

先来看看我们制作出来的效果图:

用<a href=/design/illustrator/ target=_blank class=infotextkey>Illustrator</a>制作趣味剪影效果文字<a href=/design/ target=_blank class=infotextkey>设计</a>教程

具体的制作步骤如下:一. 如何创建新文档并设置网格1. 首先,我们新建文档,宽度850px,高度900px,颜色模式RGB。

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

12. 然后取消组合。

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

三. 如何创建文本效果框架14. 选择矩形工具,并创建一个380 x 440像素的形状。用白色填充这个新形状(R = 255 G = 255 B = 255)并将其放置如下所示。

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

五. 如何样式化文本效果23. 执行"窗口",勾选"路径查找器",选择所有字母形状和白色形状,然后单击" 分割"按钮。

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

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

用Illustrator制作趣味剪影效果文字设计教程

最终效果

用Illustrator制作趣味剪影效果文字设计教程