一个插画家的项目:从开始到结束

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

预览

预览

简介

你是否曾经发现很难开始和完成一个项目?也许你的想法是杂乱无章的,模糊的,或者你感觉不是特别有效率,但你知道在内心深处你想创造一些美好的东西。

在这种情况下,你所需要的只是一些灵感,一些Illustrator技巧和技巧,以及一点ps魔法。

我将与你分享我如何在我信任的速写本的帮助下开始一个作品,然后我如何使用Illustrator执行一个项目,在那里我创建插画的元素。最后但并非最不重要的是,我将介绍如何在Photoshop中完成一些效果和图像调整的艺术品。

本教程更像是一个演练,在这里我分享了开始和完成一个插图项目的一般技巧和技巧,而不是一个制作特定插图的教程——让我现在说它不是那种教程。

还需要注意的是,我使用的是Adobe CS4,因此如果您使用的是较旧的版本,那么我在这里讨论的一些特性可能不会提供给您。

资源

  • 免费纹理由bashcorpo

第一步:寻找灵感

是的,我知道你可能已经听过无数次了,作为一个有创意的人,你应该保持视觉日记。

你已经听过无数次了,因为它真的是开始创作时最好的灵感来源。你的视觉日记是你灵感的主要来源,因为你在速写本上的发现是你所经历或看到的经过处理的解释。

你在速写本上发现的东西能让你在概念上或美学上想象出一些基于个人生活事件、经历和情感的原创东西。

寻找灵感

第二步:素描时间!

在你面前打开速写本,通过你喜欢的方式导入你的有趣的速写——甚至用你手机的内置摄像头拍下你的速写并上传到你的电脑上。

把你导入的草图作为幻灯片播放,然后开始草图,发展角色,故事和情绪。

我更喜欢以幻灯片的形式观看我的草图,因为图像是不断变化的,当你在画草图时,你可以偶尔抬头看看屏幕,从当前预览的内容中获得灵感。

我知道我已经强调了开发你自己的草图,但不要害怕把你发现的任何鼓舞人心的图像插入幻灯片。一个很好的地方来查看鼓舞人心的图片(也是我最喜欢的一个地方)FFFFOUND

下面你可以看到,我开始通过粗略的缩略草图探索不同的可能组成。

第二步:素描时间!

一旦我知道自己想要讲述什么样的故事,我便会开始考虑细节和美学。我在新的一页上画出草图,用彩色笔画出形状。

在这个阶段使用颜色是非常鼓舞人心的。所以如果你能接触到颜色,就使用它。

步骤3:在Illustrator中制作模板

一旦你对你的详细草图感到满意,扫描它在一个非常低的分辨率,像72 dpi

然后将草图通过文件>放置到你的工作文档中。

然后,在图层面板中,双击草图所在的图层并勾选模板出现的对话框中的。

在相同的对话框中,您还可以指定一个较好的暗淡值(用于跟踪的图像的亮度);我使用50%

步骤3:在Illustrator中制作模板

第四步:在轮廓模式下使用钢笔工具绘制基础形状

现在在模板上面新建一个图层,命名为'基地形状”。在你开始用钢笔工具跟踪草图的基本形状之前,首先通过Cmd/ ctrl -点击图层名称旁边的眼球图标,将这个图层转换为轮廓模式。

第四步:在轮廓模式下使用钢笔工具绘制基础形状

轮廓模式非常方便,因为它只预览你创建的没有填充或描边的矢量线。

步骤5:为了方便使用两个视图和智能指南

当用钢笔工具跟踪时,我为我的工作文档创建了一个新的窗口预览,因为我将它设置为非大纲模式,缩小并带有隐藏的边缘。在文档的另一个视图上,我可以在大纲模式下放大我的作品。

最重要的是,你应该在跟踪时打开智能指南(Cmd/Ctrl + U)。

智能指南是必须的,因为当鼠标悬停在路径或锚点上时,它们会给你注释。

要为你的工作文档设置两个视图:转到Window > New Window(这会生成一个重复的视图)。之后,进入窗口>排列>平铺(这放置两个窗口并排)。

