AI教程:使用AdobeIllustrator绘制一个掌上游戏机

供稿:hz-xin.com     日期:2025-01-08

AdobeIllustrator,一个领先的矢量图形绘制软件~使用AdobeIllustrator可以绘制出各种各样的图形出来,现在多被用于插画的绘制~而今天,我们就来给大家分享一个绘制掌上游戏机的教程,感兴趣的千万不要错过!还有学习更多AI技巧一定要去~

学习AI,强烈推荐这几套热门课程:

1.AI-IllustratorCC2018精讲系列教程:9.66万用户已学!课程主要以“工具特点+使用技巧+课堂案例”三部分逐步深入~

2.AI-鲸鱼插画绘制:冰美人老师精彩课程讲解,以案例鲸鱼插画绘制为你提供AI插画绘制的技巧~

3.AI-插画之自行车绘制:本教程详细讲解AI绘制清新时长自行车,步骤明细,知识点明确,促使更快掌握AI插画技巧~

4.AI-见鹿插画绘制:一个课程两个目录,分为上下两部分教学,逐一将AI插画设计制作的技巧呈现~

AdobeIllustrator绘制掌上游戏机的教程步骤:

一、创建背景

步骤1:您可以创建两个文件层,一个叫背景和一个叫控制台,然后确保我们在正确的层,然后使用矩形工具(M)创建一个800x600px的形状,我们将颜色与#F96969,使画板的中心与“对齐”的水平和垂直中心面板。

步骤2:一旦完成,锁定当前层,然后我们将移动到下一层绘图,在这一点上,我们将开始绘制控制台。

二、创造游戏的正面底部

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

步骤1:开始绘制设备的主体,创建一个144x232px的矩形,圆角8px。我们将使用#EDE4E4给它上色。

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

