苏州企业网站设计:在Adobe Illustrator中创建Gamebo

我认为90年代的每个孩子都对Nintendo及其产品着迷，在我们这个时代，我们中的很大一部分都拥有Super NES。苏州企业网站设计:但是我不得不说，当时真正让我震惊的是Gameboy。如今，年轻人可能会看着这款掌上游戏机，却看到无聊的8位分辨率，但是在过去，这是每个孩子的梦想。

最后结果

首先，让我们看一下在本教程结尾处期望得到的结果。

在Illustrator中创建一个很酷的Gameboy

背景

让我们首先打开Adobe Illustrator并使用以下设置创建一个画布：宽度– 28厘米，高度– 28厘米，CMYK，72 ppi。

使用矩形工具（M），创建适合画布的完美正方形（在创建画布时按住Shift键）。然后，使用渐变工具（G）转到渐变面板，然后在下面的屏幕上设置类似的颜色。切记使用以前的工具调整梯度范围。

现在，通过使用选择工具（V）选择上一个矩形并使用alt +向左箭头来复制它来创建另一个矩形。苏州企业网站设计:现在，再次转到渐变面板，并使用与屏幕波纹管相同的设置创建径向渐变。

转到透明度面板并使用称为柔光的混合模式，然后您的渐变应与一个波纹管混合并达到所需的效果。此后，创建一个新层（command / ctrl + L）以制作该游戏男孩。

身体

使用圆角矩形，可以在屏幕波纹管的设置中看到以下形状，这将成为控制台的主体。

因此，现在让我们使用铅笔工具（N）调整右下角，然后使用直接选择工具（A）调整矢量点，并使用钢笔工具（P）删除无用的点，只需将鼠标悬停在每个点上，它将指示减号。

在左上对角线和右上对角线，您将编辑矢量点以制作将来的控制台折痕，请使用钢笔工具（P）进行此任务。

现在，让我们通过在其上添加线性渐变来为其添加一些体积，正如您在屏幕下方看到的那样，这是关于平衡灰度值及其在正确位置的信息。

我决定使用椭圆工具（L）在身体底部添加阴影，以制作此形状并添加黑色和白色渐变。使用渐变工具（G）调整了它的范围和形状。

另外，要使其看起来像阴影，我必须将透明度面板上的混合模式调整为“正片叠底”。

现在您可能会注意到边界看起来有点平坦且没有体积，所以让我们添加一些简单的灯光使其弹出。使用圆角矩形工具在身体的左侧使此形状，添加黑色和白色线性渐变。

然后转到透明面板并使用柔光混合模式。现在要获得阴影而不使白色部分变亮，您需要访问渐变面板并将白色设置为0％不透明度，您可以通过双击该选项来看到它。

我在Gameboy顶部制作的灯光基本上完成了相同的操作，唯一的区别是渐变方向。

您可能会注意到我做了一些偏移，因为它与顶部不对齐，这是使它产生期望效果的必要条件，如果您在远处看它，您将会理解它。

不要忘记像以前一样在渐变上使用0％不透明度。

还记得我们在之前的步骤中调整过的右下角吗？好的，让我们回到它上面并在其上进行另一个光渐变，使用钢笔工具（P）在该部分上进行描画。

如您所见，我还是做了一些偏移，并且没有对齐以给出光的想法。无论如何，请像以前一样在一种颜色上使用0％不透明度设置添加此渐变。

您的灯光应如下所示：

Gameboy的顶部和底部都有一些折痕，因此在这里，您将基本上制作一个圆角矩形和三个矩形，其波纹管设置如下。

使用选择工具（V）进行如下调整：

然后让我们添加一些渐变以增加它们的体积，我对所有它们都使用了相同的渐变集，但是我使用渐变工具（G）在不同的方向上对其进行了调整，苏州企业网站设计:如下图所示：

此细节对于最终图像不是必需的，但作为完美主义者，我决定在其上包括“电话”文本和图标。如果您也要这样做，请不要忘记使用command / ctrl + shift + O来概述文本，以便可以正确使用渐变。

现在，让我们对最上方的折痕执行相同的步骤，创建矩形和圆角矩形。

如您所见，我使用了几乎相同的渐变集。

同样，我在其上插入了文本和箭头，但不要不愿意与您一起去做，这不是您可能想的那样。

这是我在原始结构上按计划使用矩形工具制作的一些附加折痕，这将使用另一种渐变集，您将进一步了解。

同样使用矩形工具进行此水平折痕，请注意使用渐变工具（G）设置的渐变方向。

现在，让我们使用圆角矩形工具制作扬声器，使用与一个波纹管相同的设置，并将其放置在右下对角线旁边。

使用选择工具（V）稍微旋转一下，然后添加线性渐变以在其上提供一些深度。

