第一款911在当时也有一个险些独特的观点——后引擎,后轮驱动。
(良久往后,另一家公司也推出了同样观点的汽车。
很可能你也听说过另一辆车——这便是著名的DeLorean DMC-12!
DeLorean于1985年问世,在《回到未来》在电影院上映时,《DeLorean》变得非常受欢迎。
)现在,让我们一起来看看这辆车要怎么设计吧!

让我们画一辆车!

为了更好地遵照本教程中的步骤,我将为您供应原始的Sketch源文件。
该文件将帮助您更轻松地遵照该过程,但是我建议您在一个新文件中复制这些步骤,从一个空缺画布开始。

本教程中创建的Porsche 911的终极插图

干货手把手教你用Sketch创建保时捷911

1.画板设置

第一步是创建一个新的Sketch文档。
将文档命名为“ Porsche911”,并新建一个相同名称的画板,大小为:1920px宽,1080px高。

2.用矢量工具追踪汽车

对付此步骤,我们须要一张Porsch e 911的图像,以作为在Sketch中勾勒出汽车轮廓的参考。

保时捷911参考图像

下载、复制和粘贴图像到画板。
在图层面板的图层列表中右键单击参考图像,选择锁定图层,以锁定参考图像所在的图层,这样它就不会意外移动。

提示:在Sketch中锁定图层的另一种方法是在按住Alt键的同时悬停图层名称并点击锁定图标。

锁定参考图像层

我们将利用“ 矢量”工具勾勒出车身轮廓。
此操作的结果将是矢量形状
每个形状都由点和贝塞尔手柄组成。
贝塞尔手柄用于增加形状的曲率。

矢量点和贝塞尔手柄

理解你的不雅观点和贝塞尔手腕

对付利用“ 矢量”工具添加的每个点,都有四种点类型可供选择:直线、镜像、非连续和不对称点。
点类型描述了Bezier手柄的行为办法。
你可以通过选择一个点,并在键盘上按1、2、3或4来循环这些类型。
在检讨器面板中找到所选点的点类型。

点类型

1.直线

直线型

“直”选项将为你供应直角。
此类型还许可你通过右侧的“ 检讨器”面板添加角半径。

2.镜像

镜像点类型

“镜像”将添加两个相互镜像的贝塞尔手柄,因此它们始终平行且两侧长度相同。

3.断开连接

断开的点类型

该选项将为你供应两个可以单独变动的贝塞尔手柄,非常适宜尖角!

4.不对称

非对称点类型

“非对称”与“镜像”险些相同,但是它只能使贝塞尔曲线手柄保持平行。
你可以单独变动手柄的长度。

现在,我们对点和手柄有了更多的理解,接下来,我们通过按下键盘来选择矢量工具V,放大(按下Z并单击以放大)并开始勾勒车身。
单击一次可创建一个点,将其移开一段间隔,单击以添加第二个点,而无需开释鼠标按钮,拖动该点可创建一条曲线,并利用贝塞尔(Bezier)掌握该曲线。

提示:我建议你暂时给边框添加一些通亮的颜色和较宽的宽度(利用“检讨器”面板进行变动),以便你可以更舒适地跟踪汽车的形状。

开始描述汽车的轮廓

环绕汽车的紧张形状进行此操作,但不包括前后挡风玻璃。
须要实践才能达到完美,随着韶光的流逝,利用矢量工具会变得更好。
一旦准备好跟踪车身,结果应如下图所示。

接下来,我们须要从汽车主体“切割”侧窗。
利用矢量工具在侧窗上创建两个形状。
命名形状side window 1和side window 2。

在侧窗上创建两个形状

复制这两个形状(Cmd+ D)并暂时隐蔽副本。
(我们将在往后将这些副本用于侧窗。
)选择车身形状和两个可见的侧窗形状,并运用顶部草图工具栏中的减法操作。
命名所产生的形状车身。

完成的“车身”形状

