Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

如何在AI中绘制简单,可编辑的文字效果

by
Difficulty:BeginnerLength:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Clare Liu (you can also view the original English article)

Final product image
What You'll Be Creating

在下面的步骤中,你将学会如何在Adobe Illustrator中绘制一种简单,可编辑的文字效果。

对于初学者来说,你将要学会如何使用矩形工具绘制一个背景,使用对齐面板,轻松将它居中对齐。 接着再使用文字工具,以及一些文字面板,你将学会如何添加文字。 再接着,使用外观面板,来将你的文字进行风格化处理。 最后,使用重新着色的功能,你将学会如何快速给整个设计重新上色。

关于如何调整和改进你最终的文字效果,想要得到更多灵感,请到Envato Market,在这里你可以找到很多的资源。

1. 绘制背景

查看一下工具栏,去除描边色,然后选中填充,设置颜色为R=122 G=201 B=67

选中矩形工具(M) ,在画板上轻轻点击一下,弹出一个矩形窗口。 设置870 px 620 px,然后点击OK按钮来得到一个矩形。

确保你画的形状保持被选中,打开对齐面板(窗口>对齐)。 首先,点击对齐到按钮,选中对齐到画板选项。 如果看不到对齐到按钮的话,打开对齐面板的扩展菜单,点击显示选项。 现在,只要点击水平居中对齐垂直居中对齐按钮就可以了。 最后,你画的矩形就会正好处于中央的位置,覆盖整个画板,如下图所示。

rectangle

3. 添加文字

选择文字工具(T),打开字符面板(窗口>文字>字符)。 选择Rockwell 字体,设置类型为加粗斜体,将大小改为150 px,将字符的间距加到 50 。 现在,在画板上点击一下,输入所需文字。 使用段落面板(窗口>>段落)里的居中对齐按钮,将文字居中。

type tool

3. 设置文字的外观

步骤1

确保选中你的文字,去除掉填充色。 这样文字就看不到了。

remove fill

步骤2

即使文字看不到了,但是要确保他们被选中,打开外观面板(窗口>外观),点击添加新填充按钮, 加一个新的填充。选择新的填充,设置颜色为R=22 G=101 B=7

add new fill

步骤3

保证你的文字仍然处于被选中状态,再来看外观面板。 选择现存的填充,打开效果>风格化>投影, 输入左侧窗口显示的属性值(如下图所示),点击OK按钮,然后再次打开效果>风格化>投影, 这一次,输入右侧窗口显示的属性值,再次点击OK按钮。

drop shadow

步骤4

还是保持选中文字,我们来看外观面板, 选择已存的描边,设置颜色为R=172 G=251 B=117描边粗细3 px

stroke

步骤5

还是依然保证选中文字,再来看外观面板。 重新选择描边,打开效果>扭曲和变换>变换, 将移动的两个滑块都移到-10 px,然后点击OK按钮。

transform

4. 重新给文字上色

最后,这里将告诉你如何轻松给整个设计重新上色。

同时选中矩形,文字,打开编辑>编辑颜色>重新着色图稿,转到编辑的窗口。 查看重新着色窗口和链接协调颜色按钮被选中后,然后开始调整这些颜色的手柄。 另外,根据需要调整亮度滑块。

recolor artwork

祝贺你! 你完成了!

如下图所示。 我希望你们喜欢这个教程,将学到的技巧应用到以后的创作项目当中。

自由发挥来调整最终的设计,从而转化成自己的设计。 在Envato Market上你可以找到很多的灵感,那里有很多有意思的方法来提升你的设计水平。

final product
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.