Illustrator设计复古的Chrome文字教程

来源:设计前沿收集 作者:佚名 时间:2017-08-19

在以下步骤中,您将学习如何在Adobe Illustrator中创建复古镀铬文字效果。

对于初学者,您将学习如何设置一个简单的网格以及如何创建一个深色背景。使用矩形网格工具和一些基本的混合技术,您将学习如何在后台添加一个微妙的网格。

充分利用“外观”面板并使用Envato Elements的整洁字体,您将学习如何创建完全可编辑的复古色彩文字效果。最后,您将学习如何为整个设计添加微妙的纹理。

为了更多的灵感,如何调整或改善最终的 文本效果,您可以在GraphicRiver找到大量的资源 。

1.如何创建新文档并设置网格

点击Control-N创建一个新的文档。从单位下拉菜单中选择像素,在宽度框中输入850,高度框中输入450,然后单击更多设置按钮。为颜色模式选择RGB,将光栅效果设置为 屏幕(72 ppi),然后单击 创建文档

启用网格(视图>显示网格)和对齐网格(视图>对齐网格)。您将需要每5像素一个网格,所以只需转到编辑>首选项>指南>网格,在每个框的网格线中输入5,在“ 细分”框中输入1。尽量不要让所有网格感到灰心 - 它会使您的工作变得更简单,并记住您可以使用Control-“ 键盘快捷方式轻松启用或禁用它 。

您可以在Andrei Stefan的简短教程中了解更多关于Illustrator网格系统的信息:了解Adobe Illustrator的网格系统。

您还应打开“ Info”面板(“ 窗口”>“信息”)进行实时预览,其形状大小和位置。不要忘记从“ 编辑”>“首选项”>“单位”将度量单位设置为像素。所有这些选项将显着提高您的工作速度。

设置网格

2.如何创建背景

步骤1

选择矩形工具(M)并将焦点放在工具栏上。从笔画中移除颜色,然后选择填充并将其颜色设置为R = 7 G = 9 B = 21。移动到您的画板,只需创建一个860 x 460像素的矩形 - 网格和对齐网格功能应该使这更容易。

现在,您需要将矩形居中。确保此形状保持选中状态并打开“ 对齐”面板(“ 窗口”>“对齐”)。选择对齐到工作板(打开弹出菜单,如果看不到如下图所示的“ 对齐”部分,请转到“ 显示选项”),然后单击“ 水平对齐中心”和“ 垂直对齐中心”按钮。最后,您的矩形应该覆盖整个画板。

矩形工具

第2步

选择矩形网格工具,只需点击您的画板。输入以下图像中显示的所有属性,然后单击 确定

中心这个新组成的路径,并集中在顶栏。确保没有为填充设置颜色,将笔画颜色更改为R = 251 G = 85 B = 195,并将笔画重量设置为2像素

矩形网格工具

步骤3

确保您的一组粉红色路径保持选中,并转到对象>路径>轮廓笔画。移动到Pathfinder面板(窗口> Pathfinder),然后单击Unite按钮。用下面显示的径向渐变填充所得到的形状,并将其不透明度降低到25%。请记住,渐变图像中的黄色零代表不透明度百分比。

径向梯度

3.如何创建Chrome文本效果

步骤1

选择类型工具(T)并打开字符面板(窗口>类型>字符)。选择Etna字体(或任何您可能喜欢的粗体字体),并将大小设置为135像素,跟踪为100。只需点击您的画板,添加“ CHROME ”文本,使其变为白色(R = 255 G = 255 B = 255)。

类型工具

第2步

确保您的文字保持选中状态,并简单删除该白色填充颜色。移动到“ 外观”面板,使用“ 添加新填充”按钮为文本添加新填充。选择新填充并应用如下所示的线性渐变。请记住,渐变图像中的蓝色数字代表位置百分比。完成后,将此梯度保存在“ 样本”面板(“ 窗口”>“样本”)中。

保存渐变

步骤3

确保您的文字仍然被选中,并继续关注“ 外观”面板。选择现有的填充,然后转到效果>样式化>内部辉光。输入以下图像中显示的属性,然后单击确定按钮。

内部发光

步骤4

