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

如何在Adobe Illustrator中绘制一个粗体,卡通文字效果

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

在接下来的步骤中,你将学会如何在Adobe Illustrator中绘制一个粗体,卡通文字效果。

对于初学者来说,你将学会如何简单设置网格,为文字效果绘制背景。使用文字工具,选择一个漂亮的自由字体,开始来输入文字。 充分利用外观面板的优势,你将学会如何创建实际文字效果。最后,利用一些简单的圆给文字添加最后的修饰。

关于如何调整和提升最终的文字效果,请到GraphicRiver寻找更多灵感吧,在那里。你可以发现更多海量资源。

1. 如何新建一个文件&设置网格

按快捷键Control-N 新建一个文件。在下拉菜单中设置单位像素,宽和高框里分别输入850,然后点击高级按钮。 颜色模式选择RGB,设置分辨率为屏幕(72 ppi),然后点击新建文件按钮。

启动网格工具(视图>显示网格),对齐网格视图>对齐网格)。你需要一个间隔为5px的网格线,因此打开编辑>首选项>参考线和网格网格线间隔设为5次分隔线设为1。 试着不要让所有的网格线影响到你—它可以使我们在绘制的时候轻松,容易很多,还有一定牢记,可以使用Control-“键盘快捷方式轻松启用或禁用它。

你可以在Andrei Stefan的简短教程中了解更多关于Illustrator网格系统的内容:了解Adobe Illustrator的网格系统

同时也要打开信息面板(窗口>信息),来实时关注形状的大小和位置。 不要忘了将测量单位设为像素,打开编辑>首选项>单位>常规来进行设置。所有这些设置都会大大地提高绘制的速度。

setup grid

2. 如何来绘制背景

步骤1

选择矩形工具(M) ,注意工具栏。将描边色去掉,然后选择填充色,设置颜色为R=137 G=147 B=150

简单绘制一个860 px的正方形,确保它正好覆盖整个画板。网格和对齐网格会起到一定的帮助作用。

square

步骤2

确保你的正方形依然是被选中的,打开外观面板(窗口>外观),点击添加新填充按钮,再来添加一个填充。

选中新的填充,将它的不透明度降低到60%,然后将现有的颜色改成一个径向渐变,如下图所示。一定牢记下图渐变窗口>渐变)黄色0指的是不透明度百分比,使用渐变工具(G),拖拽渐变,确定方向,如下图所示。

radial gradient

3. 如何创建主文本部分

步骤1

选择文字工具 (T) ,打开字符面板(窗口>文字>字符) 选择漫画卡通字体,设置大小为40 px,上下间距为150 px。在画板上稍微点击一下,输入你的文本,颜色为白色。

type tool

步骤2

使用同样工具和字体属性,添加文字的第一排。颜色改为红色,将它放在白色字的上方。 对其他三排文字,用同一样的方法,如下图所示。完成之后,可以将白色删除掉。

red text

4.如何创建文字的正面效果

步骤1

选中其中一个单词,打开外观面板,点击添加新填充按钮来新加一个填充。 设置颜色为R=247 G=139 B=30,确保它位于“”文字的上面。这样的话,就把红色的字完全覆盖了。

add new fill

步骤2

仍然确保橙色的文字依然是被选中的,我们来看外观面板。新加一个填充,把它拖到现有的填充下面。

仍然确保你的新填充是被选中的,把现有的颜色替换为一个线性渐变,如下图所示。然后打开效果>路径>位移路径,输入 2 px 的位置值,将连接改为圆角,然后点击OK按钮。

linear gradient

步骤3

仍然确保橙色的文字依然是被选中的,再来看外观面板。 再次选中底部的填充,打开效果>扭曲和变换>变换。输入下图所示的属性值,然后点击OK按钮。

transform

步骤4

再次确保橙色的文字依然是被选中的,再来看外观面板。再次选中底部的填充,打开效果>风格化>内发光。输入下图所示的属性值,然后点击OK按钮。

inner glow

步骤5

仍然确保橙色的文字依然是被选中的,再来看外观面板。选中顶部的填充,打开效果>路径>位移路径。输入 2 px 的位移,设置连接圆角,然后点击OK按钮。

offset path

步骤6

确保橙色的文字依然是被选中的,来看外观面板。再加第三个填充,把它放在现有的填充上面。

选中这个新的填充,设置颜色为R=254 G=183 B=21,打开效果>路径>位移路径。 输入-4 px 的位移,设置连接圆角,点击OK按钮,再然后打开效果>扭曲和变换>变换,输入下图所示的属性值,点击OK按钮。

yellow fill

步骤7

这一步,你需要使用Illustrator自带的图案。打开色板面板(窗口>色板)里面的扩展菜单,打开色板库>图案>基本形状>基本矢量_线性。 保持这个窗口打开,确保橙色的文字是被选中的,再回到外观面板。

选中顶部的填充,点击复制所选对象按钮,将它复制一个。选中新复制的填充,将现有的颜色替换为10 pli 50%的图案。

built-in pattern

步骤8

确保图案填充是依然被选中的,将不透明度降低到75%混合模式改为柔光,然后打开效果>扭曲和变换>变换,输入下面所示的属性值,点击OK按钮。

rotate pattern

步骤9

依然确保橙色的文字是被选中的,再来看外观面板。