现在，使用alt +第一个形状上的向左箭头将其复制几次。别忘了在波纹管中正确对齐它们，我知道在对角线上对齐似乎有些困难，但是慢慢进行，您会明白的。

在这里，我将所有形状的command / ctrl + G分组，然后重复该组，将其发送回去并将填充更改为深灰色。我将其与第一个组略有偏移，看起来像一个硬阴影。

屏幕

希望你们在这里一切顺利。因此，让我们创建玻璃屏幕，使用圆角矩形工具在主体上创建此形状，对笔触使用灰色填充和深灰色。

现在，使用与对人体相同的步骤来调整右下对角线。

该灰色形状实际上是边框，因此让我们使用矩形工具（M）作为下面的设置来制作绿色屏幕。

现在，我们使用矩形工具（M）在左侧边框上添加一些阴影，以使其具有此形状，然后在其上添加线性渐变。

使用称为“乘”的混合模式将渐变与背景结合在一起。

对顶部的阴影执行相同的步骤，只需正确调整渐变的方向即可。

我非常喜欢屏幕顶部的这种复古设计，请使用矩形工具（M）制作此彩色线条。

然后，您可以使用Novecento Wide字体添加文本“带有立体声的点阵”，您可以在此处获得。

“电池”文本使用相同的字体。

然后使用椭圆工具（L），使电池点亮，并使用放射状的红色渐变，并使用与一个波纹管相同的设置。

我复制了相同的形状并使用了模糊效果，可以在“效果”>“模糊”>“高斯模糊”上访问它，并将其半径调整为2.7像素。

我添加了Gameboy徽标，您可以在此处下载。

纽扣

好了，现在我们只需要一些按钮即可完成Gameboy。因此，A和B按钮具有此空腔，请使用圆角矩形工具创建它，并使用与一个波纹管相同的尺寸。

然后使用选择工具（V）旋转它。

让我们在其上添加一个径向灰色渐变，使用渐变工具（G）对其进行正确设置

使用椭圆工具（M）创建按钮。

让我们添加此径向粉红色渐变，并使用渐变工具（G）和渐变面板作为下面的屏幕来设置其范围。

使用钢笔工具（P），使这半个月成为阴影。

使用吸管工具（I）复制椭圆上使用的渐变，然后将其调整为

我复制了这个半月，并沿相反的方向旋转以使按钮上的灯亮起，基本上执行与使用吸管工具（I）复制渐变，然后使用渐变工具（G）进行修复的相同步骤。

为了制作阴影，我复制了按钮的椭圆，将其发送到背面并将其填充更改为黑色。

然后，我在电池按钮上应用了与以前相同的模糊效果。

然后，您可以使用command / ctrl + G组合所有形状并将其复制以制作另一个按钮。

因此，我使用测试工具（T）添加了“ A”和“ B”字母，并在其上使用了Neogrey字体，您可以在此处下载。

现在，让我们创建选择和开始按钮，让我们制作另一个圆角矩形，其尺寸与屏幕波纹管相同。

使用选择工具（V）将其旋转一点。

现在，使用吸管工具（I）复制上一个按钮腔中使用的相同渐变，然后使用渐变工具（G）对其进行正确调整。

创建另一个圆角矩形，这次使其比上一个小。添加一个线性渐变作为显示的波纹管。

因此，在这里，我执行了用于创建A / B按钮阴影的相同过程，因此只需重复相同的公式即可获得其效果。

我再次使用neogrey字体作为按钮下方的“开始”和“选择”文本。

因此，对于方向控制，我使用下面的设置制作了这两个圆角矩形。我旋转90度角之一做一个十字。

现在，我们为每个轴添加两个不同的线性渐变。

如您所见，您必须使用渐变工具（G）正确调整范围。

然后，我只是复制了十字架，并使用了路径查找器面板上的Unite选项将这两个形状做成一个形状，然后将其发送到第一个十字架的后面，也将其偏移了一点以赋予方向深度。

还对此使用了不同的渐变，将其作为面板波纹管进行调整。

方向有一个小的圆形空腔，因此我使用椭圆工具（L）进行了此操作，然后使用与十字相同的一组颜色添加了此圆形渐变。

您也可以使用圆角矩形工具来获得方向性的小抓地力，然后在波纹管面板上可以看到，然后在其上添加一些渐变。

现在，我将这些夹点复制到水平位置，然后将它们旋转到垂直位置。因此，请在图片波纹管中调整渐变。

我还使用多边形工具添加了该三角形并将其设置为3个边，然后将其复制并旋转，直到得到此结果。

还添加以下渐变以使其具有一定的体积。

最后结果

这是最终结果。我希望您喜欢阅读本教程。

结论

我希望你们从本教程中学到了一些好的技巧，因为我们知道我们的主要目标是教更多的知识，不仅仅是创建特定的图像，而是促进和增强您的图形能力。下次见。