接下来,利用“ 矢量”工具创建汽车的底部。
您可以描摹它,但是要做到100%的精确度并不主要,由于看不见的形状的细节并不主要。
将此形状命名为floor,然后将其移动到车身下面的层面板中。

“地板”矢量形状

在完成此步骤之前,只须要做一件事——画一个轮子。
按下键盘,选择“ 椭圆”工具,O然后在参考图像中创建一个与滚轮相同大小的圆。

拖动时按住Shift和Alt键,从中央向外画一个完美的圆。
给这个形状的名称的车轮基地,并确保它的位置是在地板之上和下面的车身层在层面板列表。

创建基本的车轮形状

3.为车身添加颜色、阴影和反射

接下来,我们将把重点放在车身上,以是现在我们可以隐蔽参考图像以及wheel base和floor图层。
我现在常日要做的是解锁参考图像,将其移到画板之外,然后放置在画板上(或其他适宜您的位置——低于或画板的左边或右边),以是我仍旧可以利用它作为参考。

或者,你也可以解锁参考图像,进行复制(Cmd+ D),将副本移到画板之外,以便可以将其用作参考,并在画板中隐蔽原始参考图像。

提示:在“图层”面板列表中,单击图层名称阁下的眼睛图标将其隐蔽。
要解锁图层,请在“图层”面板中单击鼠标右键,然后选择“解锁图层”,或仅单击图层名称阁下的锁定图标。

首先,让我们设置汽车的基本颜色。
选择车身,取消选中“ 边框”,然后选择“ 添补颜色” #E9E9E7。

提示:利用 键盘上的F可以快速打开或关闭“添补”,并利用 B 快速打开或关闭“边框”。

设置我们汽车的基本颜色

把稳:Sketch的新手?首先,首先检讨这个非常详细的草图帮助页面关于事情添补:“样式-添补”。

接下来,我们将连续处理阴影(车身较暗的部分)。
利用矢量工具绘制如下图所示的形状。

绘制一个“阴影”形状

如你所见,其形状比车身长,因此我们现在将对其进行修复。
选择两个形状(车身和我们刚刚创建的形状),然后从顶部工具栏实行“ 蒙版”操作。
Sketch会将结果自动放入组中。
为此组命名bodywork。

使“阴影”形状适宜车身内部

现在再次选择我们已经创建的形状,关闭边框,设置添补颜色,以#E1E1E1和运用高斯模糊,数量为4。

准备好后的“阴影”形状

利用矢量工具绘制另一个形状。
利用下面的图像作为参考。

绘制另一个形状

利用层面板移动这个形状到组车身。
关闭边界,并运用线性梯度与以下参数:

#E4E4E4

#C5C5C5

运用渐变

利用高斯模糊(6)来软化其边缘一点,并添加阴影:

颜色:#FFFFFFΑ:90%X :0;Y:-8 ; 模糊:10

第二个“阴影”形状现已完成

接下来,在carrosserie的底部添加一个阴影,用矢量工具画一个形状,设置添补#4E4E4E,把它放在车身组中,运用高斯模糊,数量为12。
利用下图作为参考。

carrosserie底部的“阴影”

末了用矢量工具画一个小形状,就像下图一样,用#D8D8D8添补它,并给它一个高斯模糊效果,数量为5。
别忘了把它放在车体组。

绘制末了一个“阴影”形状

为了增加光芒反射,我们将利用矢量工具创建三个形状,并用以下颜色添补它们:

#F9F9F9#F1F1F1#F1F1F1

绘制光反射

将这些图层移动到车体组中,关闭边框并利用6的高斯模糊。

光反射完成

完成这一步,用矢量工具画两个形状。
将这些形状命名为前挡泥板和后挡泥板。
设置颜色为#393939,删除边框,再次移动到组内,给它们一个高斯模糊效果,数量为2,并设置不透明度为50%。
利用下图作为参考。

前后挡泥板

把稳:从现在开始,我们创建的所有内容都必须放置在车体组中。

4.制作门(和各种盖子)

这个步骤非常大略,只需几分钟即可完成。
在此步骤中,我们将添加一堆盖子和一扇门。