确保您的文字仍然被选中,并继续关注“ 外观”面板。选择现有填充并使用“ 复制选定项”按钮将其复制

专注于您的底部填充,删除现有的内部辉光效果,然后转到效果>路径>偏移路径。输入2像素偏移,单击确定按钮,然后转到效果>风格化>投影。输入左上方窗口中显示的属性(如下图所示),单击确定按钮,然后应用下面显示的其他三个“ 阴影”效果。

落下阴影

步骤5

确保您的文字仍然被选中,并继续关注“ 外观”面板。添加第三个填充并将其拖动到现有的两个填充之间。将其不透明度降低到30%,并将混合模式更改为颜色刻录,应用如下所示的线性渐变,然后转到效果>路径>偏移路径。输入1像素偏移路径,然后单击 确定

偏移路径

步骤6

确保您的文字仍然被选中,并继续关注“ 外观”面板。添加第四个填充并将其拖动到现有填充下方。将其不透明度降低到30%,将颜色设置为R = 251 G = 85 B = 195,然后转到效果>路径>偏移路径。输入12像素偏移,单击确定按钮,然后转到效果>模糊>高斯模糊。输入30像素半径,然后单击 确定

添加新填充

步骤7

确保您的文字仍然被选中,并继续关注“ 外观”面板。选择笔画,将其颜色设置为白色,并将重量增加到2像素。将其不透明度降低到50%,并将混合模式更改为覆盖,然后转到效果>路径>偏移路径。输入-1 px偏移,然后单击 确定

行程

步骤8

确保您的文字仍被选中,继续关注“ 外观”面板,然后使用“ 添加新笔画”按钮添加第二

选择这个新笔画,并将其混合模式更改为覆盖。将重量设置为1像素,应用下图所示的线性渐变,然后转到效果>路径>偏移路径。输入-0.5像素偏移,然后单击 确定

添加新的中风

步骤9

确保您的文字仍然被选中,继续关注“ 外观”面板,并添加第三个笔画。

将其拖动到底部填充上方,将“ 重量”设置为6像素,并应用下图所示的线性渐变。将其不透明度降低到10%,将混合模式更改为软灯,然后转到效果>路径>偏移路径。输入3像素偏移,单击确定按钮,然后转到效果>扭曲和变换>变换。将“ 移动垂直”滑块拖动到2像素,然后单击“ 确定”

变换效果

步骤10

确保您的文字仍然被选中,并继续关注“ 外观”面板。添加一个新的填充并将其拖动到面板的顶部。

选择您的新填充并将颜色设置为黑色(R = 0 G = 0 B = 0)。将其不透明度降低到5%,并将混合模式更改为覆盖,然后转到效果>路径>偏移路径。输入2像素偏移,单击确定按钮,然后转到效果>草图> Chrome。输入以下图像中显示的属性,然后单击 确定

铬效果

4.如何添加第二个文本效果和细微纹理

步骤1

选择类型工具(T),并将焦点放在“ 字符”面板上。选择Harlow Solid Italic字体并将其大小设置为80像素。点击你的画板,添加“ 复古 ”文字。确保您的文本没有为填充或笔画设置颜色,重点放在“ 外观”面板上,并使用相同的“ 添加新填充”按钮添加新填充。选择它并应用如下所示的线性渐变。

第二个文本

第2步

确保您的“ 复古 ”文字仍然被选中,继续关注“ 外观”面板,并添加第二个填充。选择它并应用如下所示的线性渐变。将其不透明度降低到30%,将混合模式更改为覆盖,然后转到效果>路径>偏移路径。输入-2 px偏移,然后单击 确定

第二次填写

步骤3

使用矩形工具(M),创建一个新的 860 x 460 px矩形并将其居中。将填充颜色设置为黑色,将其不透明度降低到5%,将混合模式更改为柔光,然后转到效果>艺术>胶片颗粒。输入以下图像中显示的属性,然后单击 确定

电影谷物

恭喜!你完成了!

这是怎么看的 我希望您喜欢本教程,并可以在以后的项目中应用这些技术。

随意调整最终设计,使其成为您自己的设计。您可以在GraphicRiver找到一些很棒的灵感来源 ,并提供有趣的解决方案来改善您的设计。

最后结果