AI绘制路标牌儿

我爱免费

作者：平面设计




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


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


2.创建杆第1步选择矩形工具（M），创建一个15 x 480px的形状并将其粗略放置，如下图所示。确保此形状保持选中状态，打开“ 渐变”面板（“ 窗口”>“渐变”），然后单击渐变缩略图以添加默认的黑色到白色线性渐变。“ 渐变”面板，将“ 角度”设置为0度，然后移至渐变颜色。选择左侧渐变滑块并将颜色设置为R = 15 G = 20 B = 25，然后选择右侧渐变滑块并将颜色设置为R = 55 G = 60 B = 65。专注于渐变栏，只需单击它即可添加一个新的渐变滑块。确保已选中此新滑块，将其颜色设置为R = 100 G = 105 B = 110，将其放在“ 位置”框上（从“ 渐变”面板中），并将其设置为35％。请记住，渐变图像中的白色数字代表位置百分比。为您的渐变添加另外两个滑块，然后使用下图所示的颜色和位置属性。


第2步确保仍然选择矩形，然后转到“ 效果”>“风格化”>“圆角”。输入1px半径，单击“ 确定”，然后转到“ 效果”>“扭曲”>“弧”。输入下图所示的属性，然后单击“ 确定”。


第3步对于以下步骤，您将需要每1px有一个网格，因此请转到“ 编辑”>“首选项”>“参考线和网格”，然后在“ 每个网格线”中输入1。使用椭圆工具（L）创建一个11px的圆，用下面显示的径向渐变填充它，并将其放置，如下图所示。专注于您的画板上，并使用“ 渐变工具”（G）来拉伸您的径向渐变，如下所示。


第4步使用椭圆工具（L）创建19 x 8px的形状，将填充颜色设置为R = 39 G = 170 B = 225并将其放置在第一个图像中。切换到矩形工具（M），创建一个19 x 5px的形状并将其放置在第二个图像中。重新选择在此步骤中制作的两个形状，打开“ 路径查找器”面板（“ 窗口”>“路径查找器”），然后单击“ 联合”按钮。


第5步使用椭圆工具（L）创建19 x 8px的形状，用下面显示的线性渐变填充它，并将其放置在第一个图像中。选择这个挤压的圆圈以及您的蓝色形状，然后从“ 探路者”面板中单击“ 减负”按钮。确保已选择结果组，只需按Shift-Ctrl-G即可取消组合。选择底部的蓝色形状（在第三幅图中突出显示），然后使用键盘上的“ 删除”按钮将其删除。选择其余的蓝色形状，并用R = 225 G = 225 B = 225替换现有的填充色。


第6步禁用“ 对齐网格”（“ 视图”>“对齐网格”），然后转到“ 编辑”>“首选项”>“常规”，并确保“ 键盘增量”设置为1px。重新选择挤压的圆并在前面制作两个副本。选择顶部副本，然后使用键盘上的向下箭头按钮将其向下移动1px。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减负”按钮。确保结果形状保持选中状态，然后将焦点放在外观面板上。替换用白色（现有填充颜色R = 255，G = 255 B = 255），然后简单地点击该“ 不透明度 ”文本块以打开的透明度飞出面板。将不透明度降低到80％，并将混合模式更改为柔光。