步骤3:要创建游戏控制台的侧面部分,选择我们现在绘制的形状的副本(Ctrl-C+Ctrl-b),并将其向左移动24像素,确保将其更改为更深的颜色(#DDCCCC)。

步骤4:创建一个游戏机器的主要形状(Ctrl-c)的副本,并粘贴在适当的位置(Ctrl-f),然后进入对象>路径>偏移路径,设置偏移量为-4px。

步骤5:我们将使用这个偏移量来创建一个外部高光,选择它的一个副本,然后使用路径查找器的减去顶层形状模式来裁剪不需要的部分。然后,选择生成的形状,将其颜色改为白色(#FFFFFF),将其混合模式设置为“变亮”,并将其不透明度降低到40%。

步骤6:此时,最好使用Ctrl-G键盘快捷键对完成的元素进行分组,以将控制台的前端与侧面分开。通过这种方式,我们可以通过双击分组对象进入隔离模式,然后向其添加新内容。用矩形工具,创建一个144x4px的水平分割线(#D8C5C5)。我们将设置一个距控制台顶部16px的间隙。

步骤7:在上面添加另一个深色的144x2px的矩形(#C1A8A8)。添加第二个水平分隔线后,选择它和较粗的线,并使用CtrL-G键盘快捷键组合它们。

步骤8:接下来,我们将在刚刚创建的两条水平线上添加两个6x16px的矩形(#D8C5C5),并将每个矩形放置在距离前面边缘中心12px的位置。

步骤9:将刚刚绘制的矩形放置在它们的顶部,并对它们进行分组(Ctrl-G),这样它们就不会意外地失去位置。

步骤10:用矩形工具,再创建两个2*10像素的矩形,颜色为白色(#FFFFFF),然后位于每个垂直分割器的左侧,确保将其混合模式设置为“点亮”,并将其不透明度降低到40%。

步骤11:接下来,我们将开始绘制关闭/打开开关,创建一个10x4px的矩形(#D8C5C5),将它与前面的顶部部分对齐,并将其定位到第一个垂直分隔符的右侧。

步骤12:使用圆角矩形工具,创建一个28*8px,4px圆角的形状(#D8C5C5),然后添加一个更小的20*4px圆角矩形(#EDE4E4),顶部圆角半径2px。

步骤13:创建两个2x4px圆角矩形(#EDE4E4),并将它们放在图像中各自的位置。

步骤14:使用三个2x2px的矩形(#C1A8A8)作为阴影,给这部分更多的三维感觉。

步骤15:通过添加一些细节(如垂直线下面的阴影)来完成切换,重新使用我们已经有的形状,并通过设置它们的颜色为#C1A8A8来调整它们。添加阴影后,不要忘记在开关按钮的上半部分绘制微妙的高光,使用白色(#FFFFFF),为混合模式提供“亮”,并设置“不透明度”为40%。

步骤16:在宽的水平分割线下方添加一个136x2px(#FFFFFF)的矩形,设置混合模式为“点亮”,并将其不透明度降低到40%,将其作为高光。到目前为止,我们几乎完成了主机的前半部分,这意味着我们现在可以专注于构建显示,这是所有乐趣发生的地方。

步骤17:用圆角矩形工具创建一个圆角半径为4px的矩形,尺寸:88px*120px。我们将它的颜色设置为#7E7E89,并将它放置在水平高亮下方4px处。

步骤18:一旦显示到位,我们必须对它进行一点调整,将右下角的半径设置为20像素,而不是默认的4px。

步骤19:使用前面创建正面的方法创建一个厚度的显示,然后选择形状,并更改其颜色为黑色#000000,减少其不透明度为20%。

步骤20:使用类似的方法,添加2px宽的内部高光,使用白色(#FFFFFF),设置混合模式为“变亮”,并设置不透明度为20%。

步骤21:在矩形工具(M)的帮助下,创建一个80*64px的形状,我们将它的颜色设置为#82874D,因为它将作为显示的活动区域,并将它放置在灰色图形上,确保它与中心对齐。

步骤22:用偏移路径工具画一个4px的内阴影(颜色:黑色),然后设置不透明度为20%,给屏幕一些厚度感。

步骤23:添加阴影后,选择钢笔工具(P),沿着几个对角线绘制高光,使用白色(#FFFFFF)作为填充色,设置混合模式为柔和光,并将不透明度降低到40%。

步骤24:此时,屏幕已接近完成。我们现在需要做的就是在控制台添加一些小的触摸,但是你可以使用#6B6B75进行着色。

步骤25:通过添加两对白色垂直矩形作为高光,改变其混合模式为变亮。不透明度:20%,然后选择所有的组合元素,并使用ctrL-G键盘快捷键将它们组合在一起。

步骤26:用椭圆工具(L)创建一个44x44px的圆(#DDCCCC),距离屏幕底部约24px。

步骤27:创建一个垂直的14x36像素的圆角矩形(#6B6B75),半径2px。我们将添加副本并旋转它们,确保它们以基础圆为中心。

步骤28:添加一个12x12px的圆(#5E5E68),给按钮一些厚度感。我们把圆放在中心。

步骤29:添加几个白色矩形作为高光,然后混合模式:变亮,不透明度:20%,阴影(颜色:#BAA0A0),然后将它们组合在一起(Ctrl-G)。

步骤30:因为我们将添加更多的按钮,最好现在添加垂直高光,这样我们不必在创建后调整它们。因此,使用矩形工具(M)创建四对高光,填充颜色为白色(#FFFFFF),设置混合模式为“变亮”,降低不透明度为40%,并将它们放置在控制台的右侧。

步骤31:添加高光后,你可以选择椭圆工具(L),并用它创建两个16x16px的按钮(#A86578),我们将把它们放置在控制台右侧36px和底部62px。(其中一个按钮)

步骤32:通过创建一个白色的半圆形作为高亮,然后混合模式为:点亮,不透明度为:20%,并使用形状的副本作为一个小阴影,我们将使用#DDCCCC着色,然后按ctrl-G键盘快捷键将所有按钮元素组合在一起。

步骤33:复制一个按钮,并把它放在下面相同的位置

步骤34:选择钢笔工具(P),使用8px圆角描边(#7E7E89),画一条对角线,用作选择按钮。

步骤35:为按钮画一个高光,使用白色的2px线,圆角和底部阴影(颜色:#DDCCCC,大小:8px)。将它们分组(Ctrl-G)并创建相隔4px的副本。

步骤36:在控制台的右下角添加一个小的扬声器格子,并绘制6条4px的圆角描边线(#AD9C9C)。

步骤37:完成后,我们可以把之前做的开关放在这里的底部!我们的游戏机差不多完成了。然后我们需要画一个圆角矩形!把它放在箭头键上面。

三、添加细节

步骤1:从前面部分选择一个主高光的副本,并将其粘贴到边上,确保它与左边对齐,其不透明度设置为60%,然后组(Ctrl-G),并将两者都放在后面(右击>安排>发送底部)。

步骤2:创建一个游戏控制台前部的副本(Ctrl-C+Ctrl-f),然后对它应用4px偏移,我们将在副本的帮助下创建新的图形。然后,将生成的形状的颜色更改为#BAA0A0,并将其放置在左侧,使其与游戏控制台侧面可见区域的中心对齐。

步骤3:现在我们需要用剪切蒙版来裁剪多余的部分!对于那些不清楚剪贴蒙版的使用,请查看我以前的教程!

步骤4:用矩形工具创建一个10*4px的矩形,颜色:#BAA0A0。

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

步骤6:用矩形工具创建10个8*2px的形状。我们将它们的颜色设置为#A58888,并将它们垂直分布在彼此6px处。确保将它们放置在控制台底部48px处。

步骤7:使用我们刚刚创建的矩形,将它们向下移动2px,并更改颜色为#BAA0A0,这些图像有一种更厚的感觉!

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

操作到这里就完成结束了哦~大家是不是觉得很多步骤很困难呢?其实操作起来并没有看着那么困难的!还在等什么?赶紧跟着步骤操作起来吧~



ai作图尺寸米怎么换成像素ai怎么把厘米改成像素
1、在系统中启动adobeillusstratorcc2018。2、在打开的ai设置界面中点击新建按钮进行画布新建,启动新建界面。3、在打开的新建界面上选择需要新建的画布类型,ai新建画布类型有移动设备,web,打印,胶片和视频,图稿和插图。本文以图稿和插图为例进行演示。4、选择画布类型之后在设置页面更改画布类型单位为像...