AI教程:用AdobeIllustrator绘制手持游戏机

AdobeIllustrator,领先的矢量图形绘制软件~ AdobeIllustrator可以用来绘制各种图形,现在多用于插画绘制~今天给大家分享一个绘制掌上游戏机的教程。有兴趣的不要错过!并且学习更多的AI技能。一定要去~

学习AI,这些热门课程强烈推荐:1 . AI-Illustrator CC 2018强化系列教程:9.66万用户学过!课程分“工具特性+使用技巧+课堂案例”三个部分逐步深化~2。AI- whale插画制图:冰美人老师讲解精彩课程,用case whale插画制图为你提供AI插画制图的技巧~3。AI- illustrated bicycle画图:本教程详细讲解了AI画图清新长自行车,步骤详细,知识点清晰。促进更快掌握AI插画技巧~4。AI- See鹿插画绘制:一门课程有两个目录,分为上下两部分,将AI插画设计与制作的技巧一一呈现~AdobeIllustrator绘制掌上游戏机的教程步骤:

首先,创建一个背景

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

第二步:一旦完成,锁定当前层,然后我们将移动到下一层进行绘制。此时,我们将开始绘制控制台。

第二,创造游戏的正面底部

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

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

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

第三步:创建游戏主机的侧边部分,选择我们现在正在绘制的形状的副本(Ctrl-C+Ctrl-b)并将其向左移动24像素,确保将其更改为更暗的颜色(#DDCCCC)。

第四步:创建一个游戏机主形状的副本(Ctrl-c),粘贴在合适的位置(Ctrl-f),然后输入object >;路径>偏移路径,并将偏移量设置为-4px。

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

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

第七步:在上面再添加一个深色矩形(# 144x2px)。添加第二条水平分隔线后,选中它和较粗的线,使用CtrL-G键盘快捷键将它们组合起来。

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

第九步:把你刚刚画的矩形放在它们上面,然后分组(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:创建一个垂直圆角矩形(#6B6B75),14x36像素,半径2px。我们将添加副本并旋转它们,以确保它们以基圆为中心。

第28步:添加12x12px的圆(#5E5E68),赋予按钮厚重感。我们把圆放在中心。

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

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

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

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

步骤33:复制一个按钮,放在下面同样的位置。

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

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

第三十六步:在中控台右下角加一个小音箱网格,画六条4px圆角线(#AD9C9C)。

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

第三,补充细节

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

第二步:创建游戏主机正面的副本(Ctrl-C+Ctrl-f),然后对其应用4px offset,我们将在副本的帮助下创建一个新的图形。然后,将生成的形状的颜色改为#BAA0A0,放在左边,使其与游戏机侧面可视区域的中心对齐。

第三步:现在我们需要使用剪贴蒙版来剪切多余的部分!对于不清楚剪贴蒙版用法的,可以看看我之前的教程!

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

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

步骤6:使用矩形工具创建10 8*2px形状。我们将它们的颜色设置为#A58888,并以6px的间距垂直分布。确保它们位于48px的控制台底部。

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

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

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