如何用Sketch创建保时捷911（第2部分）

妖气游戏网

如何用Sketch创建保时捷911（第2部分）

首页游戏大全像素构建工艺手游更新时间：2024-05-09

在本教程的第1部分中，我们解释了如何在Sketch中创建和调整汽车车身，这包括前信号灯和尾灯。在这一部分中，我们将继续设计车窗、保险杠、大灯、内饰和其他一些元素。

如前一部分所述，本教程更适合有经验的插画家，但是如果你不熟悉Sketch，那么你还将能够从中受益，因为所有步骤都得到了详细的解释。在关掉尾灯后，让我们继续设计车窗。

7.窗户周围有橡胶密封圈

在这一步骤中，我们将在窗户周围添加橡胶密封条。首先从侧窗开始，切换到矢量工具（V）并在侧窗周围绘制一个形状，如下图所示。

注意：在我们继续之前，请记住我们仍然在车身组内绘图！

在侧窗周围绘制橡胶密封形状

关闭“ 边框”并将“ 填充”设置为#000000，并添加阴影效果：

侧窗周围的橡胶密封圈现已完成

接下来，让我们在前挡风玻璃周围添加橡胶密封垫。在前窗口周围绘制一个形状，关闭“ 边框”，将“ 颜色”设置为#000000并应用“阴影”：

前挡风玻璃的橡胶密封圈

现在，让我们在橡胶密封圈的顶部添加装饰条，要做到这一点，复制密封形状、关闭填充和阴影，打开边界，设置颜色为#E0E0E0，将边框位置设置为“内部”，宽度为1.5px。双击形状，进入矢量编辑模式，然后选择和移动点，直到你有类似下图的东西。耐心点，这可能需要一些时间!

注意：通常情况下，我建议在你的矢量图中尽量避免使用半像素，但在某些情况下，这些可能会很好。经过相当多的尝试和错误的工作在挡风玻璃的橡胶密封顶部修剪，我发现1.5px提供了最好的视觉效果。

创建修剪

提示：在处理此形状时，可以根据需要更改点类型。

在这一步的最后，我们还需要在后挡风玻璃周围添加密封。在其周围绘制一个形状，关闭“边框”，将“ 填充”设置为#000000，用和我们在之前的封印一样的参数应用阴影。

后挡风玻璃的橡胶密封圈

8.门把手

用椭圆工具（O）画一个椭圆。设置边框颜色为#949494，位置居中，宽度为1px。对于填充使用线性渐变：

添加内部阴影：

为门把手画一个椭圆

使用矩形工具（R）在椭圆的左侧和右侧创建一个矩形。使用“ 检查器”面板中的“ 半径”属性将外角变为圆角。关闭“ 边框”并将“ 填充”设置为#333333。

在门的左边和右边创建矩形椭圆

现在，我们将使用“ 内部阴影”和“阴影”使它看起来稍微升高。

选择左侧矩形，并添加具有以下属性的浅色内部阴影效果：

然后，应用阴影效果：

将效果应用到左侧矩形

接下来，选择右侧矩形并应用“ 内部阴影”效果：

应用阴影效果：

将效果应用到右侧矩形

让我们继续处理，我们将从三种形状中构建手柄。

首先，使用“ 矩形”工具（R）创建两个矩形，并在检查面板上设置半径属性的帮助下使边线圆角。

开始处理手柄细节

然后，使用矢量工具（V）在矩形之间绘制形状。

使用矢量工具，在这两个矩形之间绘制形状

现在，选择矩形和我们刚才创建的形状，并进行一个联合操作（从顶部草图工具栏）来创建一个对象。将此对象命名为handleshape。将颜色更改为#E3E3E3并添加一个内部阴影效果：

创建对象并应用样式

让我们为手柄添加一个微妙的阴影，放大并绘制一个如下图所示的形状。不要担心，如果底部部分超出处理区域，我们将修复这个稍后与掩蔽操作。关闭边框，设置填充#3D3D3D。

在门把手上添加一个阴影

让我们把阴影放到把手里面，选择手柄和阴影形状，然后单击顶部工具栏中的蒙版。屏蔽操作的结果将自动放置在Layers面板列表中的一个新组中，将该组的名称更改为handle。

