AI教程/电路板字效

图/文  Andrei Marius

注：此教程为英翻教程，软件操作不娴熟的小伙伴儿，谨慎尝试哦。翻译不足之处，自行脑补哦。

1.创建新文档

Ctrl + N创建一个新文档。启用网格（“ 视图”>“显示网格”）和“ 对齐网格”（“ 视图”>“对齐网格”）。对于初学者，您将需要每5 像素一个网格，因此只需转到“ 编辑”>“首选项”>“参考线”>“网格”，在“ 每个网格线”框中输入5，在“ 细分”框中输入1。

2.创建电路板

第1步

选择矩形工具（M），颜色设置为R = 2 G = 110 B = 60。只需创建一个410 x 165px的矩形，对齐网格。

第2步

使用椭圆工具（L）创建一个5 像素的圆圈，将填充颜色设置为黑色，然后将其放置在第一张图像中。确保已选择此新形状，然后转到“ 效果”>“扭曲和变形”>“变形”。输入左窗口中显示的属性（如下图所示），单击“ 确定”，然后再次转到“ 效果”>“扭曲和变形”>“变形”。输入右侧窗口中显示的属性（如下图所示），单击“ 确定”，然后转到“ 对象”>“展开外观”。

第3步

确保椭圆工具（L）仍处于活动状态，创建一个新的5px圆圈，将填充颜色设置为黑色，然后将其放置，如下图所示。

第4步

使用矩形工具（M）创建10 x 5px的形状，将填充颜色设置为黑色，然后将其放置在第一个图像中。确保已选择此新形状，然后转到“ 效果”>“扭曲和变形”>“变形”。输入左窗口中显示的属性（如下图所示），单击“ 确定”，然后再次转到“ 效果”>“扭曲和变形”>“变形”。输入右侧窗口中显示的属性（如下图所示），单击“ 确定”，然后转到“ 对象”>“展开外观”。

第5步

确保“ 矩形工具”（M）仍处于活动状态，并将焦点放在绿色矩形的右上角。创建一个10 像素的正方形，将填充颜色设置为黑色，然后将其放置在第一张图片中。继续关注此新形状，抓住“ 删除锚点工具”（-），然后单击底部左锚点将其删除。这将使您的黑色正方形变成三角形。重新选择矩形工具（M），然后将焦点放在绿色矩形的左下角。创建一个新的10px正方形，将填充颜色设置为黑色，然后将其放置在第一张图片中。继续关注这个新形状，抓住“ 删除锚点工具”（-）并只需移除右上角的锚点即可。最后，事情应该看起来像第二张图片。

第6步

选择一种黑色形状，然后选择选择>相同>外观。这将选择所有黑色形状。确保选择了这些形状，然后按Ctrl + 8（或转到“ 对象”>“复合路径”>“制作”）以将它们变成简单的“ 复合路径”。

步骤7

选择你的黑色复合路径与绿色矩形一起，打开（窗口>路径查找器），然后单击负。确保结果形状保持选中状态，将焦点放在“ 外观”面板（“ 窗口”>“外观”）上，添加2pt笔触，将颜色设置为R = 50 G = 130 B = 90并将其内部对齐。继续关注外观面板，并使用“ 添加新笔触”按钮为此形状添加第二笔划（由下图中的蓝色小箭头指向）。选择此新笔触，将颜色设置为R = 0 G = 60 B = 20并将其宽度减小为1px。

步骤8

重新选择复合路径，然后转到“ 效果”>“风格化”>“阴影”。输入左上方窗口中显示的属性（如下图所示），单击“ 确定”，然后添加下图所示的其他四个“ 阴影”效果。移至“ 图层”面板并锁定此复合路径，以确保您不会意外选择/移动它。

3.添加一段文本和两个简单的矩形

第1步

抓住文字工具（T），在画板上单击并添加“ VECTOR ”文本。使用“ Viafont ”字体，将大小设置为80px，将颜色设置为白色。确保仍选中您的文本，转到“ 透明度”面板（“ 窗口”>“透明度”），然后将“ 不透明度”降低到30％。移至“ 图层”面板并锁定此文本。

第2步

