Illustrator绘制复古风格的城市黄金插画

先看看效果图

1.如何设置新的项目文件

假设您已经在后台启动并运行Illustrator，请将其启动，并使用以下设置为我们的项目设置新文档(文件>新建或Control-N)：

2.如何设置自定义网格

即使今天的项目不是基于图标的项目，我们仍然希望使用像素完美的工作流程创建插图，因此，让我们设置一个漂亮的小网格，以便我们可以完全控制我们的形状。

步骤1

转到编辑>首选项>指南和网格子菜单，然后调整以下设置：

网格线： 1 px

细分： 1

快速提示：通过详细阅读Illustrator网格系统如何工作，您可以了解有关网格的更多信息。

第2步

一旦我们建立了我们的定制网格，为了确保我们的形状看起来很清晰，我们所需要做的就是启用在视图菜单下找到的对齐网格选项(这就是如果您使用的是旧版本的Illustrator)。

现在，如果您对整个“像素完美的工作流程”很陌生，我强烈建议您阅读我的“ 如何创建像素完美图稿”教程，该教程将帮助您立即拓宽技术技能。

3.如何设置图层

一旦我们完成了我们的项目文件的设置，使用几个图层来构建我们的文档将是一个不错的主意，因为这样我们就可以一次关注插图的一个部分，从而保持稳定的工作流程。

这就是说，调出图层面板并共创建三层，我们将重新命名如下：

第1层：背景

第2层：照片堆栈

第3层：城市的插图

快速提示：我使用相同的绿色值为所有图层着色，因为当用于突出显示所选形状时(无论它们是封闭或开放路径)，它是最容易查看的图层。

4.如何创建背景

只要我们对文档进行分层，我们就可以通过创建浅色背景来开始处理项目，因此请确保将自己置于第一层，然后让我们直接跳入该文档。

步骤1

创建一个800 x 600像素矩形，我们将使用该颜色#FFF8F0，然后使用“ 对齐”面板的 水平 和垂直对齐中心选项将其对齐到底层Artboard 。

第2步

通过制作它的副本(Control-C> Control-F)，为我们刚刚创建的形状应用细微纹理，我们将通过将其颜色设置为其进行调整#808080。然后，只需转到效果> Photoshop效果>纹理>纹理，然后将强度设置为 40，将对比度设置为50，并将纹理类型设置为点画。

第3步

通过将其混合模式设置为柔光来 调整生成的纹理，然后使用Control-G键盘快捷键选择两个矩形并将它们组合在一起。

步骤4

使用Layers面板锁定当前图层，然后继续前进到下一个(这将是第二个)，我们将逐步构建我们的构图。

5.如何创建宝丽来即时电影堆栈

假设你已经将自己定位在下一层(即第二层)，那么让我们开始研究下一部分的插图，它将容纳城市本身。

步骤1

使用360 x 460 px矩形创建底部宝丽来的主要形状，我们将使用该矩形进行着色#E8D4BF，然后将其放置在画板的中央。

第2步

使用旋转工具(右键单击>变换>旋转> -8像素) 顺时针旋转角度为8º，调整我们刚创建的形状。

第3步

根据用于背景的相同过程和值，为产生的形状提供微妙的颗粒感纹理，只有这次才使用复印件#666666，将不透明度降低到40%。

步骤4

使用我们将位于画板中心的380 x 480像素矩形(#333333)，将其混合模式设置为柔光并将其不透明度设置为64%，添加将用作顶部宝丽来投影的辅助纹理。

第5步

选择并将(Control-G)两个纹理组合在一起，之后通过创建底层形状的拷贝(Control-C)(用红色突出显示)来屏蔽它们，我们将在前面粘贴(Control-F)，然后只需右键单击>制作剪贴蒙版。

第6步

使用360 x 460 px矩形添加前面的宝丽来，我们将使用该矩形进行着色#FFEED9，然后居中对准底层的Artboard。完成后，使用Control-G 键盘快捷键选择并将所有当前图层的形状组合在一起，确保在进入图示的下一部分之前将其锁定。

6.如何在右侧创建建筑物

只要我们完成了宝丽来薄膜叠层的工作，我们就可以进入第三层和最后一层，在那里我们将逐步建立我们的小城市。

步骤1

首先使用280 x 340 px矩形创建背景，我们将在其上应用线性渐变，#F9C958用于左侧颜色停止和#F97E58右侧。将角度设置为90º，将参考图像中显示的形状定位。

第2步

放大我们刚刚创建的渐变，并使用112 x 112像素圆圈添加太阳，我们将使用该圆圈进行着色#FFD18D，然后将距离较大形状底边的中心16像素距离放置。

第3步

通过使用108 x 112像素矩形为底部创建主形状，我们将使用该颜色#E87D60并对齐到渐变的右下角，开始在建筑物上工作。