登录| 注册
当前位置：
  1. 北极熊素材库
    2. →
  2. 教程
    1. Photoshop
    2. Lightroom
    3. PageMaker
    4. Autodesk Maya
    5. Premiere
    6. InDesign
    7. Adobe Audition
    8. Axure
    9. Illustrator
    10. Lumion
    11. 3ds Max
    12. Character Animator
    13. Motionbuilder
    14. Sketch
    15. CorelDraw
    16. After Effects
    17. Blender
    18. Auto CAD
    19. Dreamweaver
    3. →
  3. Illustrator
    1. 基础入门
    2. 字体设计
    3. 平面设计
    4. 海报设计
    5. 包装设计
    6. 插图设计
    4. →
  4. 字体设计
    5. →
  5. Illustrator制作3D错位字体设计的教程

Illustrator制作3D错位字体设计的教程

0 2021-06-01 15:51 内容校对：万万没想到
收藏（0） 共有 110 人学习了本教程

《Illustrator制作3D错位字体设计的教程》是一篇关于Illustrator的学习教程，通过简单几步就能实现教程中的效果图效果，当然只学习这一点，并不能完全掌握Illustrator技巧；你可以通过此加强文字，矩形工具，字体等多维度案例或实操来进行更多的学习；此教程是由zilin在2021-06-01发布的，目前为止更获得了 0 个赞；如果你觉得这个能帮助到你，能提升你Illustrator技巧；请给他一个赞吧。

怎么用AI制作3D错位字体？Illustrator制作简单的3D错位字体设计教程，今天就带大家一起来学习用ai来制作简单的3D错位字体，详细步骤如下：

第一步：新建任意大小的工作区利用矩形工具覆盖，填充为黑色，快捷键ctrl+2锁定作为背景：

Illustrator制作3D错位字体设计的教程

第二步：利用文字工具输入自己想要的文字并填充为白色，字体我推荐使用：造字工房劲黑（其他字体也行，但注意一定要用字形较粗的，不然会影响到最终的效果）。然后在左上角对象中扩展为形状。

Illustrator制作3D错位字体设计的教程

第三步：取消编组后利用渐变工具给每一个字符添加渐变，如下:

(C：R255，G0,B0/R255,G0,B255)
(A:R0,G0,B255/R0,G255,B0)
(J:R255,G255,B0/R255,G0,B255)

Illustrator制作3D错位字体设计的教程

Illustrator制作3D错位字体设计的教程

Illustrator制作3D错位字体设计的教程

最后再稍微调整渐变的起始和结束点。

第四步：使用矩形工具做一个长方形并于字体部分重叠，如图：

Illustrator制作3D错位字体设计的教程

然后利用路径查找器中的分割将长方形与字体进行处理，在进行取消编组、删除长方形

Illustrator制作3D错位字体设计的教程

接下来选中字体被切割下来的部分向右略微移动（如图）：

Illustrator制作3D错位字体设计的教程

重复刚才的操作若干次，变得出了以下效果：

Illustrator制作3D错位字体设计的教程

第五步：同第四步，只不过长方形旋转90°被切割的字体向上下略微移动;重复若干次，得到下图：

Illustrator制作3D错位字体设计的教程

第六步：选中字体，打开效果  风格化  投影，如下图：

Illustrator制作3D错位字体设计的教程

数值如下：

Illustrator制作3D错位字体设计的教程

第七步：制作倒影，使用镜像工具将字体水平翻转复制并对齐，如下

Illustrator制作3D错位字体设计的教程

选中下方的字体并打开透明度面板，点击制作蒙版，如图：

Illustrator制作3D错位字体设计的教程

点击蒙版图层，并利用矩形工具画一个完全覆盖住下方字体的长方形;

然后对长方形添加渐变效果，颜色为黑色和白色；

调整渐变的起始结束点以及角度，最后退出蒙版图层，如下：

Illustrator制作3D错位字体设计的教程

最终效果图：

Illustrator制作3D错位字体设计的教程

0

赠人玫瑰，手有余香

本内容由zilin原创发布，小编仅对内容版式进行调整，如有侵犯你的权利，请联系我们。

本文标签

3D错位字体 字体 矩形工具 文字

如果你觉得好，你可以将本课程转发给你的朋友!

< 上一篇 Illustrator 文字渐隐效果的设计方法

> 下一篇 AI制作倒角立体文字效果教程

其他知识点

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

zilin
zilin

阿里巴巴UI设计师——你的想像，世界的模样。

共发布了870个文章 共获得48个赞

最新发布的教程

ps保留皮肤质感的磨皮教程

2022-06-29 09:46

photoshop将图案变成笔刷的详细步骤

2022-06-16 09:55

查看更多此作者的教程

文章中所使用的软件

或许你对这些其他设计教程感兴趣

您可能会帮助到他

查看更多

学习人数最多的教程

用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名，6-15个字符

请输入密码，最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议
找回密码
记起来了，现在登录

请输入用户名，6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中，请在三天内修复密码。

3秒后，将关闭此窗口 立即关闭

立即注册
已有账户，现在登录

请输入用户名，6-15个字符

请输入密码，最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材，助力您的工作和学习

立即升级VIP会员
关于我们
网站导航
客服咨询

19876

会员数量

36650

素材数量

167

下载数量

220

作者数量

13108

教程数量

37

学习人数

© 2017-2021, 北极熊素材库(bjxku.com) LLC. copyright@ www.bjxku.com 渝ICP备20008086号-8 公安部网络违法犯罪举报网站 公安部网络违法犯罪举报网站 渝公网安备 50010702504641号 不良信息举报 不良信息举报
Creative Commons