1.如何设置新的项目文件
由于我假定您已经在后台运行了Illustrator，请将其启动，并使用以下设置为我们的项目设置新文档（文件>新建或Control-N）：
画板数量：1
宽度：1200 px
身高：600 px
单位：像素
然后从高级选项卡：
颜色模式：RGB
栅格效果：屏幕（72ppi）
预览模式：默认
快速提示：你们中的一些人可能已经注意到，将新对象与像素网格对齐选项丢失。这是因为我正在运行该软件的新版CC 2017版本，其中Illustrator处理形状捕捉到底层像素网格的方式发生了重大变化。
2.如何设置自定义网格
现在，我知道我们今天没有在图标上工作，但由于我们将使用像素完美的工作流创建插图，因此我们需要设置一个漂亮的小网格，以便我们可以完全控制我们的形状。
步骤1
转到编辑>首选项>指南和网格子菜单，然后调整以下设置：
网格线：1 px
细分：1
第2步
一旦我们设置了自定义网格，我们需要做的就是确保我们的形状看起来很清晰，可以在视图菜单下找到对齐网格选项，每当您进入像素预览时就会转换为对齐像素模式。
3.如何设置图层
一旦我们完成了我们的项目文件的设置，使用一些图层来构建我们的文档将是一个好主意，因为通过这种方式，我们可以一次关注一个部分，从而保持稳定的工作流程。
这就是说，调出图层面板并共创建六层，我们将重新命名为：
第1层：背景
第2层：框架
第3层：前景线
第4层：建筑物
第5层：水线
第6层：天空线条
4.如何创建框架
正如你可能已经注意到的那样，我们的小城市在一个相当大的矩形内完美地构建，我们将以类似的方式使用我们通常使用参考网格的方式，因为我们将定位我们的形状与它的外边缘，以重建构图。
步骤1
首先确保我们位于正确的图层上（即第二个图层），然后使用1120 x 520像素的矩形为我们的帧创建主要形状#282020，然后将其着色与我们的画板对齐。
第2步
通过按下Shift-X，然后将笔画的重量设置为8像素，将刚刚创建的形状转换为轮廓，确保在完成后锁定其图层。
5.如何创建前景线
在开始之前，请确保您位于正确的图层上（这将是第三个图层），然后放大其左下角，以便您可以更好地了解要创建的内容。
步骤1
使用36像素宽8 px厚的Stroke（#282020）创建前景的较小线段，我们将在距框架左边缘84像素和底部边缘50像素处定位。
第2步
使用900像素宽8像素厚的Stroke（#282020）创建更大的线段，我们将在8像素距离的位置右侧放置我们刚刚创建的Stroke（）。
完成后，选择并将两个线段组合（Control-G），然后锁定其图层。
6.如何创建第一座建筑
我们下一步就是开始研究构成我们天际线的小建筑。这就是说，确保你在正确的层次上（这将是第四个），然后放大到Artboard的左下角，以便我们开始。
步骤1
使用48 x 106 pxrectangle（#282020）创建第一座建筑物的主要形状，我们将通过翻转它的FillwithStroke（Shift-X），然后将其Weight设置为8 px来变成轮廓。将结果形状放置在较大的前景线段上，距离其左边缘24 px。
第2步
通过创建两个16 x 10 px长方形，并使用一个8 px厚的Stroke（#282020），我们将底部对齐其每个角，开始添加细节到建筑物，以确保它们的笔画最终彼此重叠。
第3步
使用7个48像素宽8像素厚的笔画线（#282020），添加窗口，我们将以12像素的距离垂直堆叠。完成后，将线条（Control-G）分组，然后将水平中心与建筑物的上部分对齐。
在你继续之前，选择并分组（Control-G）我们迄今为止分离建筑物不同部分的所有形状。
步骤4
使用一个32 x 12像素矩形和8像素厚的Stroke（#282020）创建屋顶，我们将位于建筑物轮廓的顶部，确保居中对齐到较大的组。
第5步
通过创建一个14 x 12 px的矩形（#282020）来开始向屋顶添加细节，我们将把它放置在轮廓的上半部分，然后将其与其左边缘对齐。
第6步
在上一步创建的形状顶部创建并定位一个6 x 4 px矩形（#282020），并将其与其右边缘对齐，确保将它们（Control-G）组合在一起。
第7步
通过创建一个10 x 8 px的矩形（#282020）来完成屋顶的建设，我们将把它放置在屋顶轮廓的顶部，并将其与其右边缘对齐。完成后，使用Control-G键盘快捷键选择并将所有屋顶的组合形状组合在一起。
第8步
由于我们已经完成了第一个建筑的工作，现在我们可以选择其所有组成部分，并通过使用Control-G键盘快捷方式或通过右键单击>组进行分组。
7.如何创建第二座建筑（SkyDome）
向右移动几个像素，然后让我们开始研究第二栋建筑，这是多伦多着名的标志性的SkyDome（现罗杰斯中心）。
步骤1
通过创建一个224 x 56像素的矩形和8像素厚的Stroke（#282020），我们将位于前景细节线上，距离第一座建筑物64像素距离，开始在圆顶中心部分工作。
第2步
使用一个48 x 20 px矩形和一个8 px厚的Stroke（#282020），为中心的一组窗口创建框架，我们将中心对齐到较大的形状的底部。
第3步
使用钢笔工具（P），绘制两个20 px高8 px粗笔划线（#282020），我们将相互放置16 px，分组（Control-G），然后将它们对齐到框架中。
步骤4
通过绘制一个48像素宽4像素厚的笔画线（#282020）（我们将它的中心对齐），然后选择并分组（Control-G）所有其构图形状，结束中间窗框。
第5步
创建两个我们刚刚完成工作的窗口集的副本（Control-C> Control-Fx 2），并在圆顶的每侧放置一个，距离原始图像的距离为24 px。
第6步
通过使用224 x 12像素长方形和8像素厚的Stroke（#282020）我们将中心对准它的主体，距窗户4 px距离来创建框架，开始在圆顶的顶部窗口行上工作，我刚刚完成了工作。
第7步
创建窗口使用九个12像素高8像素厚的笔画线（#282020），我们将彼此放置24像素，分组（Control-G），然后居中对齐到较大的框架。
一旦完成，请选择我们刚刚创建的框架和垂直划线，并将它们和圆顶的整个前部分组合在一起（Control-G）。
第8步
通过创建一个38 x 76 px的矩形，开始在建筑物的左侧部分上进行工作，该矩形带有一个8像素厚的Stroke（#282020），我们将其放置在侧面，以便它们的路径重叠。
第9步
首先打开像素预览模式（Alt-Control-Y），然后在其路径中添加两个新的锚点，其中一个距离其左边缘12px，然后是另一个锚点只有8个像素。
然后，选择两个右上角的定位点并将它们向下按8像素（右键单击>变换>移动>垂直> 8像素）。
第10步
通过创建三个38 px宽4 px厚的笔划线（#282020），我们将相互垂直堆叠6 px，分组（Control-G），然后居中对齐到较大形状的底部边缘，距离只有4 px。
第11步
创建另一组两个38 px宽4 px厚的笔划线（#282020），我们将在彼此之间以10 px的距离垂直堆叠，将它们放置在距前一行4 px的距离之上。
第12步
在我们刚刚创建的两条线之间添加一个8 x 10 px矩形（#282020），将它放置在与该部分的较大轮廓相距4 px的位置，之后将所有三个形状选择并分组（Control-G）。
步骤13
创建刚刚分组的形状的副本（Control-C> Control-F），然后将其垂直放置在与原始距离为8 px的位置，选择并分组（Control-G）所有侧面部分之后组成形状。
第14步
使用我们刚刚完成的工作副本创建建筑物的右侧部分，我们将定位以使路径重叠，确保事后垂直反射（右键单击>变换>反射>垂直）。
第15步
通过创建一个224 x 80像素的椭圆和8像素厚的Stroke（#282020），开始在圆顶的屋顶上工作，我们将中心与圆顶对齐，使其外部锚点与建筑物侧面部分重叠。
步骤16
调整我们刚刚通过与的帮助捏它的侧锚点创建的形状锚点工具（Shift-C键事后通过选择具有其底部锚点），切成两半直接选择工具（A），然后按Delete删除它。
步骤17
创建屋顶的外部部分，使用276 x 108像素的椭圆和8像素厚的Stroke（#282020），我们将定位在圆顶上，以使其外侧锚点与建筑物侧面部分的顶部重叠。
步骤18
使用相同的方法调整我们刚刚创建的形状，然后选择并移除其下半部分，以便最终获得一个不错的螺栓顶部。
步骤19
通过创建一个48 x 104 px椭圆和8 px厚的Stroke（#282020），开始在屋顶的拱门上工作，我们将通过选择并删除其底部锚点（删除）来减少一半。完成之后，将产生的形状与屋顶的内部对齐，将其定位，以使其路径重叠。
步骤20
使用一个128 x 104 px椭圆和8 px厚的Stroke（#282020）添加第二个拱形线，我们将通过去除其下半部来调整结果形状与先前创建的拱形的中心对齐。
步骤21
创建第三条和最后一条拱线，使用196 x 104像素的椭圆和8像素厚的Stroke（#282020），我们将通过去除其下半部来调整，然后将生成的形状与先前创建的形状对齐。
