在今天的AdobeIllustrator教程中,我们将使用简化的矢量形状和纯色大胆的颜色创建一个可爱的卡通风格的空间场景插图。我们将使用各种各样的工具和技术,这使得这是一个伟大的教程插画新手。了解如何通过组合许多单独绘制的元素来构建完整的插图。

矢量空间场景

我们将要创作的插图以平面卡通风格为特色,所有行星和卫星都用大胆的图案装饰。制作这幅插图的过程涉及许多不同的过程,以设计每一种图案,并将各种形状修剪到合适的尺寸,这些都是掌握Adobe Illustrator所需的关键技术。

矢量空间场景

在任何维度创建新文档,然后转到“查看>隐藏艺术板”。矢量图可以缩放到任何尺寸,因此,与Photosbeplay足球hop不同,初始文档大小并不重要。从工具栏中选择矩形工具并将形状拖到艺术板上。按住SHIFT键,将尺寸限制为一个完美的正方形。通过选择样本添加深蓝色作为填充颜色,滴眼颜色或调整CMYK滑块。

矢量空间场景

画一个大圆以重叠矩形的左下角。给这个形状一个绿松石填充,然后选择两个形状。选择“形状生成器”工具并按住Alt键,同时将鼠标悬停在圆的较大部分上。单击此区域将其删除,将较小的圆修剪到正方形的边缘。我们现在已经完成了广场建设,所以按Cmd+2锁定它。这将防止我们以后不小心把它搬走。

矢量空间场景

选择笔工具并将填充颜色更改为亮绿色。点击一系列的点,粗略地描绘出一些国家/大陆,形成地球图。

矢量空间场景

选择所有绿色和绿松石形状,并使用“形状生成器”从绿色元素中修剪多余的区域。

矢量空间场景

单击空的艺术板上的任意位置取消选择所有内容,然后只选择绿松石形状。按Cmd+C复制,然后按Cmd+F粘贴到前面。将填充颜色更改为白色,然后绘制一个随机圆以重叠白色区域的大部分。选择这两个元素,然后单击PathFinder调色板中的“前减”选项,从白色元素中冲出临时圆形。

矢量空间场景

将白色元素左侧的不透明度更改为10%,以在地球周围创建一个微妙的高光。

矢量空间场景

画一个中间蓝色填充物的小圆圈来代表月球,然后开始画一个椭圆形来代表火山口。复制/粘贴此椭圆形状并沿对角线向右微移。选择并复制原始椭圆形状,然后将副本添加到所选内容中,并从“探路者”调色板中单击“减去前面”。

矢量空间场景

按Cmd+B键粘贴在新创建的新月形后的原始椭圆后面。这两种形状的填充物可以改变成更暗的蓝色。给新月形最深的蓝色给人一种阴影的印象。

矢量空间场景

选择两个形状并按Cmd+G组合,然后按住alt键,在月球周围拖动几个副本。将形状缩放并挤压成不同大小的椭圆形和圆形。

矢量空间场景

复制月亮的背景圆并粘贴到副本中。给它一个黑色填充,然后再复制一次。将此临时副本沿对角线向左移动,并使用“探路工具”冲出重叠部分,以形成新月形。就像我们处理火山口一样。

矢量空间场景

将“黑色新月”的混合模式更改为“倍增”,并将不透明度降低到10%,以创建一个微妙的阴影。

矢量空间场景

画一个黄色的圆圈,然后选择淡紫色,并使用斑点画笔工具在圆上随机绘制一些笔划。Wacom平板电脑确实有助于控制压力,改变管线的厚度。

矢量空间场景

按住SHIFT键并选择所有BLOB行。右键单击并选择“生成复合路径”(或按Cmd+8)。这将创建一个特殊的组,该组可能会受到路径查找工具的影响(如果没有复合路径,则会引发错误)。

矢量空间场景

快速复制黄色圆圈,然后选择圆和斑点线,并从Pathfinder调色板中单击Intersect选项。我们需要事先复制这个圆,因为它现在已经消失了。按Cmd+B粘贴到后面并替换丢失的背景。

