当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI制作立体方块文字

2019/1/16 12:20:03 人评论

这篇教程其实制作难度不高,主要使用AI的3D工具和贴图来制作一个很有创意的AI立体方块文字效果,教程难度一般。效果还是很有意思的,可以运用到海报设计、传单设计当中。推荐一下和优图宝的AI学习者们一起分享、一起学习,觉得有用的就给我好评吧!先来看看最终的效果:FEVTE编 ...

本文原创作者"4FIRE"的原创经验分享!

这篇教程其实制作难度不高,主要使用AI的3D工具和贴图来制作一个很有创意的AI立体方块文字效果,教程难度一般。效果还是很有意思的,可以运用到海报设计、传单设计当中。推荐一下和优图宝的AI学习者们一起分享、一起学习,觉得有用的就给我好评吧!

先来看看最终的效果:

be535955309ba8012193a3885e33.jpg

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html

嗯,老规矩,先分析一下子:

1.整体色彩比较明亮,五彩斑斓

2.很写实的风格

3.很直观的3D效果

OK,接下来我们开始动手制作:

首先,新建一个图层。850*620px,颜色模式为RGB,分辨率为72ppi。启用网格(视图>显示网格)和对齐网格(视图>对齐网格)。编辑>首选项>参考线和网格,并在"网格线间隔"框中输入5px,在"次分隔线"框中输入1px。

d2605955308ea8012193a3cc4e4e.jpg

步骤1:创建并保存一组符号

(1)选择矩形工具(M),创建一个50*50px的矩形,颜色设置为R = 63 G = 169 B = 245,垂直水平居中对齐画板。

45e8595530afa8012193a36ccd80.jpg

(2)使用相同的工具,创建一个40 *40px的矩形,填充一个较深的蓝色,圆角5px(效果>样式化>圆角),然后转到对象>展开外观。

b905595530cca8012193a373caf4.jpg

(3)选中两个形状,打开路径查找器面板(窗口> 路径查找器面板),然后点击"减去顶层",填充颜色改为(R = 0 G = 0 B = 0)。

6b47595530eea8012193a331875b.jpg

(4)选择类型工具(T),添加大写"A",选择Consolas字体,粗体,40px,颜色设置为黑色(R=0 G=0 B=0)。确保你的文字仍然被选中,复制副本再右键创建轮廓(Shift-Control-O),水平垂直居中对齐画板,将文本和边框转换为复合路径(对象>复合路径>建立/Control-8)。

7b8b59553105a8012193a3eb5c14.jpg

(5)复制黑色形状(Control-C> Control-F),选择副本,向右移动与A并排。复制字母A副本,将"A"换成"B",再创建轮廓,和黑色形状框对齐建立一个新的复合路径。重复上面步骤,做出剩下的字母。

ee1f5955311ea8012193a38d0c24.jpg


_ueditor_page_break_tag_

edab59553132a8012193a397c277.jpg

(6)选择您的" A"复合路径,打开" 符号"面板(窗口>符号),然后单击" 新建符号"按钮将所选形状转换为符号。命名此新符号" A ",然后单击 确定。移动到其余的形状,并使用相同的技术将其保存为符号。在" 符号"面板中的所有符号后,请随意将其从您的画板中删除。

41d459553151a8012193a357c9f6.jpg

步骤2:创建3D块

(1)禁用网格(Control-")和对齐到网格(Shift-Control-")。

选择矩形工具(M),创建50*50px的矩形,填充颜色设置为R = 179 G = 179 B = 179。

55c059553161a8012193a31291d3.jpg

(2)选中灰色方块,并进入效果> 3D>拉伸和斜面。单击更多选项按钮并输入下面显示的所有属性。不要忘记检查" 绘制隐藏面"框,然后单击" 贴图"按钮。打开符号下拉菜单并添加" W "符号,使用这些箭头按钮从表面1切换到表面5,并添加相同的符号,旋转90度。移动到Surface 6,添加相同的符号,然后单击OK按钮。具体操作如下图所示。

3ad65955316da8012193a3b2b163.jpg

17645955317aa8012193a30fe25b.jpg

(3)把3D形状,大致分散副本,如以下图像所示,并将现有符号替换为所需的符号。您可以从" 外观"面板(" 窗口">"外观")轻松调整应用的3D拉伸和斜面效果的属性。

cb8959553186a8012193a3226489.jpg

(4)添加另外四个立方体如下所示,替换符号,并调整角度属性,如下图所示。

a15259553191a8012193a3ed63b0.jpg


_ueditor_page_break_tag_

步骤3:调整色块

(1)选择其中一个立方体,然后转到对象>展开外观。确保形状组合被选中,并按Shift-Control-G键盘快捷键两次以快速取消分组。到" 图层"面板,删除构成立方体后壁的两个形状(可以不删除,视个人情况而定,逼死强迫症,偷笑…)。

332a595531a1a8012193a3304a1c.jpg

(2)选择您的三个复合路径,在" 外观"面板里确认颜色为黑色,然后单击" 不透明度 "文本以打开透明胶片弹出面板。将混合模式更改为"叠加",并将不透明度降低到50%。

8a4c595531aea8012193a39d63a5.jpg

(3)选择构成立方体左墙右墙和顶壁的形状,并使用下面显示的线性渐变参数来替换现有填充颜色。

f98d595531c8a8012193a3bcdfc2.jpg

(4)选择线段工具(\),在立方体的三个菱角上画三条直线(这里为了更精准的对齐锚点,请关闭视图中的对齐网格和对齐像素),为此路径添加1px的白色描边。