选择描边,设置颜色为R=255 G=200 B=28,大小为4 px,然后打开效果>路径>位移路径。输入-2 px 的位移,设置连接圆角,最后点击OK按钮。

yellow stroke

5. 如何创建文字的背面效果

步骤1

依然确保橙色的文字是被选中的,再来看外观面板。添加第五个填充,把它放在已存填充的后面。

选中这个新的填充,设置颜色为 (R=0 G=0 B=0),降低不透明度50%,将混合模式改为柔光,然后点击效果>路径>位移路径。 输入2 px 的位移,设置连接圆角,点击OK按钮,再然后打开效果>扭曲和变换>变换, 输入(下图)左边窗口所示的属性值,点击OK按钮,再次打开效果>扭曲和变换>变换。 这一次输入右边窗口的属性值,点击OK按钮。

black fill

步骤2

依然确保橙色的文字是被选中的,再来看外观面板。

选择最底部黑色的填充,点击复制选中的对象按钮,将它复制一个。我们来看底部黑色的填充,打开第二个变换效果。将复制20改为50,然后点击OK按钮。

black fill

步骤3

仍然确保橙色的文字依然是被选中的,我们来看外观面板。在添加一个新填充,将它放在已存填充的最后面。

选中这个填充,设置颜色为R=190 G=31 B=46,然后打开效果>路径>位移路径。 输入20 px的位移,设置连接圆角,点击OK按钮,再接着打开打开效果>扭曲和变换>变换。输入下图所示属性值,点击OK按钮。

dark red

步骤4

确保橙色的文字依然是被选中的,我们来看外观面板。新加一个填充,把它放在底部填充的上面。

选中这个填充,设置颜色为R=160 G=1 B=16,打开效果>路径>位移路径, 输入5 px的位移,设置连接圆角,点击OK按钮,然后打开效果>扭曲和变换>变换,输入下面所示的属性值,点击OK按钮。

shading

步骤5

确保橙色的文字依然是被选中的,我们来看外观面板。添加一个新的填充,将它放在已存填充的后面。

选中这个填充,设置颜色为R=160 G=1 B=16,然后打开效果>路径>位移路径,输入20 px的位移,设置连接圆角,点击OK按钮,然后打开效果>扭曲和变换>变换, 输入下图左边窗口所示的属性值,点击OK按钮,再次打开效果>扭曲和变换>变换。这一次输入右边窗口的属性值,点击OK按钮。

dark edge

步骤6

确保橙色的文字依然是被选中的,我们来看外观面板。重新选中底部的填充,打开效果>风格化>投影,输入下面的属性值,点击OK按钮。

drop shadow

步骤7

确保橙色的文字依然是被选中的,我们来看外观面板。点击新增描边按钮,添加第二个描边,将它放在所有填充色的后面。

选中这个新的描边,设置颜色为R=190 G=31 B=46,打开效果>路径>位移路径,输入20 px 的位移,设置连接圆角,点击OK按钮,然后打开效果>路径查找器>添加。 再回到外观面板,点击文字描边部分,打开描边扩展面板。设置粗细8 px,端点为圆头端点圆角连接,然后打开虚线框, 在第一个虚线框里输入0 px,在第一个间隙框里面输入8 px,这时候,你的描边应该如下图所示。

dashed line

步骤8

仍然确保橙色的文字依然是被选中的,我们来看外观面板。 重新选中底部的填充,打开效果>扭曲和变换>变换,输入下面所示的属性值,点击OK按钮。

add effect

6. 如何复制和调整外观属性

步骤1

现在,你需要将外观属性复制应用到其他文字上。打开图层面板(窗口>图层),你会注意到所有的对象右手边有个小圆,一个目标图标。

按住键盘上的Alt 键,点击橙色的文字目标图标,将它拖到红色文字的目标图标的上方。

target icon

步骤2

重复上一步的方法,复制外观属性。完成之后,选择其他的一个或者多个文字,再来看外观面板,将现有的颜色替换为下图所示的颜色。

edit appearance

7. 如何添加一些圆/星星,将它们散布在文字周围

步骤1

使用椭圆工具(L),绘制一个20 px的圆。一定确保这个圆没有填充色,设置描边色为R=190 G=31 B=46,打开描边扩展面板,将描边粗细改为6 px,描边向内侧对齐

使用同样的工具,绘制一个15 px 的圆。使用同样的红色描边,向内侧对齐,但是粗细改为4 px。 绘制第三个圆,大小为10 px ,依然使用红色描边,不要忘了将它描边类型设置为向内侧对齐,设置粗细3 px

将这三个圆复制一份(Control-C > Control-V),选中副本,只要将红色改为R=159 G=31 B=99这个颜色。

circles

步骤2

将红色和紫色的圆复制多个(Control-C > Control-V) ,然后将副本按照下图进行分布放置。

multiply circles

或者,你可以将圆替换为星星的形状,使用星形工具就很容易实现。

stars

祝贺你!完成了!

如下图所示。我希望你很喜欢这次教程,能将这些技巧应用到以后的项目中。

任意发挥来调整最最终的设计,使它成为自己的设计。在GraphicRiver上,你可以寻找到很多不错的灵感,通过有趣的解决方案来提高你的设计水平。

final product
Envato qr branded
关注我们的公众号
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.