提示：*不要忘记检查素描是否关闭了掩蔽层的内阴影。如果是这样的话，把它们重新打开。*

“handle”组已完成

现在，让我们在门把手上加一把钥匙锁。

画一个小圆圈。添加一个中心边框，宽度为1px，颜色设置为#000000。将“ 填充”更改为“ 线性渐变”，并使用以下参数调整渐变：

  1. #888888
  2. #DFDFDF
  3. #CACACA

应用阴影效果，颜色设置为#000000,alpha值90%，模糊设置为3,X和Y位置，扩散设置为0。

创建一个钥匙锁

通过在圆的中间画一个没有边框的黑色小矩形来创建一个钥匙孔。将两个形状（圆形和矩形）key-lock分组。

创建钥匙孔

剩下要做的唯一事情就是创建手柄的阴影，该阴影应放置在椭圆内（请参见下一个屏幕截图）。在图层面板列表中找到handleshape对象，点击图层名称前面的插入符号来显示它的内容(形状)，选择矩形之间的桥，按Cmd C复制这个形状。

选择矩形之间的桥，然后将其复制

选择手柄下方的椭圆，粘贴(Cmd V)在我们刚刚复制的形状上，设置颜色为#505050，将其向下推2px，应用高斯模糊，数量为2。然后选择这个形状和椭圆，并将它们组合在一起(Cmd G)。

粘贴、移动、应用样式，然后分组

在这个组中，选择椭圆，右键单击它并从菜单中选择蒙版，以确保阴影将停留在椭圆内。

手柄阴影现已完成

选择我们在此步骤中创建的所有元素，并将它们放入名为door handle的组中。

9.保险杠

让我们先创建前保险杠，切换到矢量工具（V）并绘制形状。改变“ 填充 不透明度”更改为0%，确保关闭“ 边框”并应用浅色和深色“ 内部阴影”效果。

首先添加一个浅色内阴影效果，属性如下:

然后，添加深色的内部阴影效果：

前保险杠

对后保险杠执行相同的操作，但代替使用这些参数的黑暗内阴影效果:

后保险杠

命名这些形状前保险杠和后保险杠。

让我们进入案例的下一个元素。现在我们将创建装饰上的前保险杠。使用圆角矩形工具(U)绘制一个圆角矩形(174px * 14px)。确保它是外部的车体组，并给予它的名字缓冲器deco基地。

关闭“ 边框”，然后单击“ 填充”，选择“ 线性渐变”，然后添加一个渐变。使用#E4E4E4 (100% alpha)作为第一个色挡，使用#858585 (100% alpha)作为最后一个色挡。现在，在颜色对话框的渐变轴上点击添加另一个点，然后按下键盘上的5将它移动到确切的中间位置。给它100%的alpha，并确保它的颜色是#E4E4E4。在右边再添加一个，并把它移到中心。改变这个停止的颜色为#858585和100%的alpha。

前保险杠装饰元素

复制形状(Cmd D)，改变名字前保险杠装饰阴影和使用图层面板列表，拖动它在车身组中前面保险杠形状，并添加两个阴影效果。

使用以下属性添加第一个阴影效果:

然后，添加第二个阴影效果：

“前保险杠装饰”的影子

让我们添加一个橡胶元素在中间的保险杠装饰。选择保险杠装饰基础，复制它，并给这个形状的名字橡胶。改变填充#303030纯色，并改变高度为一半大小，然后对齐到中间与保险杠装饰基地，使用检查面板。

前保险杠“橡胶”形状

在rubber形状上添加以下效果。

首先，一个轻的内在阴影：

然后，一个黑暗的内在阴影：

之后，一个暗影：

最后是一个淡淡的影子：

将所有样式应用于前保险杠“橡胶”元素

最后，选择保险杠装饰基座和橡胶形状，并执行蒙版操作，使所有橡胶阴影都不离开保险杠装饰基座。命名的结果组前保险杠deco。

前保险杠的“橡胶”形状现已完成

现在，使用与上述相同的方法，创建后保险杠装饰元素。

准备就绪后，后保险杠装饰应该看起来像这样

切换到矢量工具(V)和绘制一个基本形状的后保险杠保护。添加一个具有以下属性的线性梯度：

  1. #EEEEEE
  2. #C9C9C9
  3. #939393
  4. #6C6C6C

