小编:对于Adobe Illustrator初学者,这个教程将教会大家学习创建文本,以及如何转换为3D对象?;褂醒翱焖傺≡褚恍┫嗤粜缘男巫吹牟僮?,并将它们变成复合路径。最后,将学习创建简单的背景,以及使用“变换”效果来添加微妙的阴影。本教程与原教程稍有不同,但不影响最终效果。

jiaozuoye

使用AI制作等轴文本效果,先来看看最终的效果:

等轴文本效果-01

嗯,分析一下子:

1.整体色彩比较明亮,比较活跃

2.粗描边风格

3.很直观的3D效果

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

首先,新建一个图层。850*600px,颜色模式为RGB,分辨率为72ppi。

新建文档

 

STEP1:字体选择

(1)选择文字工具(T),并将焦点放在“ 字符”面板(“窗口”>“类型”>“字符”)上。选择Silkscreen Expanded Font(Silkscreen Expanded Font)。字体大小设置为200px,颜色设置为R = 251 G = 137 B = 100。对齐画板垂直居中对齐。

文字字符

 

STEP2:3D效果制作

(1)选中文字,并进入效果> 3D>拉伸和斜面。单击更多选项按钮,输入下面显示的所有属性,然后单击确定按钮。最后,参数如下图所示。

3d参数

(2)选中文字,转到对象>展开外观。确保生成的形状组保持选中状态,并按住Shift-Control-G键盘快捷键三次(也可右键取消编组三次),目的是取消编组。

移动到“ 图层”面板(“窗口”>“图层”)中,展开现有图层,刚解散的所有形状都在里面,如下图所示。

图层

 

STEP3:如何上色和组织你的形状

(1)选择选择工具(V)并选择构成3D文本顶部的所有形状。只需转到对象>复合路径>建立(Control-8)。

选中复合路径并将其复制到图层顶端(Shift-Control-]),然后将其重点放在“ 外观”面板(“窗口”>“外观”)上。?填充颜色(R = 255 G = 200 B = 0),选择描边粗细大小为4px,颜色设置为R = 46 G = 58 B = 58,边角改为圆角链接。

上色

上色效果

(2)打开现有图层,把上一步中制作的复合路径命名为“黄色顶部图层”并位于顶部,隐藏该图层(取消选中该眼睛图标)。选中上面复制的复合路径图层,?填充颜色改为黑色(R = 0 G = 0 B = 0),并将其移动到图层最底层(Shift-Control- [),命名为“黑色底部图层”,然后锁定它,隐藏该图层(取消选中该眼睛图标)。

黑色底部图层

锁定黑色顶部图层

(3)选择其中一种浅棕色形状,然后转到“ 选择”>“相同”>“填充颜色”,填充颜色(R = 0 G = 173 B = 236),选择描边粗细大小为4px,颜色设置为R = 46 G = 58 B = 58,边角改为圆角链接。选中其余的具有相同填充颜色的形状,用吸管工具吸取编辑好的蓝色。

蓝色上色

选中其他图层

吸取相同效果

(4)选择一个棕色形状,然后转到“ 选择”>“相同”>“填充颜色”,填充颜色(R = 252 G = 130 B = 119),选择描边粗细大小为4px,颜色设置为R = 46 G = 58 B = 58,边角改为圆角链接。选中其余的具有相同填充颜色的形状,用吸管工具吸取编辑好的粉色。

粉色

粉色上色

 

STEP4:添加背景和简单的阴影

(1)使用矩形工具(M),创建一个850 x 600像素的形状,填充颜色(R = 0 G = 173 B = 236),对齐面板垂直居中对齐。

背景

(2)选中“ 图层”面板并解锁“ 黑色底部图层?”复合路径。

“?外观”面板>不透明度:将混合模式更改为柔光。然后转到效果>路径>位移路径。输入2px偏移量,并将连接设置为圆角,单击确定按钮。

然后转到效果>扭曲和变换>变换。将“?水平”滑块拖动到0.2像素,在“?副本?”框中输入100,单击“?确定”按钮。选中阴影和最底层的蓝色方块,底部对齐,完成。

柔光

偏移路径

变换

完成

恭喜!你完成了!

等轴文本效果-01

pixel

 

等轴文本效果教程-01

看完教程咱们交作业咯!点我直达作业提交页面>>

本次教程到此就没了,希望大家喜欢。。。

如果有什么不懂的,欢迎留言讨论。

-END-

 

原文地址:tutsplus

作者:

译者:4FIRE

转载请注明:学UI网—UI设计师学习教程平台 » 如何在Adobe Illustrator中创建等轴文本效果

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
一叶知秋-剪纸风教程【教程】一叶知秋-剪纸风教程【教程】
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
AI快速绘制2.5D冰淇淋车AI快速绘制2.5D冰淇淋车
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
运气药水绘制【教程】运气药水绘制【教程】
2.5D收音机教程2.5D收音机教程
海盗插画教程【教程】海盗插画教程【教程】
一起制作Alphabear图标[AI教程]一起制作Alphabear图标[AI教程]
?