步骤5:为了方便使用两个视图和智能指南

步骤6:在独立且有组织的图层上跟踪所有元素

在跟踪元素时,将它们分组并组织起来是一个好习惯。将元素保存在直观命名的层中,以帮助您稍后找到它们。

步骤6:在独立且有组织的图层上跟踪所有元素

步骤7:除了钢笔工具,其他有用的工具

使用钢笔工具后,您可以使用以下工具进一步操作和重新定位路径:

铅笔工具(N):允许您自由地操作路径。你所要做的就是用铅笔工具点击路径并自由绘制;但要确保当你释放时,你仍然在同一条路径上。同样非常方便的是隐藏的平滑工具,当你按下Opt/Alt绘图时,铅笔工具就变成了平滑工具。

缩放工具(S)和旋转工具(R):在下面的示例图像中,使用缩放和旋转工具在旋转角色的头部和头发以及调整她的身体比例方面是有用的。然而,这些工具的真正功能在于能够生成一个枢轴点,当使用这些工具应用转换时,它被用作一个锚点。在使用任何这些转换工具时,通过点击并释放来创建一个支点。

隔离模式:是一个非常方便的特性,它使您能够隔离单独的路径或组。这确保您不会选择不想选择的内容。要进入隔离模式,只需双击单个路径或组。

探路者面板:这让我能够使用组合命令将角色的臀部、腿和脚放到一条路径上。

步骤7:除了钢笔工具,其他有用的工具

步骤8:分开和组织

现在是时候再次访问图层面板,创建图层和组,并确保一切都是有序的。女人被赋予了自己的图层,因为她不再只是“基础形状”。我再怎么强调这一点也不为过,因为我知道当我偷懒完成一件作品时,它的层次没有组织,我就再也不想重看它了。

你永远不知道什么时候你需要重新审视一件作品。

分离和组织

第九步:把装饰品做成美术刷

你可能想用钢笔工具画出一些元素。画笔是很好的东西;它们允许你使用图形作为画笔。要在你的画板中制作一个装饰品或任何其他元素到美术刷中,只需用选择工具(V)选择它并将其拖到画笔面板中。

当您这样做时,将出现一个弹出式菜单,您可以在其中选择新艺术刷选择。你可以随意修改设置,但我通常只使用默认设置,除了成比例的选择启用。

把装饰品做成美术刷

然而,在轮廓模式下的美术笔刷,你将看到的是一个单一的路径由笔刷笔触。

要获得实际图形的填充和描边,请转到对象>扩展外观。

步骤10:将钢笔跟踪的元素放入填充路径中

当用钢笔工具跟踪模板时,我用默认的白色填充和黑色描边勾勒出元素的形状。您可以通过选择闭合路径然后按d来轻松实现这一点,当它被选中时,通过按正斜杠(/)消除白色填充。

只使用黑色描边,跟踪元素的所有细节。

然后,选择元素的所有路径,并通过按下Opt/Alt + Cmd/Ctrl + X将其转换为一个活动绘制组。

进入效果>探路者>划分。

使用对象>扩展外观命令,然后按键盘上的D键。

将钢笔跟踪的元素放入填充的路径中

你现在已经准备了一些简单的色彩与滴管工具(I)的元素。

步骤11:用滴管工具快速给路径上色

现在,您已经将跟踪的元素设置为闭合路径,是时候根据需要给它们上色了。我所做的是定位颜色面板接近我想上色的艺术品。

选择滴管工具(I),从颜色面板中选取你想要填充/描边的颜色。

使用滴管工具(I),选择/Alt +点击路径或填充,看看滴管可以如何使用类似于活油漆桶工具。这是一个方便的技巧,可以快速轻松地为你的路径上色。

用滴管工具快速在路径上着色

步骤12:做一个粗略的比较

一旦你将所有元素着色并分组,你便可以在工作画板上粗略地将它们组合起来。

用这种方式优化构图更加灵活和有趣,因为你可以改变比例,复制元素,改变颜色和执行其他插图过程。

做一个粗略的比较

步骤13:用边框塑造构图

在进行粗略的比较时,我喜欢把艺术品框在边框内。