使用矩形工具（M）创建一个45像素的正方形，将填充颜色设置为黑色，然后将其放置在第一个图像中。继续激活矩形工具（M），创建一个10 x 35px的形状，将填充颜色设置为黑色，然后将其放置在第一个图像中。确保已选择此新形状，然后转到“ 效果”>“扭曲和变形”>“变形”。输入左窗口中显示的属性（如下图所示），单击“ 确定”，然后再次转到“ 效果”>“扭曲和变形”>“变形”。输入右侧窗口中显示的属性（如下图所示），然后单击OK。

4.创建绿色电路第1步

使用钢笔工具（P）创建一个35px的垂直路径，并将其放置在第一个图像中。为此新路径添加一个1pt，将其颜色设置为R = 117 G = 165 B = 75，并确保没有为填充设置颜色。确保仍然选择了垂直路径，然后转到效果>扭曲和变形>变形。输入下图所示的属性，然后单击“ 确定”。复制此细路径（Ctrl + C> Ctrl + F），选择副本，将其向下拖动并放置，如第三幅图所示。

第2步

选择底部的垂直路径，然后转到“ 对象”>“展开外观”。移至“ 图层”面板，选择新创建的组，然后按两次Shift + Ctrl + G 取消组合。

第3步

继续关注底部垂直路径。专注于前两个路径并抓住直接选择工具（A）。选择顶部锚点（在第一个图像中突出显示），然后只需按Ctrl + J（或转到“ 对象”>“路径”>“联接”）以将它们连接。确保直接选择工具（A）处于活动状态，重新选择第二张图像中突出显示的两个锚点，并将其向上拖动25px。最后，事情应该看起来像第三个图像。

第4步

从底部垂直路径移至第三垂直路径。选择它，抓住钢笔工具（P），单击顶部的锚点，向上移动35px，然后单击以添加第三个锚点。确保您的路径保持选中状态，向左移动30px并添加第四个锚点，然后向下移动35px并添加路径的最终锚点。最后，事情应该看起来像第四个图像。

第5步

从底部垂直路径移至第四垂直路径。抓住直接选择工具（A），选择顶部锚点并将其向上拖动50px。

第6步

选择您的顶部垂直路径，然后转到对象>扩展外观。移至“ 图层”面板，选择结果形状组，然后按两次Shift + Ctrl + G 取消组合。现在，使用直接选择工具（A）和钢笔工具（P）以及最后三个步骤中提到的简单技术，可以大致编辑第二幅图像所示的其余垂直路径。不一定要看起来像图像中的样子，但请确保将路径包装在文本周围。

步骤7

现在，对“ C ” 进行一些调整。专注于此字母，选择“ 椭圆工具”（L），创建一个25px的圆圈并将其放置在第一张图片中。为此路径添加1px笔触，并将其颜色设置为R = 117 G = 165 B = 75。继续关注该圆圈，切换到直接选择工具（A），选择正确的锚点，然后只需按键盘上的Delete键即可将其删除。确保直接选择工具（A）保持活动状态，在第二张图像中选择两个锚点高光，然后按Ctrl + J进行连接。向上移动，选择第四张图像中突出显示的两个锚点，然后按Ctrl + J。最后，事情应该看起来像第六张图片。

步骤8

选择一条瘦路径，然后选择“选择”>“相同”>“外观”以选择所有那些瘦路径。一旦选择了所有这些路径，请按Ctrl + G将它们分组。激活像素预览（Alt + Ctrl + Y或“ 视图”>“像素预览”）。仔细研究这些细小的路径之一，您会发现事物区域像素化。这是因为您的路径未与像素网格完美对齐。下一步，我们将解决这个问题。

步骤9

确保仍选择了一组细路径，然后转到效果>扭曲和变形>变形。将焦点放在“ 移动”部分，将两个滑块都拖到0.5px处，然后单击“ 确定”。重新查看您的群组，您会发现路径不再像素化。您可以禁用像素预览（Alt + Ctrl + Y）。

第10步

对于接下来的步骤，您将需要每1px有一个网格，因此请转到“ 编辑”>“首选项”>“参考线和网格”，然后在“ 每个网格线”中输入1。选择椭圆工具（L）并创建一个3px的圆圈。为此微小的形状添加一个1px的笔触，将颜色设置为R = 117 G = 165 B = 75并将其与外部对齐。（Ctrl + C> Ctrl + F）这个小圆圈，并按照第二张图片所示散布副本。

步骤11

