如何创建复古文字效果【AI教程】

小编:今天@4FIRE带来的文章对初学者非常有益,你将学习如何创建纹理背景,如何使用径向渐变,使用简单的文本并充分利用“外观”面板,利用多个填充和描边,以及如何使用效果或混合技术对其进行风格化。

在以下步骤中,你将学习如何在Adobe Illustrator中创建一个暖系复古文字效果。先来看看最终的效果:

嗯,分析一下子:

  • 1.复古的风格,立体感很强;
  • 2.颜色对比强烈;

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

首先,新建一个文档,命名复古文字,800*600px,颜色模式为RGB,分辨率为72ppi

STEP1.如何创建背景

(1)选择矩形工具(M),创建一个800 x 600 px的矩形,对齐整个画板。使用如下所示的径向渐变填充,并使用渐变工具(G)拉伸渐变,如下图所示。

(2)选中矩形,鼠标移动到外观面板(窗口 > 外观),然后使用底部添加新填充按钮添加第二个填充。选择新的填充,鼠标点击色板面板(窗口>色板),打开弹出菜单后上角(打开色板库>图案>基本图形>基本图形纹理)。选择第七个图案(十字架)。

(3)继续在外观面板上操作,选中第二个填充层,将其不透明度降低到30%,将混合模式更改为颜色加深。然后转到菜单栏效果 >艺术效果 > 胶片颗粒。输入以下图像中显示的属性。

STEP2.如何添加文本

(1)选择文字工具(T)并打开字符面板(窗口 > 文字 > 字符)。选择 “Dokyo字体”(点击字体跳转链接下载),字体大小设置为150px,填充白色(R = 255 G = 255 B = 255),与画板水平垂直居中对齐。

(2)选中文字,在外观面板中,单击添加新填充 ,选择新填充并将其颜色设置为(R = 27 G = 117 B = 188)。

STEP3.如何创建文本效果

(1)选中文本,重点放在外观面板上,并使用相同的添加新填充按钮添加第二个填充,选择新的填充并应用相同的十字架模式(现在界面中有基本图形-纹理弹窗,你也可以在色板面板中找到它),将其不透明度降低到30%,将混合模式更改为颜色加深。

然后到菜单栏效果 > 扭曲和变换 > 变换,在弹窗中将缩放滑块拖动到50%,勾选变换图案

确保你的图案填充仍然选择,点击菜单栏中效果 > 艺术效果 > 胶片颗粒,输入与背景相同的属性参数。

(2)选中外观面板中的描边层,将颜色设置为(R = 0 G = 73 B = 113),描边粗细4px。选中描边层, 点击菜单栏中效果 > 路径 > 位移路径,输入 –2px偏移;然后转到效果 > 扭曲和变换 > 变换,将两个移动滑块拖动到0.1px,在该副本框中输入40

(3)选中文本,继续在外观面板中操作,选择底部添加新描边按钮添加一个描边层,颜色设置为(R = 255 G = 200 B = 50),描边粗细4px。然后转到菜单栏中效果 > 路径 > 位移路径,输入 –2px偏移

(4)选中文本,继续在外观面板中操作,选择底部添加新描边按钮添加第二个描边层,颜色设置为(R = 0 G = 73 B = 113),描边粗细为1px。然后转到菜单栏中效果 > 路径 > 位移路径,输入 –2px偏移

(5)选中文本,继续在外观面板中操作,选择底部添加新填充按钮添加一个填充层,颜色设置为(R = 24 G = 42 B = 62),将填充层置于最底层。然后转到菜单栏中效果 >扭曲和变换 > 变换,将两个移动滑块拖动到-0.1px副本框中输入30

(6)选中文本,在外观面板中操作,选中上一步的填充层,点击底部右侧的复制所选项目,选择最底层的填充层,单击变换,将两个移动滑块修改为0.1px副本框中输入140

(7)选中文本,在外观面板中操作,选中上一步的填充层,点击底部右侧的复制所选项目,选择最底层的填充层,单击变换,将两个移动滑块修改为0.1px副本框中输入250,将其混合模式更改为柔光

恭喜!你完成了!

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

tutsplus

作者:Andrei Marius

译者:学UI网翻译社-4FIRE

(0)

相关推荐

  • 如何在AI中创建积木文字效果?

    小编:对于初学者,你将学习如何设置一个简单的网格以及如何保存一组符号,使用3D Extrude&Bevel效果创建多维数据集形状.将学习如何添加微妙的阴影和简单的背景.本教程与原教程稍有不同, ...

  • Flash文字效果系列教程:[1]幻影文字

    通过Flash可以制作出很多既实用又好看的文字效果,而且一点都不难操作哦,赶快跟随小编的脚本来一起动手做做吧. 操作方法 01 双击打开Flash CS6软件,选择并点击[新建]栏下的[ActiveS ...

  • 打造扁平化航海风格文字【AI教程】

    飞屋睿UIdesign:任何对扁平化风靡之初颇有印象的朋友也许和当时的我一样,脑海中想起了"世界突然清静了"的声音.从此我们仿佛告别了拟物时代.做过设计的人都不得不承认,简单是很复 ...

  • C4D怎么制作充气效果的数字8? c4d充气文字效果的实例教程

    C4D想要制作充气特效的文自动化,首先我们先把字体制作好,然后在做成GIF动画效果,下面我们就来看看详细的教程. 下面是制作过程: 1.建立字体和地面,给文字加厚,添加封顶. 2.字体细分为2,点插值 ...

  • C4D怎么设计一款创意奶油文字效果?

    版权申明:本文原创作者“EricD_w”,感谢“EricD_w”的原创经验分享!这篇教程教飞特网的C4D学习者们使用C4D制作创意奶油文字效果,教程制作出来的文字效果挺漂亮的.制作难度一般,推荐一下和 ...

  • 手把手教你绘制烤肠文字效果(AI教程)

    今天给大家带来的是一篇详细的AI初级教程,用illustrator绘制烤肠文字,这篇教程涉及很多实用的技巧,大家耐心点看完可以学到不少知识.不熟悉AI的童鞋也能慢慢的摸索出来,感谢@Jesseluo带 ...

  • AI教程:[147]名片如何把图片嵌入文字做效果

    如果在设计过程中,想要把某张图片素材嵌入文字里面,让文字看起来有图案,有特别效果,怎么办呢? 操作方法 01 我们接着上一节的名片制作继续讲解,置入自己的图片素材以后,把图片移动到合适的位置 02 接 ...

  • 用AI创建扁平化职业角色(下)【AI教程】

    这一次课程是在上一次课程用<AI创建扁平化职业角色(上)[AI教程]>的续集,在第一个头像的基础上来完善第二个第三个以及第四个. (二)创建一个外科医生的头像 (在第一篇教程中25步详细记 ...

  • 教你制作有趣简单的剪纸效果[AI教程]

    小编:今天@Ethan为大家带来一片AI教程,在本教程中,我们将使用多种样式效果,阴影和形状创建一个简单的剪纸效果.我们可以学习应用将剪纸效果填充到字母,文字或其他形状中.过程比较简单,大家可以快速学 ...