为此,我首先创建一个新图层作为图层堆栈的顶层。然后我用矩形工具(M)创建一个矩形与工作画板相同的大小和位置。

然后我剪切(Cmd/Ctrl + X)矩形,创建一个更大的矩形,然后使用编辑>粘贴在前面(Cmd/Ctrl + F)。确保这两个矩形有一个黑色填充(# 000000),然后划了起来没有一个

用选择工具(V)选择两个矩形,并在路径查找器面板中使用减法命令。

用边框塑造构图

步骤14:用渐变创建深度

当制作像这个例子一样的插图时,细节和深度感是很重要的。渐变是完美的,因为你可以创建阴影和强调前景元素。

要制作自定义渐变,只需使用渐变面板进行实验。

以下是关于渐变面板的一些方便和基本的技巧:

选择/Alt +拖动一个颜色停止让你复制它。

摆弄渐变滑块(它们是灰色和菱形的)可以改变相邻两种颜色的混合方式。

如果你想要一个颜色停止与画板上的颜色相同,只需在渐变面板上选择颜色停止,并shift单击你想要的颜色,颜色停止将继承该颜色。

用渐变创造深度

步骤15:用画笔让生活更轻松

美术刷可以非常方便地为艺术作品添加一些快速和基本的细节。正如你在下面的图片中看到的,我已经使用美术笔刷在艺术品的一些黑色斑点上创建了一些高光的基本路径。你可以观察到,高光部分是一个圆角矩形和一个圆。

然后我制作一个美术刷,用它来绘制,当我完成时,我展开路径的外观(对象>扩展外观)。展开后,我用铅笔和光滑工具操作高亮路径。

用艺术画笔让生活更轻松

步骤16:用画板交替构图

在这个项目的这一点上,也许你想尝试其他的构图想法。但从零开始创作一幅作品是一个相当密集的过程。因此,我建议在工具面板中使用画板工具(Shift + O)复制你已经拥有的内容,并对复制的内容进行试验。

要做到这一点,首先要确保您也将复制画板的内容用画板移动/复制艺术品选项(在画板工具的选项栏中找到)被打开。

交替构图与画板

激活该工具后,按住Opt/Alt并拖动所选区域以复制画板及其内容。

交替构图与画板

步骤17:使用“打印模板”技术添加到作品中

当你在画插图的时候,你可能会意识到你想要通过手绘给它添加更多的元素。我称之为“打印模板”技术。为此,您需要打印出一个调暗的模板:使用画板中的美术制作一个复制的画板,选择画板中的所有美术,然后转到对象>光栅化。

然后调暗模板,用透明面板降低这个栅格化图像的不透明度。

现在,您可以将此图像作为模板打印出来,以便在其上涂鸦其他元素。注意,在“打印”对话框中,必须指定适合页面选项和模板所在的画板号。

使用“打印模板”技术添加到作品中

步骤18:在模板上涂鸦

有时我发现自己演奏到一半,感觉很没有灵感。这一步是我在胆怯时喜欢做的事。它让我兴奋,让我产生更多的想法,使作品更好。

我先用铅笔粗略地画一些东西,然后用粗的黑色钢笔完成。在创建本教程中用作示例的作品时,我使用了两次打印模板技术。

在模板上涂鸦

一旦你完成了你的图纸,扫描它回来,为它做一个新的画板,把你的扫描到新的画板(文件> place),并使它成为一个模板。

都很适合用笔追踪!

步骤19:使用资产库回收元素

另一种在创作过程中保持创造力的方法是建立一个资产库。我有一个Illustrator文档(如下图所示,在右边),当我无聊的时候,我在里面做实验,添加东西;它是我的简单图形库。

在制作这个文档时,我通常会浏览我的速写本,找到我想用数字方式制作的主题。

有时我会拍一张草图的照片,把它们用作模板。其他时候,我只会看看草图,即兴创作,在Illustrator中进行实验。

也就是说,这类文档肯定有实际用途,因为它可以作为一个主题库,可以复制并粘贴到您当前的项目中。

下面你可以看到我把红色渐变花(从右边)用在我的新作品中(在左边)。

利用资产库回收元素

步骤20:使用隔离模式和铅笔工具操作创建变化

在作品中创造变化是将细节融入其中的好方法。您可以利用隔离模式和铅笔工具操作来做到这一点。

如下图所示,这些形状由颜色统一,但形状不同。

由于它们被分组在一起,它们可以被隔离,而不会意外地选择其他任何东西。

使用隔离模式和铅笔工具操作创建变化

步骤21:遮盖你的艺术品

在Illustrator中,掩蔽在创造深度的错觉中是有用的,如下图所示。

掩盖你的艺术品

要在Illustrator中遮罩一些东西,你必须有maskee(元素被掩盖)下面戴面具的人(具有遮蔽形状的单一路径)。

然后选择遮罩和遮罩并按Cmd/Ctrl + 7创建遮罩。

然而,如果你想提交遮罩形状(实际填充和笔画),请执行效果>探路者>分割,然后对象>扩展外观。

步骤22:使用两个视图来定位细节

细节可以成就或毁掉一件作品。因此,调整它们直到你得到正确的结果是很重要的。

你想确保它们在正确的位置,所以你想放大,但你也想看看它们是如何融入整个构图的,所以你想缩小。

放大和缩小可能是乏味和不同步的;这就是“两个视图”技术派上用场的地方。

下面,你可以看到两个视图:一个放大了(左),另一个显示了整个构图(右)。

使用两个视图来定位细节

第23步:Photoshop时间!

一旦你的作品在Illustrator中完成,就可以导出到Photoshop中了。转到File > Export并指定要导出的画板,以及您希望它是什么格式。

我一般出口高质量的JPG与300 dpi只是为了安全起见,以防以后我想用它来打印。

在Photoshop中打开导出的文档。

步骤24:图像调整

我在Photoshop中做的第一件事是打开调整面板,尝试各种可用的调整。

尝试图像调整是非常鼓舞人心的,因为它可以让你探索各种配色方案和情绪。我特别喜欢玩水平,曲线,选择性颜色,色调和饱和度。

图像调整

步骤25:为艺术作品添加纹理噪声

在Photoshop中新建一个图层(Shift + Cmd/Ctrl + N),并指定如下设置。

为艺术作品添加纹理噪声

然后执行:滤镜>噪声>添加噪声。你想要添加多少噪音取决于你自己。

现在你有了一层噪声。你可以通过调整图层的不透明度来软化底层的噪音效果。

为艺术作品添加纹理噪声

步骤26:添加原汁纹理

对于这幅作品,我在构图中添加了一个纹理,并将其混合模式设置为.这样做给矢量作品一个触感。你可以通过改变纹理层的不透明度来调整纹理的强度。

增加股票的纹理

步骤27:添加照片滤镜调整

照片滤镜是一种图像调整,在创造艺术作品的整体情绪方面起到了重要作用。这是一种很好的方法,可以将一件作品联系在一起,建立它的总体基调。

添加照片滤镜调整

步骤28:添加模糊蒙版

作为画龙点睛之笔,我们将添加一个模糊蒙版。你要做的第一件事就是合并你所做的一切。一个简单的方法是在图层面板中选择一个图层,按Shift + Cmd/Ctrl + Opt/Alt + E Shift-Cmd/Ctrl-Opt/Alt-E。

这样做可以在堆叠顺序的顶部将所有内容合并到单独的层中。

选择合并图层,点击滤镜>模糊>高斯模糊。指定一个金额,并确保您可以通过勾选旁边的方框预览金额预览选择。

添加模糊蒙版

然后为这个图层创建一个图层蒙版,填充黑色(# 000000).

添加模糊蒙版

之后,使用白色,软边笔刷,并画回模糊。这是这件作品的最后一步。

结论

本教程与其说是创建特定艺术作品的一步一步教程,不如说是向您展示我将插图数字艺术作品组合在一起的一般过程。

我希望你已经获得了一些新的技巧,将使你的生活更容易处理一个新的项目,当使用Illustrator或Photoshop。

预览

WebFX职业

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

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