在Illustrator中制作一个程式化的图形

01 19

在Illustrator中使用照片制作程式化图形

文字和图片©Sandra Trainor

在本教程中,我将使用Illustrator制作带有单色配色方案的程式化图形,这仅仅意味着我将只使用具有各种色调的一种颜色。 完成后,我将使用多种颜色制作第二个版本的图形。 我将追踪照片,使用钢笔工具创建轮廓各种色调的形状,然后用颜色填充我的形状,并重新排列图层 。 完成后,我将拥有同一图形的两个版本,以及更多的技巧。

尽管我使用的是Illustrator CS6 ,但您应该能够遵循任何相当新的版本。 只需右键点击下面的链接将练习文件保存到您的计算机上,然后在Illustrator中打开该文件。 要用新名称保存文件,请选择“文件”>“另存为”,将文件重命名为“ice_skates”,制作文件格式为Adobe Illustrator,然后单击“保存”。

下载练习文件:st_ai-stylized_practice_file.png

02之19

大小画板

文字和图片©Sandra Trainor

我想把照片中的那双溜冰鞋变成一个程式化的图形。 我选择这张照片是因为它具有很好的色调范围,这对于我将要制作的那种图形非常重要。

在“工具”面板中,我将选择Artboard工具,然后单击其中一个角Arboard手柄,并将其拖到照片的边缘内。 我将使用相反的手柄,然后按退出键退出编辑画板模式。

03之19

转换为灰度

文字和图片©Sandra Trainor

要选择照片,我将从“工具”面板中选择“选择”工具,然后单击照片上的任意位置。 然后,我将选择“编辑”>“编辑颜色”>“转换为灰度”。 这将使照片变成黑白色,这将更容易区分不同的色调。

04之19

照片变暗

文字和图片©Sandra Trainor

在图层面板中,我将双击图层。 这将打开“图层选项”对话框。 我将点击模板和暗淡图像,然后输入50%并点击确定。 照片会变暗,这将使我能够更好地看到我很快将在照片上画的线条。

05的19

重命名图层

文字和图片©Sandra Trainor

在“图层”面板中,我将点击第1层,这会给我一个文本字段以输入新名称。 我将输入名称“模板”。 接下来,我将点击Create a New Layer按钮。 默认情况下,新图层被命名为“图层2”。 我将点击该名称,然后在文本字段中输入“Dark Tones”。

06的19

删除填充和描边颜色

文字和图片©Sandra Trainor

选择暗色调图层后,我将点击位于工具面板中的钢笔工具。 在“工具”面板中还有“填充”和“描边”框。 我将点击填充框和下面的None按钮,然后点击Stroke框和None按钮。

07的19

跟踪黑暗的色调

文字和图片©Sandra Trainor

仔细观察会帮助我更准确地追踪。 要放大,我可以选择视图>放大,单击主窗口左下角的小箭头以选择缩放级别,或者使用缩放工具。

使用钢笔工具,我将围绕最黑暗的音调绘制形状。 我将从构成前面溜冰鞋鞋底和鞋跟形状的深色调开始。 现在,我会忽略这个形状内的浅色调。 我也不会注意溜冰鞋后面的墙。

如果您是使用钢笔工具的新手,它位于“工具”面板中,并通过单击来创建点。 两个或更多点创建一条路径。 如果你想要一个弯曲的路径,点击并拖动。 控制可以用来编辑曲线路径的手柄。 只需点击一个手柄的末端并移动它即可进行调整。 让你的第一点的最后一点连接两个并创建一个形状。 使用钢笔工具需要一些习惯,但通过练习变得更容易。

08的19

选择路径

文字和图片©Sandra Trainor

我会继续跟踪所有黑色的形状,比如后面部分显露的滑冰鞋底和许多小孔。 然后,在图层面板中,我将点击Dark Tones图层的目标圆。 这将选择我为此图层绘制的所有路径。

19的19

应用深色填充

文字和图片©Sandra Trainor

在“图层”面板中选中“暗色调”图层后,我将双击“工具”面板中的“填充”框,这将打开拾色器。 要显示非常暗的蓝色,我将输入RGB值字段0,0和51.单击确定后,形状将填充此颜色。

在图层面板中,我将点击黑暗色调图层左侧的眼睛图标,使其不可见。

10之19

跟踪中间音调

文字和图片©Sandra Trainor

我将创建另一个图层并将其命名为“中间色调”。 这个新图层应该被选中,并且位于“图层”面板的其余图层之上。 如果没有,我需要点击并拖拽到位。