7f3a595531d7a8012193a3c3a401.jpg

(5)选择三条白色路径,在" 外观"面板上将不透明度降低到70%,将混合模式更改为柔光。在"描边"中找到"配置文件"下拉菜单中选择"宽度配置文件4",并对三条高光进行纵向翻转调整。

0ca1595531eca8012193a345c860.jpg

(6)选择构成立方体墙壁的三个形状,并在前面添加副本(Control-C> Control-F),在路径查找器>联集。并放在三个复合路径下方,然后在" 外观"面板上将颜色改为(R = 147 G = 39 B = 143),混合模式改为"混色"。

c04c595531fba8012193a32f13ec.jpg


_ueditor_page_break_tag_

2d115955320aa8012193a3c22ba8.jpg

(7)选中紫色形状,继续在" 外观"面板中使用" 添加新填充"按钮添加第二个填充(目的是让字母块更真实),不透明度降低到20%,混合模式更改为叠加。

240959553217a8012193a32d6a9b.jpg

步骤4:添加一个简单的阴影

(1)在" 图层"面板,选择构成多维数据集基础的底部形状,并在后面创建一个副本(Control-C> Control-F)。选择直接选择工具(A),选择顶部的锚点(在第一个图像中突出显示),然后将其左侧拖动约20px,如第二个图像所示。在" 外观"面板上将颜色更改为线性渐变,不透明度降低到20%,然后转到效果>模糊>高斯模糊。输入3像素半径。

b5f559553224a8012193a31bb69f.jpg

c22659553230a8012193a3aa8cb7.jpg

(2)确保在上一步中添加的形状仍然被选中,并继续关注" 外观"面板。选择现有填充并使用" 复制选定项"按钮将其复制。选择新添加的填充,将其不透明度降低到15%,并摆脱高斯模糊效应。

75c059553242a8012193a387f5a7.jpg

(3)在" 图层"面板,选择构成多维数据集基础的底部形状,并在后面创建一个副本(Control-C> Control-F)。选择直接选择工具(A),再次选择顶部的锚点,这时候将它们向左拖动约10像素。选中新添加的形状,在" 外观"面板上将颜色更改为线性渐变,不透明度降低到30%。

75445955324ea8012193a3883587.jpg

(4)在" 图层"面板,选择构成多维数据集基础的底部形状,在" 外观"面板上,关闭填充色,将描边色设置为黑色,不透明度降低到5%,检查圆形加入和对齐行程到外部按钮。

30ac59553260a8012193a3f617ab.jpg


_ueditor_page_break_tag_

(5)选择构成紫色立方体的所有形状,并对其进行编组(Control-G)。

d9ac59553270a8012193a35004fc.jpg

步骤5:完善其他字母块颜色

(1)选择一个立方体,对象>展开外观,取消编组(Shift-Control-G)。保留这三个黑色复合路径并编组(Control-G),删除构成立方体的其余形状。

de2f5955327da8012193a3ac56c6.jpg

(2)选择紫色立方体并在前面复制(Control-C> Control-F),选择此副本到上一步中制作的黑色字母后面,确保对齐。删掉表面的字母J。

8bf85955328ba8012193a3272a56.jpg

(3)选择字母G的立方体,到" 图层"面板,将黑色G的组不透明度降低到50%,将混合模式更改为叠加,改组一定要在其他形状之上。选择带有紫色填充的形状,在" 外观"面板上将颜色设置为(R = 176 G = 49 B = 1),选中字母G所有形状,编组。

b2ad59553299a8012193a3bb3ed9.jpg

8b26595532bfa8012193a3f6f882.jpg


_ueditor_page_break_tag_

(4)专注于具有相似旋转角度的其余立方体,并使用与前三个步骤中提到的相同技术进行扩展和着色。对于具有不同旋转角度的立方体,你将不得不重复使用第一个立方体(紫色)的技术。

546c595532cca8012193a3663a27.jpg

4687595532dba8012193a3f01341.jpg

步骤6:添加微妙的阴影和背景

(1)选择钢笔工具(P)。大致绘制一束黑色的形状,如下图所示。将这些新形状的不透明度降低到75%,并将混合模式更改为柔光。

48e6595532eba8012193a3bec0e9.jpg

(2)使用矩形工具(M),创建一个 870 x 640像素的形状,并使用Shift-Control- [键盘快捷键放到最底层,颜色为R = 210 G = 220 B = 240。

0c0059553bc8a8012193a388e4cf.jpg

(3)选中背景矩形,在" 外观"面板上使用相同的" 添加新填充"按钮添加第二个填充。选择这个新的填充并添加如下所示的径向渐变,使用渐变工具(G)拉伸渐变。

809259553bdfa8012193a385b19c.jpg

恭喜!你完成了!

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html

相关资讯

  • 自控AI渐变网格节点画黑金弯钩

    网上很多教程都介绍说,“在使用Illustrator渐变网格建立一个不规则的形状网格时,最好先用基本图形建立,然后再用白箭头拉成想要的形状……”但个人感觉这似乎是个非常被动的做法,特别对我这种点半天都点不中 ...

    2019/1/16 14:25:26
  • AI绘Q版超人:身体造型

    当时正好给我的学生讲到了Illustrator的渐变网格,《超人总动员》正在热映,所以随手就拿来当例子了。现在想想幸亏当时热映的不是《冰河世纪》!当然案例是分三次做完的,大概用两天时间,最难画的地方是超人的 ...

    2019/1/16 14:25:25