选择矢量工具(V),然后开始绘制盖子。
你不必关闭这些形状,只需将它们保持打开状态,由于我们实际上不须要闭合的形状,只需线条即可。
为此,当你对每一行都感到满意时,请按Esc键。
设置边框颜色为玄色(#000000),宽度为1px。
利用下图作为参考。

创建盖子:油箱、前行李箱、发动机和雾灯

选择“燃油箱”、“前行李箱”和“后引擎盖”层,并利用以下参数向它们添加“阴影”效果:

颜色:#FFFFFFα:90%X:0; Y:2;模糊:2; 传播:0;

接下来,选择雾灯放置盖子图层,运用轻微不同的阴影:

颜色:#FFFFFFα:20%X:2; Y:0;模糊:2; 传播:2;

拿起椭圆工具(O),然后创建一个小圆圈,该圆圈代表Jack Point的封面。
关闭添补并添加一个外部边框,宽度为1px,颜色设置为#000000。
运用阴影,用颜色设置为#FFFFFF,alpha设置为30%,模糊和扩散设置为2。

创建“ Jack Point Cover”元素

接下来,我们将利用“ 矢量”工具(V)绘制一扇门,就像绘制所有盖子一样。

使背景中的参考图像可见,将车身图层设置为50%不透明度,并从照片中描摹门线。

沿着门道走

完成后,再次隐蔽参考图像,将“ bodywork层不透明度”设置为100%并设置门的形状。

将门的形状边框颜色设置为玄色(#000000),将宽度设置为2px并运用阴影:

颜色:#FFFFFFα:40%X:2; Y:2;模糊:2; 传播:2;

设置门的形状

提示:不要忘却给形状/图层起个适当的名称。
随着草图文件变得越来越繁芜,精确命名每个形状/图层可能会在往后为你供应帮助!

利用矢量工具(V)绘制两个小矩形。
绘图时按住Shift使线条变直。
主要的是对齐矩形的底部,如下图所示。
用玄色添补两个矩形并关闭边框。

创建两个矩形

提示:或者,你可以利用矩形工具(R)绘制这两个眇小的矩形,通过按键盘进入矢量编辑模式Enter,选择每个矩形的底部两个点并精确对齐。

末了,再次利用矢量工具绘制一个新的形状。
设置添补为玄色,关闭边界,运用阴影,颜色设置为#FFFFFF, 60% alpha, Y和模糊设置为2。
给这个形状一个名字,发动机盖,参考下图:

引擎盖形状

5.前旗子暗记灯和喇叭

要开始制作旗子暗记灯,请切换到“ 矩形”工具(R)并绘制一个矩形。
用玄色颜色添补,关闭边框和运用阴影:

颜色:#FFFFFFα:30%X:2; Y:-3;模糊:2; 传播:2;

创建一个玄色矩形

双击矩形形状(或按Enter键)进入矢量编辑模式,选择右上点,利用键盘上的←箭头将其向左移动15px,并设置半径为9px。
再次按回车退出向量编辑模式。

修正矩形

复制(Cmd + D)这个形状,关闭阴影,并添加一个线性渐变添补;利用#ECECEC作为第一个色挡,利用#7F7F7F作为末了一个色挡。

复制形状并运用线性渐变

利用键盘上的左箭头键将这个形状向左移动2px,然后进入矢量编辑模式(双击该形状),选择顶部的两个点,并将它们按下2px。

修正并移动形状

复制此形状(Cmd + D),将颜色从线性渐变改为纯色,并选择任何你想要的颜色。
我用黄色,但这只是暂时的。
接下来,双击进入形状向量编辑模式,选择前两个点和移动下来3 px,选择底部两个点和移动起来3 px,选择精确的两个点和移动到左边3 px,末了选择右下角点并将其移动到左3 px以是右边缘变得与下面的右边缘的形状。

复制和修正

我们须要把这个形状分成两部分。
一个形状将用于空间的喇叭和另一个为转向灯。
让我们简化它,不须要一些花哨的布尔操作:复制形状,命名原始喇叭空间和复制的转弯旗子暗记,然后隐蔽转弯旗子暗记形状,由于我们将稍后利用它。

首先,我们须要修正horn space形状。
选择形状,进入“ 矢量编辑”模式,选择右上角的点,将“ 半径”设置回0(利用右侧的“ 检讨器”面板),将该点向右移动直到与右下角对齐(将涌现一条垂直的红线) ),然后选择两个点右边向左移动它们创建一个小的形状,我们将利用角。
利用下图作为参考。

提示:拖动点时按住 Shift 以保持笔直的路径。

创建“号角空间”形状

接下来,取消隐蔽turn-signal,双击进入矢量编辑模式,选择左边的两个点,将它们拖到右边,直到形状之间有一个小的间隙。

创建“转向旗子暗记”形状

回到horn space形状。
双击进入矢量编辑模式,按住Shift键点击右边的线段,在中间添加一个点。
现在,双击那个新添加的点,将其转换为镜像点类型,并利用键盘上的←箭头将其向左移动4px。
然后,选择右下角的点并向左移动2px。

修正“号角空间”形状

我们将以turn-signal类似的办法进行修正。
选择turn-signal形状,按Enter进入“ 矢量编辑”模式,在左侧线段的正中间添加一个点,利用“ 检讨器”面板将其转换为“ 镜像”类型,并利用键盘上的左箭头键将其向左推3px。

修正“转向旗子暗记”形状

HORN

让我们先完成喇叭,选择horn space形状并运用线性渐变 ——利用#1D1D1D作为顶部的颜色停滞,利用#D0D0D0作为底部的颜色停滞,然后将顶部停滞拖动到右边,将底部停滞拖动到左边来调度渐变角度。

添加线性渐变

现在,复制这个形状(Cmd + D),切换颜色为纯色并设置为#131313,切换到矢量编辑模式,选择左边的两个点并向右拖动一点。

复制和修正

选择左上角的点,将其向右推动一点,在左线段的中间添加一个点,将其变为“ 镜像”点,然后将其2px向左移动。

连续调度形状

让我们在角上添加一个格栅。

拾取矩形工具(R),并创建一个小矩形空间角,2 px高度,添补设置为# 9 a9a9a和边疆关闭。
复制它,改变高度为1 px,改变颜色# 000000,移动下来以是下面灰色矩形,矢量切换到编辑模式,选择左下角点和向右移动2 px。
选择两个形状并将它们放入一个组(Cmd + G)中。
我们将利用这个元向来构建格栅。
给它一个格栅元素的名字。

创建基本的格栅元素

复制这一组,向上移动7px,右移2px,然后再次复制,向上移动7px,右移3px。

建造号角格栅

现在,我们的格栅超越了horn space,因此我们须要对其进行修复。
选择属于喇叭的所有元素,然后实行“ 蒙版”操作,以使所有创建的元素都不会超出喇叭空间。

Sketch将自动将结果放入一个组中。
将这一组命名为horn。

号角完成了

转向灯

选择转换旗子暗记形状并添加线性渐变添补。
在颜色对话框中用右箭头将渐变设置为水平位置,并利用以下颜色:

#FFA137#B23821#B23821

添加一个水平线性渐变

添加具有以下属性的内部阴影效果:

颜色:#000000α:40%X :0;Y:0 ; 模糊:5 ; 传播:0

并运用阴影效果:

颜色:#FFFFFFα:50%X :0;Y:0 ; 模糊:2 ; 传播:0

是时候添加灯泡了。
首先,利用椭圆工具(O)不才图中绘制一个圆圈。
关闭边框,设置添补不透明度为0%,运用内部阴影:

颜色:#000000α:12%X :-9;Y:0 ; 模糊:9 ; 传播:0

创建第一个灯泡形状

然后,利用“ 矩形”工具(R)绘制一个小矩形,并在“ 检讨器”面板中利用“ 半径”(圆角)创建一个圆角矩形,该矩形将用作我们汽车插图中的灯泡。
关闭“ 边框”,然后将“ 添补”设置为“ 线性渐变”:

#C06D25#DE8D55#BC4E08#A64A15

连续调度灯泡

末了,同时选择圆形和圆角矩形,然后实行“ 遮罩”操作将矩形放置在圆形内,命名结果组为light1。

提示:在实行“蒙版”操作时,草图可能会关闭蒙版形状(在本例中为light1)上的“内部阴影” ,因此请选择蒙版形状并进行检讨。
如果关闭了“内部阴影”,请利用“检讨器”面板将其重新打开。
每次实行“遮罩”操作时,都最好检讨一下。

“ light1”组已完成

我们将以类似的办法添加第二个灯泡。
画一个圆,关闭“ 边框”,将“ 添补不透明度”设置为0%并添加“ 内部阴影”:

颜色:#000000α::18%X :0;Y:12 ; 模糊:5 ; 传播:0

创建第二个灯泡形状

复制此圈子并缩小比例,修正现有的内部阴影:

颜色:#000000α::28%X :0;Y:-5 ; 模糊:5 ; 传播:0

并在其上添加另一个:

颜色:#000000α::50%X :0;Y:0 ; 模糊:2 ; 传播:0

然后选择两者并将它们light2分组。

“ light2”组已完成

在图层面板列表中选择turn-signal, light1和light2,并运用蒙版操作。
这样,灯1和灯2将在转弯旗子暗记内。
命名所产生的组转向灯。

完成后的“转向旗子暗记灯”

为了完成这个转向灯,我们须要在它的右边加一个小螺丝。
我们将利用一个圆来构建我们的螺旋,以是利用椭圆工具(O),在右边,靠近旗子暗记灯的边缘画一个小圆。
设置添补不透明度为0%,边框宽度为1px,内部位置,颜色为#B3B3B3, alpha为30%;然后添加一个内部阴影效果:

颜色:#000000Α:50%X :0;Y:2 ; 模糊:2 ; 传播:0

开始设计小螺丝

重复这个圈子,缩小它,关闭边界。
设置添补到#B2CBDF具有透明度回100%并添加下面的阴影和内阴影。

第同心专心坎阴影:

颜色:#FFFFFFα:80%X :0;Y:0 ; 模糊:1 ; 传播:0

第二个内在阴影:

颜色:#000000α:50%X :0;Y:0 ; 模糊:1 ; 传播:0

末了,阴影效果:

颜色:#000000α:100%X :0;Y:0 ; 模糊:2 ; 传播:0

复制、缩小和运用样式

我们须要为螺钉再加上一个圆,因此再次重复上一个圆,将其缩小,将Fills设置为#303030,然后关闭Shadows和Inner Shadows。

复制,缩小和运用样式。
冲洗并重复!

提示:在这一点上,你可能会得到一个1px的圆,但它看起来仍旧比你在上面的截图中看到的要大一些,而且你可能会在精确对齐它时碰着一些麻烦。
如果涌现这种情形,请检讨素描偏好中是否选中了像素拟合,如果是,最好(至少暂时)禁用它:转到偏好→图层→取消对像素拟合复选框的勾选。

草图首选项→图层→像素拟合

选择所有我们用来创建螺丝的圆圈,并将它们分组到一个螺丝组中,然后将这个结果组移动到顶部的转弯旗子暗记灯组中。

现在是时候在草图中利用创建符号功能,并创建一个新的螺丝钉组符号。
稍后,我们可以在我们的插图中利用这个符号,由于我们须要它。

提示:为那些您希望重用的元素创建符号。
当你精确利用符号时,符号会成为一个非常强大的功能;它们可以通过在你的插图和设计中为你供应一种保存和重用公共元素的方法来加快你的事情流程。
当您对某个符号进行变动时,这些变动将自动运用于设计中该符号的所有实例。

要创建一个符号,在图层面板列表中选择螺丝钉组,右键单击,然后从菜单中选择创建符号。
将涌现创建新符号对话框;为符号指定一个名称(这里是螺钉)并单击OK。

从“螺钉”组中创建一个符号

还有一个小细节要添加。
放大足够近(即3200%)并绘制一个小矩形。
关闭“ 边框”并将“ 添补”设置为#131313。

再创建一个细节

6.尾灯

我们将建立尾灯的办法与我们在前一步所做的相同。
让我们快速完成这一步。

绘制矩形,用玄色添补它,关闭边框并运用阴影:

颜色:#FFFFFFα:30%X:-2; Y:-3;模糊:2; 传播:2;

进入矢量编辑模式,将左上角向右移动15px,半径设置为9px。

在车身后端绘制尾灯矩形

复制矩形、关闭阴影并添加线性渐变添补;利用#ECECEC第一个色标,并#7F7F7F在过去的色标。
然后,将其2px向右移动,进入矢量编辑模式,选择顶部的两个点并将其向下推2px。

复制,运用样式并进行修正

复制此形状(Cmd + D),将颜色从线性渐变改为纯色,并选择任何你想要的颜色。
接下来,矢量切换到编辑模式,选择两个点和移动下来3 px,选择底部两个点和移动起来3 px,选择左边的两个点和向右移动3 px,末了选择左下角的点,并将其移动到左3 px以是右边缘变得与下面的右边缘的形状。

再次复制,运用样式,然后移动点

现在,将添补改为线性渐变。
在颜色对话框中用右箭头将渐变设置为水平位置,并利用以下颜色:

#5D1720#621822#662423#B04643#C25F56

运用水平线性渐变

颜色:#000000

α:50%X :0;Y:0 ; 模糊:5 ; 传播:0

并运用阴影效果:

颜色:#FFFFFF

α:50%

X :0;Y:0 ; 模糊:2 ; 传播:0

添加效果

现在让我们转到尾灯灯泡的设计。

利用矩形工具(R)画一个像下图一样的矩形。
关闭边框,设置添补不透明度为0%,运用内部阴影:

颜色:#000000α:40%X :-2;Y:0 ; 模糊:5 ; 传播:0

绘制一个矩形并运用图层样式

然后,用矩形工具(R)画一个小矩形,并在检讨面板中利用半径(圆角)创建一个圆角矩形,它将起到灯泡的浸染。
关闭边框,将添补设置为线性渐变:

#B75D61#6B2224

创建第一个灯泡

末了,选择这两个矩形并实行蒙版操作,将圆角矩形放置在另一个矩形内。
将产生的组命名为tail-light1。

提示:再一次,记住草图在实行遮罩操作时可能会关闭遮罩形状上的内阴影,以是选择遮罩形状并检讨。
如果内部阴影被关闭,利用检讨器面板将其打开。

“ tail-light1”准备就绪

绘制一个矩形,关闭“ 边框”,将“ 添补 不透明度”设置为,0%并添加“阴影”:

颜色:#000000α:30%X :-2;Y:0 ; 模糊:2 ; 传播:0

创建另一个矩形

绘制一个小圆圈,关闭“ 边框”,将“ 添补 不透明度”设置为,0%然后运用以下“ 内部阴影”。

第一内阴影:

颜色:#000000α:40%X :0;Y:-2 ; 模糊:5 ; 传播:0

第二内阴影:

颜色:#000000α:30%X :0;Y:0 ; 模糊:5 ; 传播:0

为尾灯创建另一个灯泡

选择我们刚刚创建的矩形和圆形,并将它们放置在group (Cmd + G) tail-light2中。

通过添加螺丝符号实例完成此步骤。
进入插入→文档,选择螺丝,在tail-light2上点击插入符号,然后将其定位到精确的位置。
利用下图作为参考。

现在该节省一些韶光:插入我们之前创建的'screw'符号。

让我们看一看大局,看看到目前为止我们做了什么!

终极图像1/3:Porsche 911赛车现在看起来该当非常相似。

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

想要理解汽车更多内容,就留言联系我们吧!

来源:NikolaLazarevie:How To Create A Porsche 911 With Sketch (Part 1)

- 做事内容 -