随着钢笔工具仍被选中,我将点击填充框和无按钮。 然后,我会以跟踪所有暗色调的方式跟踪所有中间色调。 在这张照片中,刀片似乎是中间色调,也是脚后跟和一些阴影的一部分。 我将使用我的“艺术执照”使钩子附近的阴影变小。 而且,我会忽略诸如拼接和磨损痕迹等小细节。

一旦我完成了中间色调的追踪,我将点击Middle Tones图层的目标圆圈。

11之19

应用中间色填充

文字和图片©Sandra Trainor

选择中间色调图层并绘制路径后,我将双击工具面板中的填充框。 在拾色器中,我将输入RGB值字段102,102和204.这会给我一个蓝色的中间色调。 然后,我将点击确定。

我将点击Middle Tones图层的眼睛图标。 现在,Dark Tones图层和Middle Tones图层都应该是不可见的。

12之19

跟踪轻音

文字和图片©Sandra Trainor

这张照片中有浅色调和淡淡的色调。 非常浅的色调称为高光。 现在,我会忽略亮点并专注于浅色调。

在图层面板中,我将创建另一个新图层并将其命名为“浅色调”。 然后,我将点击并拖动此图层使其位于黑暗色调图层和模板图层之间。

随着钢笔工具仍被选中,我将点击填充框和无按钮。 然后,我会以跟踪黑暗和中间色调的相同方式跟踪浅色调。 浅色调似乎是靴子和鞋带,可以通过这种方式绘制出一个大的形状。

13的19

应用浅色填充

文字和图片©Sandra Trainor

在“图层”面板中,我将确保选择“浅色调”图层以及绘制的路径。 然后,我将双击工具面板中的填充框,在拾色器中,我将输入RGB值字段204,204和255.这会给我一个蓝色的中间色调。 然后,我将点击确定。

我将点击Light Tones图层的眼睛图标,使其不可见。

14之19

跟踪亮点

文字和图片©Sandra Trainor

亮点是物体或主体中强光照射的几个最亮的白色部分。

在图层面板中,我将创建另一个新图层并将其命名为“精彩集锦”。 这层应该坐在其余的上方。 如果没有,我可以点击并拖拽到位。

选择新的“亮点”图层后,我将点击“钢笔”工具并再次将填充框设置为“无”。 我会跟踪纯白色或高亮区域。

15的19

应用白色填充

文字和图片©Sandra Trainor

选择绘制的路径后,我将双击工具面板中的填充框,这将打开拾色器。 我将输入RGB值字段255,255和255.当我单击确定时,形状将填充纯白色。

19的16

查看组合图层

文字和图片©Sandra Trainor

现在来了有趣的部分,这是揭示所有图层,并看到绘制形状一起工作,形成一个图像。 在图层面板中,我将点击每个空白框,在那里有一个眼睛图标来显示图标并使图层可见。 为确保所有图层都被取消选中,我将点击“工具”面板中的“选择”工具,然后单击画布。

17之19

制作广场

文字和图片©Sandra Trainor

由于我已完成追踪,现在可以删除模板。 在图层面板中,我将点击模板图层,然后点击小删除选择按钮,看起来像一个小垃圾桶。

要制作正方形,我将从“工具”面板中选择矩形工具,双击填充框,然后在拾色器中为RGB值输入51,51和153,然后单击确定。 然后,当我点击并拖动以创建围绕溜冰鞋的正方形时,我将按住Shift键。

18 19

调整画板大小

文字和图片©Sandra Trainor
我将点击Artboard工具并通过向内移动手柄调整Arboard的大小,直到它与广场的尺寸相同。 我将按Escape键退出画板模式,选择File,Save,我就完成了! 我现在有一个使用单色配色方案的程式化图形。 要制作使用更多颜色的版本,请继续下一步。

19的19

制作另一个版本

文字和图片©Sandra Trainor

很容易制作同一图形的不同版本。 要制作使用更多颜色的版本,我将选择“文件”>“另存为”,然后重命名文件。 我将它命名为“ice_skates_color”,然后点击保存。 这将保留我原来保存的版本,并允许我对这个新保存的版本进行更改。

我希望Highlights图层保持不变,因此我将单独保留该图层并单击Light Tones图层的目标圆。 然后,我将双击填充框,然后在拾色器中将颜色滑块向下移动到颜色光谱栏,直到它到达黄色区域,然后单击确定。 我将以相同的方式对中间色调层和暗色调层进行更改; 为每个选择不同的颜色。 完成后,我将选择“文件”>“保存”。 我现在有第二个版本,只需重复上述步骤即可创建第三个,第四个等。