使用椭圆工具（L）创建一个新的3px圆，将填充颜色设置为R = 117 G = 165 B = 75并将其放置在第一个图像中。确保此新形状保持选中状态，然后转到“ 效果”>“扭曲和变形”>“变形”。输入左窗口中显示的属性（如下图所示），单击“ 确定”，然后再次转到“ 效果”>“扭曲和变形”>“变形”。输入右侧窗口中显示的属性（如下图所示），然后单击OK。

步骤12

使用椭圆工具（L）创建一个新的3px圆，将填充颜色设置为R = 117 G = 165 B = 75并将其放置在第一个图像中。确保此新形状保持选中状态，然后转到“ 效果”>“扭曲和变形”>“变形”。输入左窗口中显示的属性（如下图所示），单击“ 确定”，然后再次转到“ 效果”>“扭曲和变形”>“变形”。输入右侧窗口中显示的属性（如下图所示），然后单击OK。

步骤13

选择所有这些3px圆以及一组细路径，然后将它们分组（Ctrl + G）。确保选择了这个新组，然后转到“ 效果”>“风格化”>“阴影”。输入下图所示的属性，然后单击“ 确定”。

5.创建黄色电路

第1步

返回到“ 每5像素网格线 ”，因此只需转到“ 编辑”>“首选项”>“参考线和网格”，然后在“ 每个网格线”框中输入5。使用钢笔工具（P）创建25px的垂直路径，并将其放置在第一个图像中。为此新路径添加一个1pt，将其颜色设置为R = 165 G = 155 B = 55并确保没有为填充设置颜色。确保仍然选择了垂直路径，然后转到效果>扭曲和变形>变形。输入下图所示的属性，然后单击“ 确定”。复制此路径，选择副本，将其向下拖动并放置，如第三张图片所示。

第2步

确保选择了在上一步中创建的两个垂直路径，然后转到“ 对象”>“扩展外观”。移动到“ 图层”面板，然后取消组合（两次Shift + Ctrl + G组合）这两个结果组。使用直接选择工具（A）和钢笔工具（P）大致编辑这些新路径，如下图所示。

第3步

选择所有将笔划颜色设置为R = 165 G = 155 B = 55的路径 （选择>相同>外观）并将它们分组（Ctrl + G）。同样，如果启用像素预览，您会注意到这些细路径有些像素化。确保选择了在此步骤中创建的组，然后转到效果>扭曲和变形>变形。将焦点放在“ 移动”部分，将两个滑块都拖到0.5px处，然后单击“ 确定”。

第4步

切换到“ 每1像素网格线 ”，然后转到“ 编辑”>“首选项”>“参考线和网格”，然后在“ 每个网格线”框中输入1。选择矩形工具（M）并创建一个3px的正方形。为这个微小的形状添加一个1px的笔触，将颜色设置为R = 165 G = 155 B = 55并将其向内对齐。乘以这个小方块（Ctrl + C> Ctrl + F）并散布副本，如第二幅图像所示。

第5步

使用椭圆工具（L）创建一个3px的圆，将填充颜色设置为R = 65 G = 155 B = 55并将其放置在第一张图像中。确保此新形状保持选中状态，然后转到“ 效果”>“扭曲和变形”>“变形”。输入左窗口中显示的属性（如下图所示），单击“ 确定”，然后再次转到“ 效果”>“扭曲和变形”>“变形”。输入右侧窗口中显示的属性（如下图所示），然后单击OK。

第6步

选择所有那些3px正方形以及3px圆形和细路径组，然后将它们分组（Ctrl + G）。确保选择了这个新组，然后转到“ 效果”>“风格化”>“阴影”。输入下图所示的属性，然后单击“ 确定”。

10.创建芯片和钢片

第1步

将焦点放在“ 图层”面板上，选择45px的黑色正方形，并将其置于前面（Shift + Ctrl +]）。专注于顶部，此深色形状的左角，抓住矩形工具（M）并创建7 x 1px形状。如第二幅图像所示放置它，为填充选择随机颜色，并确保没有为笔划设置颜色。继续关注这个小矩形，用下面显示的线性渐变替换用于填充的平面颜色，然后转到“ 效果”>“风格化”>“圆角”。输入0.5px半径，然后单击“ 确定”。

第2步

