Illustrator教程

关注公众号 jb51net

关闭
平面设计 > Illustrator教程 >

AI制作非常漂亮的立体灯管文字效果

脚本之家

这篇教程教脚本之家的AI学习者们使用AI制作漂亮灯管文字效果,教程制作出来的文字效果挺漂亮的,制作的难度中等。介绍的都是AI的基础操作和AI经常用到的一些经验和技巧,推荐过来和脚本之家的朋友们一起分享,一起学习了,我们先来看看最终的效果图吧:

具体的制作步骤如下:

第一步

创建一个新文档,将窗口中的数值设置如图:

并设置网格为:

第二步、创建主要形状

选择矩形工具(M)创建一个148 x 28px的矩形,其颜色为R = 244 G = 167 B = 32,并降低不透明度20%

选择添加锚点工具( ),在矩形左侧4px的位置添加两个新的锚点 。用直接选择工具(A),选择左上角的锚点,将其向下拖动2px,然后选择左下角的锚点,将其向上拖动2px

选择直接选择工具(A),选择红色圆圈突出显示的左边两个锚点,设置边角5px,选择红色圆圈突出显示的右边两个锚点,设置边角13 px

第三步、创建内部组件

使用矩形工具(M),创建一个115 x 14px的矩形,距刚才画的矩形左侧12px,垂直居中对其,设置1px的内描边颜色设置为R = 243 G = 202 B = 103,圆角为7px,选择对象>路径>轮廓化描边

重新选择矩形工具(M),创建一个109 x 4px的矩形,如图放置,添加相同的1px黄色内描边,圆角为2px,选择对象>路径>轮廓化描边

选择矩形工具(M),创建一个12 x 10 px的矩形,将其放置在距第一个距矩形3px的位置。设置颜色为R = 121 G = 96 B = 423 px内描边,圆角为5 px,选择对象>路径>轮廓化描边然后添加新的填充,选择此新填充,将颜色设置为黑色(R = 0 G = 0 B = 0),将其不透明度降低到40%,并将混合模式更改为柔光。选择效果>路径>位移路径,设置-1px位移

选择矩形工具(M)创建一个  9 x 12px矩形(R = 121 G = 96 B = 42),并将其与第一个形状左侧对其,垂直居中,将其右侧两点的边角设置为3 px。然后添加新的填充,添加第二填充,将颜色设置为R = 145 G = 120 B = 64,选择效果>扭曲和变换>变换。设置" 缩放 – 水平"70%," 缩放 – 垂直"90%,并选择中间左侧参考点。现在添加第三个填充,将颜色设置为R = 166 G = 135 B = 78,选择效果>扭曲和变换>变换。设置" 缩放 – 水平"40%," 缩放 – 垂直"80%,并选择中间左侧参考点

 

第四步、让它亮起来

选择主要形状,在前面复制(Control-C> Control-F),并把它放到前面(Shift-Control-])。选择这个副本,向左移动1px然后复制它(控制-C>控制-F ),将其向下移动1像素。重新选择在此步骤中创建两个副本,打开路径查找器面板(窗口>路径查找器),选择减去顶层。然后将现有填充颜色替换为R = 235 G = 178 B = 40不透明度70%

选择主要形状,在前面复制(Control-C> Control-F),并把它放到前面(Shift-Control-])。选择此副本,向下移动3 px,向左移动1 px,然后复制它(Control-C> Control-F)。选择此第二个副本并将其向下移动3px。重新选择在此步骤中创建的两个副本,选择减去顶层。然后将现有填充颜色替换为R = 235 G = 178 B = 40不透明度为50%

选择主要形状,在前面复制(Control-C> Control-F),并把它放到前面(Shift-Control-])。选择此副本,向左移动1 px,然后复制它(Control-C> Control-F)。选择此第二个副本并将其向上移动3px。重新选择在此步骤中创建的两个副本,选择减去顶层。然后将现有填充颜色替换为R = 235 G = 178 B = 40不透明度30%

