AI教程!用AI绘制一个经典掌上游戏机

1.创建背景

今天给大家带来一个有些老的教程，但是练习技法什么的还是不会老哈！

步骤1

我们可以创立两个文件图层，一个叫背景，一个叫游戏机，然后我们确保位于正确的图层上,然后使用矩形工具 (M) 创建一个800 x 600px的形状,我们将使用#F96969进行着色,然后使用"对齐"面板的"水平和垂直对齐中心"来对齐画板的中心位置。

步骤2

完成后,锁定当前图层,然后我们到下一个继续图层绘制,这个时候我们就将开始绘制我们的游戏机了。

2.创建游戏的正面底部

有了背景,我们现在可以专注于我们的小游戏机了,我们将使用Illustrator 的一些基本形状创建该游戏机。我们将首先绘制设备的正面部分,完成后将会绘制侧面的厚度部分。

步骤1

开始绘制设备的主体,创建一个144 x 232px矩形的圆角为 8px,我们将使用#EDE4E4来着色。

步骤2

使用直接选择工具 (A),选择形状的右下角,并通过在变换面板的矩形属性将其半径设置为 32 px 来调整其圆度。

步骤3

创建游戏机的侧面部分,选中我们现在绘制好的形状的副本(ctrl-C + ctrl-B),并将其向左移动 24 px,确保将其颜色更改为较暗一些的颜色(#DDCCCC)。

步骤4

创建一个游戏机主形状的副本 (Ctrl-C), 并将其粘贴到原位 (Ctrl-F),然后通过进入对象 > 路径 >偏移路径，并将偏移的值设置为-4px。

步骤5

我们将使用此偏移来创建外部的高光,通过选择它的副本,然后使用路径查找器的减去顶层形状模式来切掉不要的部分。然后,选择生成的形状并将其颜色更改为白色(#FFFFFF),将其混合模式设置为"变亮",并将其不透明度降低到 40%。

步骤6

此时,最好使用 Ctrl-G 键盘快捷键把做好的元素打组,从而将游戏机的正面与其侧面部分分开。这样,我们只需双击分组对象就可以进入隔离模式,然后就可以向其添加新的东西。使用矩形工具 (M), 创建一个 144 x 4 px 水平分隔线 (#D8C5C5), 我们将会设置一个距离游戏机的顶部16px的间隙.

步骤7

在它上方添加另一个更暗的144 x 2 px 矩形(#C1A8A8),当添加完第二条水平分隔线后,选择它和较粗的线,并使用 Ctrl-G 键盘快捷键将它们组合在一起。

步骤8

接下来,我们将在我们刚才创建的两条水平分隔线上添加两个 6 x16px 的矩形 (#D8C5C5),将每个矩形放置在正面边缘距离中心12 px的地方。

步骤9

将刚才绘制的矩形放在其顶部,然后将它们 (Ctrl-G) 打组,这样就不会因意外而让他们错位。

步骤33

把我们刚才的按钮复制一份放到下图差不多的位置即可

步骤34

选择钢笔工具 (P),并使用8px带圆角的描边(#7E7E89),绘制一条将用作选择按钮的斜线。

步骤35

给按钮绘制一个的高光，使用白色大小为2px的线，记得线要用圆角的哦，底层阴影(颜色:#DDCCCC，大小为8px。将它们打组(ctrl-G),并在大约相距4px的位置处创建副本。

步骤36

在游戏机的右下角添加小扬声器格栅,绘制六条 4px 粗细的描边线(#AD9C9C),带有圆角的哦。

步骤37

做好了之后我们可以吧之前做的那个开关放置到底部这里来，如图的位置！这样我们的游戏机就差不多做完了。然后我们需要绘制一个圆角矩形！放置到方向键的上面。如图所示！

3. 将添加一些细节到游戏机的侧面

此时,我们几乎完成了在游戏机正面的工作,这意味着我们现在可以专注于它的侧部。

步骤1

选择正面部分的主高光的副本,并将其粘贴到侧面,确保将其与左侧对齐,其不透明度设置为60%,然后打组 (Ctrl-G) 并将它们同时放到到背面(右键单击>排列>发送到底部。

步骤2

创建游戏机正面部分的副本(Ctrl-C + Ctrl-F),然后对其应用 4px 的偏移,我们将在副本的帮助下来创建新的图形。然后,将生成的形状的颜色更改为#BAA0A0,并将其放到其左侧,使其与游戏机侧面可见区域的中心对齐。

步骤3

现在我们需要把多余的部分用剪切蒙版去掉！对于剪切蒙版的用法不清楚的小伙伴可以看看我以前的教程哦！

步骤4

使用矩形工具 (M) 创建一个 10 x 4px 的形状,我们将使用#BAA0A0进行着色。

步骤 5

接下来,在我们刚刚创建的水平分隔线上方添加一个10 x 2px的矩形作为阴影(#A58888),并在下面绘制10 x 2 px的白色矩形作为高光，混合模式:变亮，不透明度: 60%。

步骤6

选择矩形工具 (M) 并创建10 个8 x 2 px形状,我们将使用#A58888进行着色,并彼此垂直分布6px,确保将它们到游戏机的底部有48px。

步骤7

使用我们刚刚创建的矩形组,并将它们下移2px,将其颜色更改为#BAA0A0，这些图像更有厚度感！

步骤8

通过在我们刚刚创建的线条下面添加第三个副本来完成侧格栅的高光,我们需要通过将宽度从8px 更改为4px 来调整这些矩形。然后,将其颜色更改为白色(#FFFFFF),并将混合模式设置为"变亮",同时将其不透明度降至 60%。

步骤9

如果你已经到达了最后一步,这意味着你已经成功地完成了我们的小游戏机。现在我们要创建一个阴影,只需选择椭圆工具 (L) 并绘制一个 148 x 16 px 的椭圆,我们将使用较深的红色(#DD5252)着色,然后放在游戏机下方,距离它 12 px的位置就好了。