重新选择该7 x 1px矩形，将其发送到黑色矩形后面（Ctrl + [），然后转到“ 效果”>“扭曲和变形”>“变形”。输入左窗口中显示的属性（如下图所示），单击“ 确定”，然后再次转到“ 效果”>“扭曲和变形”>“变形”。输入右侧窗口中显示的属性（如下图所示），单击确定，然后转到效果>风格化>阴影。输入如下所示的属性，然后单击“ 确定”。

第3步

重新选择黑色正方形，然后将焦点放在外观面板上。首先，选择填充并将现有颜色替换为R = 30 G = 30 B = 30。接下来，添加一个2pt笔触，将颜色设置为R = 40 G = 40 B = 40并将其向内对齐。继续关注外观面板，并使用相同的“ 添加新描边”按钮为该正方形添加第二个描边。选择此新笔触，使其宽度为1px，将颜色设置为黑色并将其内部对齐。确保选择了整个路径（只需从“ 外观”面板顶部单击“ 路径 ”文本），然后转到“ 效果”>“样式化”>“圆角”。输入3px半径，然后单击“ 确定”。

第4步

确保您的45像素正方形保持选中状态，将焦点放在外观面板上，然后使用“ 添加新填充”按钮（由下图中的蓝色小箭头指向）添加第二个填充。选择此新填充，将其拖动到“ 外观”面板的底部，将颜色设置为黑色，将其不透明度降低到10％，然后转到“ 效果”>“路径”>“偏移路径”。输入一个1px的偏移量，然后单击“ 确定”。返回到“ 外观”面板，并为该正方形添加第三个填充。将其拖到外观面板的底部，将颜色设置为黑色，降低其不透明度到5％，然后转到效果>路径>偏移路径。输入2px的偏移量，单击“ 确定”，然后转到“ 效果”>“扭曲和变形”>“变形”。输入下图所示的属性，然后单击“ 确定”。

返回到“ 外观”面板，并为正方形添加第四个填充。将其拖动到外观面板的底部，将颜色设置为黑色，将其不透明度降低到15％，然后转到效果>路径>偏移路径。输入2px的偏移量，单击“ 确定”，然后转到“ 效果”>“扭曲和变形”>“变形”。输入下图所示的属性，单击“ 确定”，然后转到“ 效果”>“模糊”>“高斯模糊”。输入5px半径，然后单击“ 确定”。

第5步

使用椭圆工具（L）创建一个25 像素的正方形，并将其放置在第一个图像中。为此新形状添加一个7px的笔触，使用任何颜色，将其与内部对齐，确保您没有为填充设置颜色，然后转到“ 对象”>“路径”>“轮廓笔画”。选择结果形状，将填充颜色设置为R = 30 G = 30 B = 30，然后转到效果>风格化>内发光。输入下图所示的属性，单击确定，然后转到效果>风格化>阴影。输入如下所示的属性，然后单击“ 确定”。重新选择在此步骤中制作的形状以及45px正方形和那个7 x 1px的矩形，然后将它们分组（Ctrl + G）。

第6步

重新选择10 x 35px黑色矩形并将其置于前面（Shift + Ctrl +]）。接下来，您需要用内置的线性渐变替换该黑色。打开“ 色板”面板的弹出菜单（“ 窗口”>“色板”），转到“ 打开色板库”>“渐变”>“金属”，将打开带有一堆渐变的新窗口。确保选择了您的黑色矩形，将焦点放在外观面板上，然后简单地用“ 钢 ”线性渐变替换该黑色。

步骤7

确保您的10 x 35px矩形保持选中状态，将焦点放在“ 外观”面板上并添加第二个填充。将其拖动到现有填充下方，将颜色设置为黑色，将其不透明度降低到10％，然后转到“ 效果”>“路径”>“偏移路径”。输入1px的偏移量，单击“ 确定”，然后返回到“ 外观”面板并为形状添加新的填充。选择它，将颜色设置为黑色，将其拖动到外观面板的底部，将其不透明度降低到5％，然后转到效果>路径>偏移路径。输入2px偏移，单击单击确定，然后转到效果>扭曲和变形>变形。输入下图所示的属性，单击“ 确定”，然后返回到“ 外观”面板。为矩形添加一个1pt黑色的笔触，将其与内部对齐，并将其混合模式更改为叠加。继续关注外观面板，选择整个路径，然后转到效果>风格化>圆角。输入2px半径，单击“ 确定”，然后转到“ 效果”>“样式化”>“阴影”。输入下图所示的属性，然后单击“ 确定”。

步骤8

最后，转到“ 图层”面板，只需删除该白色文本即可。最后，事情应该看起来像第二张图片。

至此就完成啦！