选择主要形状,在前面复制两个副本(Control-C> Control-F),并将两个副本放到前面(Shift-Control-])。选择顶部副本,向上移动1 px,向左移动1 px,然后复制它(Control-C> Control-F)。选择此第二个副本并将其向下移动3像素。重新选择在此步骤中创建的两个副本,选择减去顶层。然后将现有填充颜色替换为R = 235 G = 178 B = 40不透明度70%

使用矩形工具(M),创建一个155 x 28 px的矩形(R = 149 G = 96 B = 55),与现图像右对齐,圆角为13px,然后选择对象>扩展外观

使用矩形工具(M),创建一个128 x 4 px的矩形(R = 224 G = 157 B = 34),圆角为2px,然后选择对象>扩展外观

选择混合工具:

重新选择在最后两个步骤中制作的棕色和黄色圆角矩形,然后按Alt-Control-B创建混合效果,并将其放置到底层Shift-Control- [  。

使用矩形工具(M),创建一个145 x 8 px形状,并将与整体向左偏移2px的位置,如图像所示。填充白色,圆角为4 px,然后选择对象>扩展外观。将不透明度降低到50%,并将混合模式更改为柔光

使用矩形工具(M),创建一个145 x 2 px形状,并将与整体向左偏移2px的位置,如图像所示。填充白色,圆角为1 px,然后选择对象>扩展外观。将不透明度降低到30%,并将混合模式更改为柔光

使用椭圆工具(L),创建一个14 x 3 px形状(R = 235 G = 178 B = 40),并将其放置,如第一个图像所示。选择效果>变形>弧形。输入下图所示的属性,单击确定按钮,然后转到对象>扩展外观。并将其不透明度降低到30%

 

 

第五步、创建螺帽

使用矩形工具(M)创建5 x 24px形状(R = 39 G = 49 B = 48),距左侧2px,垂直居中。选择左锚点,设置边角为1px。切换到圆角矩形工具,并创建三个  4 x 24 px形状和一个3 x 20 px形状(R = 39 G = 49 B = 48),放置这些新的圆角矩形如图像所示。

选择在上一步中制作的五个黑色形状,添加第二个填充,将颜色设置为R = 79 G = 89 B = 86,然后选择效果>扭曲和变换>变换,设置缩放-垂直为80%,移动-垂直1px。添加第三个填充,将其颜色设置为R = 114 G = 113 B = 108,然后再次进入效果>扭曲和变换>变换,设置缩放-垂直为60%,移动-垂直1px

仍选择五个黑色形状,添加第四个填充,将颜色设置为R = 174 G = 177 B = 155,然后选择效果>扭曲和变换>变换,设置缩放-水平为40%缩放-垂直为60%,移动-垂直1px。添加第五个填充,将其颜色设置为白色,然后再次进入效果>扭曲和变换>变换,设置缩放-水平为25%缩放-垂直为25%,移动-垂直1px

使用圆角矩形工具,添加五个圆角矩形,如图像所示。将这些新形状的填充颜色设置为R = 234 G = 221 B = 191不透明度50%,然后将混合模式更改为柔光

切换到钢笔工具(P)并创建第二个图像中显示的五个形状。将这些新形状的填充颜色设置为R = 255 G = 244 B = 161不透明度70%,然后将混合模式更改为柔光

使用矩形工具(M),创建一个4 x 24px形状,并将其放置如图像所示。使用R = 244 G = 167 B = 32填充,不透明度30%,并将混合模式更改为柔光

接下来,创建一个3 x 24px形状,并将其放置,如第二个图像所示。用R = 244 G = 167 B = 32填充,不透明度40%,并将混合模式更改为柔光。使用相同的工具,创建2 x 24 px形状,并将其放置如第三个图像所示。用R = 244 G = 167 B = 32填充,不透明度50%,并将混合模式更改为柔光。最后,创建一个  1 x 24px形状,并将其放置如第四个图像所示。填充R = 214 G = 137 B = 2不透明度40%

使用矩形工具(M),创建一个  4 x 16px形状(R = 8 G = 10 B = 10),并将其放置如图像所示。选择直接选择工具(A)。选择左侧顶部锚点并将其向下移动5px,然后选择左侧底部锚点并将其向上移动5px。接下来,选择左侧两个点,设置边角为3 px

选中最新形状,添加第二个填充,将颜色设置为R = 75 G = 64 B = 59,然后选择效果>扭曲和变换>变换,设置缩放-水平为70%缩放-垂直为70%移动-垂直1px,选择中间右参考点。选择形状添加第三个填充,填充为白色,不透明度50%混合模式更改为柔光,然后选择效果>扭曲和变换>变换,设置缩放-水平为40%缩放-垂直为40%,移动-垂直1px,选择中间右参考点

第六步、添加描边和重复

重新选择主要形状,设置圆角外描边为1px。选择对象>路径>轮廓化描边

选择到目前为止制作的所有形状,复制它们,并将副本放置在下图所示的位置。

第七步、创建图案画笔

使用矩形工具(M),创建一个83 x 40px形状(R = 39 G = 170 B = 225)不透明度50%。使用相同的工具和属性,创建一个5 x 40px矩形。

选择构成顶部灯泡的所有形状以及位于其上方的蓝色矩形,然后选择形状生成器工具(Shift-M)。按住键盘上的Alt按钮,拖动一条从顶部到该蓝色矩形底部边缘的垂直路径。这个动作会快速删除那个蓝色的矩形以及它后面的所有形状。

使用直接选择工具(A),选择第一个图像中左侧的所有形状,然后将其拖动到"色板"面板中,另存为模式,命名为" StartTile "。选择第一个图像中右侧的所有形状,另存为第二个图案,命名为" EndTile "。有了这两个模式,你就可以从你的画板中删除这些形状了。

选择第二个图像,并选择形状生成器工具工具(Shift-M)。这一次按住键盘上的ShiftAlt按钮,并将两个简单的选择拖动到该蓝色矩形的左侧和右侧。

删除该蓝色矩形。选择其余形状,打开画笔面板,然后选择新建画笔-图案画笔然后在开始图块并添加您的" StartTile "图案,在结束图块并添加您的" EndTile "图案。

第八步、创建背景

使用矩形工具(M),创建一个850 x 600px形状(R = 102 G = 59 B = 67),添加第二个填充(R = 0 G = 0 B = 0),不透明度3%混合模式正片叠底,然后选择效果>艺术效果>胶片颗粒,输入如下所示属性。

添加第三个填充(R = 255 G = 200 B = 0)不透明度10%混合模式正片叠底,然后选择效果>艺术>海绵。输入如下所示属性。

第九步、创建文本效果

选择文字工具(T),选择Neons font字体(可文末下载),将大小设置为150 px,行距为155px,字距为150px。添加" TURN ON "白色文字,不透明度30%

使用钢笔工具(P)绘制一个简单的路径" T ",选择该路径,从" 画笔"面板添加之前做的图案画笔,设置17.5像素的圆角。

接下来用同样的方法完成其它字母,需要调整一下圆角参数哦:

选择背景的矩形,在前面复制(Control-C> Control-F),并将其放到前面(Shift-Control-]),然后删除黑色和黄色填充。然后选择第一个填充,将其混合模式更改为柔光,做R = 102 G = 59 B = 67(透明度0%)到R = 38 G = 34 B = 98的径向渐变。

恭喜!你完成了!

以上就是AI制作非常漂亮的立体灯管文字效果全部过程,虽然篇幅有点长,但介绍地很详细,有兴趣的朋友不妨自己尝试制作一下,希望能对大家有所帮助!