在Illustrator中画一个溢出的油漆桶

Trevin是WebFX业务开发的高级总监。他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

预览

预览

步骤1:绘制桶的基础形状

在Adobe Illustrator中,创建一个新文档(Cmd/Ctrl + N)。因为我们是在Illustrator中绘制矢量对象,画板的大小不太重要,我们可以在完成后调整插图的大小。在工具面板中选择椭圆工具(L)画一个圆;按住Shift键创建一个完美的圆。

设置圆的填充为白色(#ffffff)。示例图片用选择工具(V)选择形状,然后点击效果> 3D挤压和斜角。应用下面列出的设置来制作一个圆筒,这是油漆桶的基本形状。

示例图片如果你不满意你的对象的3D外观,你可以在外观面板中调整它(转到窗口>外观或按Shift + F6显示外观面板);找到3D挤压&斜角并点击它编辑效果。当你对形状满意后,点击对象>扩展外观。

步骤2:合并路径和应用渐变

当你在Illustrator中展开3D元素时,你可能会得到一组以上的路径。我们需要整合一些路径,这样我们就可以不断地给它们添加一些渐变。首先,确保你有探路者面板打开,如果你没有,去窗口>探路者或按Shift + Ctrl/Cmd + F9切换面板的可见性。

选择需要组合的形状——例如,中间的几个形状——然后按下探路者面板中的统一图标。然后在渐变面板(窗口>渐变或按Ctrl/Cmd + F9)在中间的统一形状上添加一个深色线性渐变。设置颜色渐变为黑色和过渡到深灰色的颜色。

另外,改变渐变的角度,使其与桶的方向和方向一致。统一更多的形状,并添加线性梯度。

第三步:画一个矩形路径

用钢笔工具(P)沿着油漆桶的一侧创建一个长矩形。调整钢笔工具所做的矩形路径,使顶部有一个驼峰,与油漆桶的开口相匹配。给这条路径一个深灰色到黑色的线性渐变。

第四步:添加高光和阴影

画两条曲线路径如下图所示;一个长一个小。您可以使用椭圆工具(L)在彼此之上绘制形状,然后使用负前方探路器命令来实现所需的形状。用黑色或深灰色填充较长的一个,用浅灰色填充另一个。

然后把它们放在油漆桶的后端。

步骤5:为油漆桶的边缘添加细节

复制前面的圆形状(Ctrl/Cmd + C),然后将它粘贴在前面(Cmd/Ctrl + F)。再次复制它,并再次粘贴在前面。用缩放工具(E)将最上面的圆形向下缩放;按住Shift + Alt/Option键使其中心保持不变。

然后选择两个圆,在探路者面板中单击负正面命令。用灰色填充新形状。

步骤6:使用混合模式获得更多细节

创建两个圆(基于油漆桶的前面)。一个圆应该比另一个圆大,大的那个应该有较浅的颜色。去除填充,但它应该有一个笔画。

选择两个圆,通过点击对象>混合>制作(Cmd/Ctrl +选项/Alt + B),然后打开混合选项(对象>混合>混合选项),并设置间距为光滑颜色。由于外圆的笔画比内圆的笔画要浅,所以混合后的形状似乎在中间变深。

步骤7:添加更多混合料

添加另一个混合形状。这一次,圆圈的大小相同,但笔画的重量应该不同。画底部6pt深灰色,顶部0.125pt浅灰色。

选择这两条路径并使它们混合(Cmd/Ctrl + Option/Alt + B)。重要的是,较细的笔画形状是在上面的混合工作正常。

步骤8:创建更多的轮辋

使用我们在上一步中执行的相同技术创建另一个边缘。为了给这件作品添加更多的细节,添加另一个边缘,但要使它更薄,填充浅灰色。你可以在探路者面板中使用两个圆(一个比另一个大)和负前命令创建这些形状,或者创建一个粗笔画的圆。

步骤9:添加一些亮点

选择钢笔工具(P),通过添加填充白色、黑色或深灰色的形状,画一些高光和阴影。

步骤10:添加溢出的油漆

创建一个路径来表示溢出的油漆。设置描边为1pt,外部路径的颜色为蓝色。设置内部路径为黑色。

选择两个路径,使它们混合(Cmd/Ctrl + Option/Alt + B),然后应用平滑颜色混合。将形状放置在油漆桶的开口内。让我们把桶外面洒出来的油漆加进去。

创建两个形状,边缘形状比内部形状更深的蓝色。您可以使用铅笔工具(N)创建有机形状,模仿液体溢出容器的不均匀形状。选择两个形状,到对象>混合>制作,到对象>混合>混合选项,设置间距为指定步骤。

使用指定的步骤值来获得您想要的效果——在这种情况下,8个步骤足以创建一个良好的混合效果。

步骤11:为溢出的油漆添加高光

由于我们的光源来自左上角,这使得画布左侧的物体颜色更浅,我们将在溢出的油漆右侧创建一个深色高光。按照溢出的油漆形状创建一个形状,并将填充设置为较深的蓝色。然后设置不透明度为33%。

这将增加形状的反射感。

步骤12:油漆溢出细节

如果你现在看我们的作品,溢出的油漆和油漆桶开口的地方看起来很尴尬。我们会改正的。首先,创建一个类似于下图的形状,用蓝色填充它,并添加径向渐变,设置内部渐变颜色为深蓝色。

把它放在油漆桶底部边缘的油漆溢出的地方。绘制另一个形状,用线性渐变填充它。把它放在边缘上。

步骤13:使用不透明度蒙版

选择你在上一步创建的形状,并为其应用不透明度蒙版。添加两个矩形来隐藏形状的某些部分。这样,形状就能和从桶里溢出来的颜料融合在一起。

从一个矩形开始,用白色/黑色渐变填充它-白色显示,黑色隐藏。放置更多带有渐变的矩形来隐藏/显示形状的部分。

步骤14:完成细节

你可以添加一个投影(效果>风格化>投影)到桶如果你喜欢。我在油漆下面添加了一个溢出的油漆形状的副本,并设置填充为浅蓝色。这样,油漆看起来有点稀。

教程汇总

我们使用了一些巧妙的方法来混合物体,以产生漂亮的形状和颜色过渡。对于桶,我们使用可靠的3D挤压&斜角创建一个3D圆柱体,我们稍后样式。我们还使用了探路者命令来合并和创建不同的形状。

就是这样的人。我希望你在制作这个小插图时感到愉快。预览

下载源文件

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!