矢量空间场景

在文档的其他位置画一个圆圈,并清除其填充颜色。切换到笔划并添加浅粉色。按住ALT键并按住SHIFT键,同时向下缩放圆以创建较小的副本。按Cmd+D再次转换以自动创建第三个圆。

矢量空间场景

壁球,拉伸并旋转这些圆以在黄色行星周围形成一系列的环。

矢量空间场景

在使用探路器修剪环之前,首先需要将其转换为实体形状。转到“对象>展开”,然后仅选择“笔划”选项。

矢量空间场景

这三个环还需要组合成一个复合路径,这样它们就可以用探路工具进行操作。

矢量空间场景

复制并贴上黄色圆圈的副本,然后画一个随机形状覆盖下半部分。使用“探路者减去前面”选项冲出此形状。这会留下一个黄色的形状,只覆盖环的上半部分。

矢量空间场景

从环上冲出暂时的黄色形状,让人觉得它们正在绕着行星一路流动。

矢量空间场景

把行星圆的另一个副本粘贴进去,然后给它一个黑色填充,重复探路者的过程,以创建另一个新月形阴影形状。

矢量空间场景

同样的探路者技术也可以用来创造我们的第三颗行星。这次画一个红色的圆,加上一系列随机的圆,一些延伸到行星轮廓边缘之外。

矢量空间场景

从所有单个圆中创建复合路径,快速复制背景圆,然后相交以将其缩小到合适的大小。使用cmd+b快捷方式粘贴回后台。

矢量空间场景

重复这些步骤以创建阴影,添加相同的乘法混合模式,并减少10%的不透明度。在构成每个行星的所有元素周围绘制一个选项,然后按Cmd+G组合。

矢量空间场景

从“形状工具”集合下选择星形工具。按住SHIFT键保持形状笔直,然后在释放形状之前,使用光标键更改点数。同时按住Cmd键,同时拖动形状以更改点的大小。

矢量空间场景

给星星一个黄色填充,然后继续在设计中添加随机大小的形状来填充空白区域。四颗星交替,多样性5分和6分。

矢量空间场景

纯色插图效果很好,但我总是喜欢在我的作品中添加微妙的纹理。从我的矢量缓冲块,给它一个白色的填充物,然后把它放在艺术品上。按Cmd+Alt+2解锁蓝色背景方块。将此形状与“Pathfinder Intersect”选项一起使用,以将纹理修剪为大小,然后将方形背景粘贴回。

矢量空间场景

将纹理的混合模式更改为“覆盖”,并将不透明度降低到20%,以允许小颗粒细微地改变基础形状的颜色。

矢量空间场景

这使得我们的向量空间图解完整。使用明亮大胆的颜色和简单的形状有助于实现卡通式的插图风格,而微妙的底纹和纹理提供了额外的赏心悦目的细节。

访问此下载

喜欢这个设计?拿着T恤!

七十八
分享
在Pinterest上共享
19评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

19评论

  1. 另一个很好的教程。然而,你能告诉我你如何从Illustrator导出你的图像,使其看起来如此清晰和光滑吗?当我使用“保存为Web”选项时,文本尤其显得参差不齐,即使我正在使用类型优化。在为Web导出时,是否有特定的方法?

  2. 这太棒了。很容易理解……在没有压倒性或太容易的情况下,只接触了适当数量的插画技巧。

  3. 克里斯,

    我还没试过这个,但我妻子一直渴望学习插画。所以,这对她来说应该是个很好的介绍。

  4. 非常感谢你,克里斯!我正在开始本教程。让我们看看我是如何踏过人工智能水域的!再次感谢!看起来非常有趣!:)

  5. 好教程,谢谢分享。你用了几个我不知道的命令,像Cmd+D一样再次转换。矢量纹理也是一种很好的资源。竖起大拇指:)

  6. 亲爱的克里斯,

    请允许我使用已完成的矢量空间插图制作公共海报。

    希望能收到你的来信。

    谢谢!

评论现已关闭