步骤7选择第一个图像中突出显示的所有形状，然后只需按Ctrl-G即可将它们分组。确保已选择新组，然后按Shift-Ctrl- [将其发送回去。


3.创建标牌的支撑件第1步启用对齐网格（“ 视图”>“对齐网格”）。使用矩形工具（M）创建17 x 52px的形状，将填充颜色设置为R = 26 G = 29 B = 31并将其放置，如下图所示。


第2步确保仍然选择了您的深色矩形，然后转到“ 效果”>“扭曲和变形”>“变形”。输入下图所示的属性，单击“ 确定”，然后转到“ 对象”>“展开外观”。选择结果形状组，然后按两次Shift-Ctrl-G。


第3步重新选择上一步中制作的五个深色矩形，然后单击Ctrl-8即可将它们变成“ 复合路径”。使用直接选择工具（A）选择整个复合路径，将焦点放在控制面板上，然后在“ 角落”框中输入“ 1px ” 。


第4步确保仍然选择了复合路径，然后转到效果>扭曲>凸起。输入下图所示的属性，单击“ 确定”，然后单击Shift-Ctrl- [将其发送回去。


第5步使用矩形工具（M）创建一个17 x 52px的形状，将填充颜色设置为R = 39 G = 170 B = 225并将其放置，如下图所示。


第6步确保仍然选择您的蓝色矩形，然后转到“ 效果”>“扭曲和变形”>“变形”。输入下图所示的属性，单击“ 确定”，然后转到“ 对象”>“展开外观”。确保选择了结果形状组，按两次Shift-Ctrl-G，然后将蓝色矩形变成简单的复合路径。


步骤7确保仍选择了蓝色复合路径，然后转到效果>扭曲>凸起。输入下图所示的属性，单击“ 确定”，然后转到“ 对象”>“展开外观”。


步骤8使用直接选择工具（A）选择整个蓝色复合路径，将焦点放在控制面板上，然后在“ 角落”框中输入“ 1px ” 。确保仍然选择蓝色复合路径，然后从“ 路径查找器”面板中单击“ 划分”按钮。选择结果形状组，然后只需按Shift-Ctrl-G即可取消组合。最后，您应该有五个单独的蓝色形状。


步骤9禁用对齐网格（“ 视图”>“对齐网格”）。专注于蓝色的顶部形状，将其选中并在前面制作两个副本（Ctrl-C> Ctrl-F> Ctrl-F）。选择顶部副本，然后使用键盘上的向下箭头按钮将其向下移动1px。重新选择两个副本，然后从“ 探路者”面板中单击“ 减负”按钮。确保选择了结果形状，并用R = 76 G = 79 B = 81替换现有的填充色。


第10步重新选择顶部的蓝色形状，并在前面制作两个副本。选择顶部副本，然后使用键盘上的向上箭头按钮将其向上移动1px。重新选择两个副本，然后从“ 探路者”面板中单击“ 减负”按钮。确保选择了结果形状，并用R = 76 G = 79 B = 81替换现有的填充色。


步骤11重新选择顶部的蓝色形状，并在前面制作两个副本。选择顶部副本并将其向下移动3px。重新选择两个副本，然后从“ 路径查找器”面板中单击“ 减”按钮。确保选择了结果形状，并用下图所示的线性渐变替换现有的填充颜色。


步骤12重新选择顶部的蓝色形状，并在前面制作两个副本。选择顶部副本并将其向上移动3px。重新选择两个副本，然后从“ 路径查找器”面板中单击“ 减”按钮。确保选择了结果形状，并用上一步中使用的相同线性渐变替换现有的填充颜色。


步骤13重新选择顶部的蓝色形状，并用下图所示的线性渐变替换现有的填充色。


步骤14移至下一个蓝色形状，只需重复用于顶部蓝色形状的技术即可。最后，情况应如下图所示。


4.创建第一个标牌第1步启用“ 对齐网格”（“ 视图”>“对齐网格”）并每隔5px返回一次网格线，因此只需转到“ 编辑”>“首选项”>“参考线和网格”，然后在“ 每个网格线”中输入5。使用矩形工具（M）创建155 x 50px的形状，并用下面显示的线性渐变填充它，并将其放置，如下图所示。不要忘记，“ 渐变”图像中的白色数字代表“ 位置”百分比。移至“ 层”面板（“ 窗口”>“层”），只需单击在此步骤中制作的形状并将其重命名为“ plate ”即可。


第2步确保您的“ 平板 ”形状保持选中状态，然后转到“ 对象”>“路径”>“添加锚点”。切换到直接选择工具（A），然后将焦点放在形状的右侧。选择顶部和底部锚点，然后将其向左拖动25px。确保直接选择工具（A）保持活动状态，在第二张图像中选择紫色圆圈突出显示的锚点，将焦点放在控制面板上，然后在“ 边角”框中输入5px。选择第二个图像中用绿色圆圈突出显示的两个锚点，然后在相同的角落中输入10px控制面板中的框。最后，您的“ 盘子 ”应该看起来像第三张图片。


第3步确保您的“平板 ”形状保持选中状态，将焦点放在“ 外观”面板上，选择笔划，将颜色设置为黑色（R = 0 G = 0 B = 0），设置为5px，然后选中“ 将笔触与内部对齐”按钮。返回到外观面板，只需点击“ 不透明度 ”文字组成，代表了你的行程，打开透明度飞出面板。将不透明度降低到20％，并将混合模式更改为柔光。


第4步确保您的“ 平板 ”形状保持选中状态，将焦点放在外观面板上，然后使用“ 添加新笔触”按钮（下图中蓝色圆圈所指） 选择新的笔划，设置为2px，从“ 笔划”弹出面板中选中“ 将笔划与内部对齐”按钮，并添加下图所示的线性渐变。确保仍然选择此新笔触，然后转到“ 效果”>“路径”>“偏移路径”。输入-1px的偏移量，单击“ 确定”，然后转到“ 效果”>“ 样式化”>“阴影”。输入下图所示的属性，然后单击“ 确定”。


第5步使用相同的“ 添加新笔触”按钮添加第三个笔触。选择此新笔划，设置为1px，从“ 笔划”弹出面板中选中“ 将笔划与内部对齐”按钮，并将其颜色设置为R = 76 G = 79 B = 81。


第6步使用矩形工具（M）创建10 x 50px的形状，将填充颜色设置为黑色，然后将其放置在第一个图像中。确保此新矩形保持选中状态，将焦点放在“ 外观”面板上，将其“ 不透明度”降低到20％，并将“ 混合模式”更改为“ 柔光”。选择类型工具（T），只需单击您的画板并添加文本即可。确保其保持选中状态，然后打开“ 字符”面板（“ 窗口”>“类型”>“字符”）。使用代理FB字体，使其大胆然后在设置大小为20px和在R = 245 G = 245 B = 245处的颜色。


步骤7切换到每1px的网格线，因此转到“ 编辑”>“首选项”>“参考线和网格”，然后在“ 每个网格线”框中输入1。使用钢笔工具（P），创建一个14px的垂直路径，并将其放置，如下图所示。选择此新路径，然后将焦点放在外观面板上。确保没有为填充设置颜色，然后选择笔触。将其颜色设置为R = 225 G = 225 B = 225，然后打开“ 笔画”弹出面板。将权重设置为3px，然后检查“ Round Cap”和“ Round Join”按钮。


步骤8确保仍然选择了垂直路径，然后转到“ 对象”>“路径”>“添加锚点”。使用直接选择工具（A），选择新添加的锚点并将其向右拖动8px。最后，事情应该看起来像第三个图像。确保您的箭头路径保持选中状态，然后转到“ 效果”>“风格化”>“阴影”。输入下图所示的属性，然后单击“ 确定”。


步骤9重新选择您的“ 盘子 ”形状以及一段文本，黑色矩形和小箭头路径，然后将它们分组（Ctrl-G）。确保已选中此新组，只需将其发送回（Shift-Ctrl- [），然后移至“ 图层”面板并将其重命名为“ signPlate ”。


5.复制标牌第1步返回每5px的网格线，因此只需转到“ 编辑”>“首选项”>“参考线和网格线”，然后在“ 每个网格线”框中输入5。乘以“ signPlate ”组，如下图所示散布副本，并如下图所示更改文本。


第2步再制作“ signPlate ”组的两个副本，选择两者并转到“ 对象”>“变换”>“反射”。选中“ 垂直”框，然后单击“ 确定”按钮。如下图所示放置这些新组，删除现有的文本，并添加一些具有相似属性的新文本。


6.更改标牌的方向第1步选择右上方的“ signPlate ”组，然后转到“ 效果”>“扭曲和变形”>“自由扭曲”。拖动这些锚点，如下图所示，然后单击“ 确定”。


第2步选择中间的右侧“ signPlate ”组，然后转到“ 效果”>“扭曲和变形”>“自由扭曲”。拖动这些锚点，如下图所示，然后单击“ 确定”。


第3步选择右下方的“ signPlate ”组，然后转到“ 效果”>“扭曲和变形”>“自由扭曲”。拖动这些锚点，如下图所示，然后单击“ 确定”。


第4步选择顶部的左侧“ signPlate ”组，然后转到“ 效果”>“扭曲和变形”>“自由扭曲”。拖动这些锚点，如下图所示，然后单击“ 确定”。


第5步选择底部的左侧“ signPlate ”组，然后转到“ 效果”>“扭曲和变形”>“自由扭曲”。拖动这些锚点，如下图所示，然后单击“ 确定”。


7.添加简单的背景第1步选择“ 矩形工具”（M） ，只需单击画板以打开“ 矩形” 窗口。 在“ 宽度”框中输入610， 在“ 高度” 框中输入 640， 然后单击“ 确定”按钮以创建新的矩形。确保此新形状保持选中状态，将填充颜色设置为R = 239 G = 253 B = 225，将其发送回（Shift-Ctrl- [），然后打开“ 对齐”面板（“ 窗口”>“对齐”）。将对齐方式设置为“画板”（如果您看不到“ 对齐到”部分，请打开弹出菜单，然后转到“ 显示选项”，如下图所示），确保选择了形状，然后单击“ 水平对齐中心”和“ 垂直”对齐中心按钮。最后，您的形状应覆盖整个画板，如下图所示。


第2步确保您的蓝色矩形仍处于选中状态，将焦点放在“ 外观”面板上，然后使用“ 添加新填充”按钮添加第二个填充（下图中蓝色圆圈所指）。选择此新填充，将其“ 不透明度”降低到20％，将“ 混合模式”更改为“ 正片叠底”，并添加下图所示的径向渐变。


至此就完成啦！


@平面设计