创建后保险杠护板

复制此形状，将其放在后面（右键单击该形状，然后从上下文菜单中选择“ 向后移动”），应用#2D2D2D 纯色，将其向右推几个像素，并使用“调整大小”手柄将高度向下调整一点。命名此形状橡胶缓冲。添加一个内阴影效果，颜色设置为#FFFFFF, alpha值30%。设置Y和Blur为2，设置X和Spread为0。

“橡胶缓冲区”

再次选择顶部的形状，再次复制它，并使用←键将它向左移动几个像素。修改线性渐变(删除两个中间点，将顶部和底部点的颜色改为#8E8E8E和#DEDEDE，然后将顶部点向下移动一点)。最后，应用高斯模糊效果，数量为0.6。

继续操作后保险杠护罩

选择这个形状和这个形状下面的形状，并执行蒙版操作。命名所产生的组保险杠护座，然后选择所产生的组和橡胶缓冲形状，并将它们组合成一个组后保险杠护座。将这个组放在车身组的层面板列表的下面。

后保险杠护板-现在完成

使用矩形工具，创建如下图所示的两个矩形(在检查面板中使用半径控制点的圆度)。选择这两个形状并创建一个对象，从草图的顶部工具栏中执行联合操作。将这个新对象移动到后保险杠防护组内，直接进入保险杠防护基础组在顶部。将颜色改为#000000，关闭边框，添加高斯模糊，数量为1。

创建阴影从保险杠内部的保险杠保护

这是到目前为止我们所做的一个预览。

保时捷911，一点一点到达这里

10.挡风玻璃

侧窗

还记得我们在本教程的第1部分中创建的侧窗口1和侧窗口2副本吗?

好吧，是时候使用它们了！在图层面板列表中找到这些副本并取消隐藏。确保填充关闭，并添加5px宽度的边框，颜色为#72BD20，定位在里面。

现在解除隐藏的“边窗口1”和“边窗口2”副本!

在开始时，我们将使用这些形状创建窗口框架。

首先，我们需要将形状边界转换为形状本身。我们需要在窗口框架上应用内部阴影，因为没有选项可以在边框上应用内部阴影。

要勾勒出边界，选择两个形状，进入图层→转换为轮廓(或按Alt Cmd O键盘)。

注意：转换形状到轮廓已经把每个形状变成两个单独的组合形状层。这是因为轮廓笔画是路径的组合，存在两种形状:

轮廓边框

选择并复制（Cmd C）的内部形状，然后通过按Esc键盘取消选择形状，最后粘贴（Cmd V）（请注意，Sketch会将副本放在顶部），因为我们将使用这些形状作为挡风玻璃。给它们命名为侧挡风玻璃1和侧挡风玻璃2，现在把它们藏起来。

让我们继续讨论窗口框架。使用矢量工具(V)绘制两个形状，选择这些新创建的形状和侧窗1形状，并执行联合操作，以创建一个形状。将填充设置为#DCDCDC，添加内阴影，颜色设置为#000000，Alpha设置为50%，模糊设置为2。

“侧窗1”

对侧边窗口2应用相同的样式-填充和内阴影。

取消隐藏的侧挡风玻璃，并把他们下面的车身组在层面板列表。

提示：由于挡风玻璃基本上是透明的，因此我建议你暂时向画板添加一些背景颜色，以便你可以实际看到我们将要做什么。为此，请选择画板，然后在“检查器”面板中打开“背景色”，然后将“颜色”设置为#434343。

现在回到侧面挡风玻璃：选择第一个（左侧的），关闭“ 边框”并将“ 填充”设置为“ 线性渐变”：

  1. 颜色：#FFFFFF，α：0%
  2. 颜色：#FFFFFF，α：22%
  3. 颜色：#FFFFFF，α：50%
  4. 颜色：#FFFFFF，α：27%
  5. 颜色：#FFFFFF，α：30%

“侧挡风玻璃1”

对另一个挡风玻璃执行相同的操作。

“侧挡风玻璃2”

提示：你可以从第一个挡风玻璃上使用草图的功能复制样式(右键单击并选择“复制样式”)，然后将样式粘贴到第二个挡风玻璃上(右键单击然后选择“粘贴样式”)。在那之后，你可能只需要稍微移动点来调整梯度与前一个匹配，因为形状不是相同的高度。

前挡风玻璃

切换到矢量工具，并为前挡风玻璃绘制一个形状。应用具有以下参数的线性渐变：

  1. 颜色：#F3F2F0，α：40%
  2. 颜色：#FFFFFF，α：50%
  3. 颜色：#F3F2F0，α：20%
  4. 颜色：#F3F2F0，α：10%

然后添加内部阴影，颜色设置为#000000,Alpha值10%。设置Y位置为2，模糊为8。命名为front windshield。

“前挡风玻璃”元素

后挡风玻璃

使用矢量工具绘制一个后挡风玻璃，并应用相同的风格(线性渐变和内阴影)，就像前挡风玻璃。

“后挡风玻璃”元素

将此形状命名为后挡风玻璃，然后选择所有的挡风玻璃形状，将它们分组到挡风玻璃组中，并确保这一组在车身组的层面板列表中。

注意:你现在可以在检查面板中关闭画板的背景颜色。

11.大灯

对于车头灯，切换到矢量工具，并绘制形状，将是车头灯玻璃。使用纯色#E4E4E4，关闭边框并添加内阴影效果：

让我们创建车头灯玻璃

接下来，在前照灯玻璃上画一个黑色(#000000)形状。复制这个形状(Cmd D)，将其左推1px，使用如下参数，从上到下应用线性渐变：

  1. #EEEEEE
  2. #F5F5F5
  3. #828282
  4. #484848

创建大灯的下一部分

选择所有形状，并将其分组(Cmd G)到s大灯组。然后我们需要旋转它一点(由25度)，并把它放在车体组上面。

“头灯”组现已完成

12.后置引擎格栅

在这一步，我们将创建一个格栅后发动机盖。再一次，使用矢量工具(V)绘制一个形状。将填充改为#000000并添加内部阴影——颜色使用#FFFFFF, Alpha值为80%，X位置设置为-2。

创建格栅元素

复制这个形状，向左和向下移动一点，放大到足够近，切换到矢量编辑模式，移动点，使它们接触后引擎盖的边缘。使用下图作为参考。

开始使用格栅元素建造引擎格栅

重复这8次以上，形成一个格栅在发动机盖。然后用线条工具(L)画一条线，颜色使用#CCCCCC，宽度设置为1px，边框末端选择圆帽。应用黑色(#000000)阴影效果，100% α，模糊为2。

发动机格栅现已完成

选择所有格栅层，并将它们放置在组中后引擎格栅。

13.侧视镜

让我们继续讨论汽车上的其他细节——侧面镜！

使用矢量工具，创建一个形状作为后视镜的基础，关闭边框并为填充使用线性渐变：

  1. #E5E5E5
  2. #D5D5D5
  3. #878787
  4. #6A6463

然后添加内部阴影：

塑造“侧镜底座”的形状

命名此形状侧镜基地。

绘制另一个形状，这将是镜子覆盖，再次关闭边框和改变填充线性梯度：

  1. #CCCACB
  2. #FEFEFE
  3. #A1A5A4
  4. #4A413F

“镜盖基座”

将此形状命名为mirror cover base。复制该形状，并使用键盘上的←键将其向左推4px。改变颜色为#C4C4C4并添加两个内阴影。

对于第一个内部阴影使用：

对于第二个内部阴影，请使用以下属性：

然后选择这两个形状并执行遮罩操作，这样顶部形状就不会扩展到镜面覆盖(底部形状)。命名产生的组镜盖。

“镜盖”组

选择侧镜底面，再添加一个内阴影效果，为镜面覆盖添加阴影。颜色使用#000000,Alpha值为50%，设置X位置为-1，模糊为1。

在后视镜盖上添加阴影

我们将通过从侧镜创建一个阴影来完成这一步。

抓取矢量工具，画一个像下图一样的形状。把它放在侧镜底座下面，把它往上推一点，这样它就真的在后面了，然后为填充添加一个线性渐变。对于顶部停止使用#000000,Alpha值40%，对于底部停止也使用#000000，但α值0%。不要忘记关闭边框。

从后视镜创建阴影

命名此形状side mirror shadow，然后选择在此步骤中创建的所有形状并将它们分组到侧镜组中。

14.排气管

是时候创建排气管了，首先，在图层面板中找到图层层，记住——我们在教程开始的第2步中创建的图层——并取消隐藏。切换到矩形工具(R)，画一个半径为2的矩形。这个矩形形状将代表排气管。

关闭边框并将“ 填充”设置为线性渐变：

绘制排气管形状

复制矩形，使其变窄，切换到矢量编辑模式，选择右侧的点，设置它们的半径为0，然后修改现有的线性渐变为：

画出排气管的另一部分

选择两个矩形，将它们分组为一个exhaust pipe组，然后将该组放置rear bumper guard在“ 层”面板列表中的上方。

排气管已完成

15.汽车内饰

选择side window 1和side window 2，复制它们（Cmd D），改变颜色为#000000，关闭内部阴影。

开始研究汽车内饰

在图层面板列表中，将这些重复的内容放在后保险杠防护的下面，然后，使用键盘上的箭头键，将它们向下移动5px，向右移动2px。

往后移动

绘制一个表示汽车仪表盘可见部分的形状，关闭边框并将填充设置为#2A2A2A。

绘制仪表板的可见部分

接下来，让我们创建方向盘。

使用圆角矩形工具（U）创建一个矩形，关闭边框，并使用以下参数将填充更改为水平线性渐变：

然后，我们需要旋转矩形-24 degrees，并将其向左移动一点。

制造方向盘

现在让我们继续讨论汽车内部的其他细节。选择矢量工具，创建如下图所示的形状。关闭边框，设置颜色为#000000，应用内阴影效果：

继续向汽车内饰添加元素

使用椭圆工具（O）绘制一个小椭圆。颜色使用#717171并关闭边框。

在汽车内部添加另一个元素

现在，让我们创建驾驶员座椅的可见部分。使用矢量工具创建形状。关闭边框并使用线性渐变 ; 对于顶部颜色，停止使用颜色#6D6D6D，底部颜色#171717。并添加内阴影效果- 颜色是#000000与50%α，X位置为2，模糊为7。

把驾驶座拉过来

复制这个形状，用方向键将它向右推5px向上推1px。然后修改现有的线性渐变-改变底部颜色停止为#000000。修改内部阴影效果——将颜色改为#FFFFFF, Alpha值为10%，设置X和Y位置为5，模糊也为5。

继续细化座位的细节工作

现在让我们在座位上缝几针。

复制这个形状，向右推5px，向下推3px。然后，关闭填充和内阴影，返回边框，对于颜色选择线性渐变——对于顶部颜色停止使用#696969，对于底部颜色停止使用#000000。添加阴影效果-颜色使用#000000,50%的Alpha，设置模糊为2。然后选择这个形状和它下面的一层，执行一个面具手术，这样缝线不会超出座位的边界。

在驾驶座上缝针

汽车内饰几乎准备就绪！

接下来，选择我们在这一步中创建的和在车身上面的所有层和组，并将它们放置在layers面板列表中的side window 1副本和side window 2副本上面。将这两个形状也添加到选区(边窗口1拷贝和边窗口2拷贝)，并创建一个组(Cmd G)命名为内部。

汽车内部现已完成

让我们再次看一看。

最终图片2/3：让我们来看看我们的保时捷911赛车—我们已经完成了一半！

在结束本部分教程之前，让我们向车身添加一个小细节，所以选择“ 线条”工具（L）并绘制一条线。颜色使用#E5E5E5，宽度设置为2px，边框末端选择圆帽。然后应用阴影-设置颜色为#000000,Alpha为80%，Y位置为2，模糊为3。最后，将此行放置在bodywork组中。

现在，汽车的车身已完成-添加了更多最终细节

结论

现在，汽车的车身以及窗户、保险杠、前灯和尾灯以及内部（仪表板、方向盘和座椅）都已准备就绪。在本教程的下一部分（也是最后一部分）中，我们将创建车轮（轮辋和轮胎），我们将添加所有最后的润色，包括赛车的车身上的赛车贴纸。

文中所用图片来自网络，如侵权，请联系删除

想要了解汽车更多内容，就留言联系我们吧！

来源：NikolaLazarevie：How To Create A Porsche 911 With Sketch (Part 2)

- 服务内容 -

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved