图/文
注：此教程为英翻教程，软件操作不娴熟的小伙伴儿，谨慎尝试哦。翻译不足之处或者有错别字，自行脑补一下哦。
1.建立新文档
Ctrl-N 键盘快捷键来创建一个全新的文档，然后按如下所示进行调整：
在“高级”标签中：
2.设置自定义网格
步骤1
我们感兴趣的设置可以在“编辑”>“首选项”>“参考线和网格”子菜单下找到，并应进行如下调整：
第2步
设置好自定义网格后，为了确保形状清晰，我们需要做的就是启用“视图”菜单下的“对齐网格”选项，该选项将在您每次进入“像素预览”时转换为“对齐像素”。模式。
3.设置一些层
创建文档后，我们现在可以通过创建一组单独的图层来准备项目，这将有助于我们分离插图的不同部分，从而使工作流程变得更加容易。
因此，假设您知道如何使用“图层”面板，请启动它并创建四个图层，并将其命名如下：
4.创建背景
步骤1
抓住圆角矩形工具，创建一个较小的30 x 8 px形状（#）和一个4 px的边角半径，然后创建一个较大的254 x 8 px（#），我们将 彼此放置8 px，并确保将它们垂直居中距画板底部约182像素处。
第2步
抓住椭圆工具（L）并通过绘制304 x 186 px椭圆创建背景的上部，我们将使用#对其进行着色，然后调整其总体形状，直到看起来类似于豆子。
第3步
使用钢笔工具（P），绘制沙丘（地方约312 X 142像素使用）#作为填充颜色，并确保定位在背景顶线新的形状。
步骤4
选择沙子形状，然后通过转到“对象”>“路径”>“偏移路径”并为其施加8像素的偏移量来为其设置8像素的轮廓，我们将使用对其进行着色。#
第5步
首先创建沙丘的两个主要形状副本（Ctrl-C> Ctrl-F），以突出显示沙丘。然后，将最上面的一个向底部移动4像素，然后选择它和下面的一个，然后使用路径查找器 减 形状模式创建新形状。
第6步
通过使用白色（#）对其进行着色，然后将其“混合模式”设置为“柔光”，同时将其“不透明度”降低到80％，将得到的形状变成高光。
步骤7
通过绘制一些简单的矩形#作为主要颜色，开始在城市的两个部分上工作。花点时间，并提出自己的版本，使插图独特。然后，一旦完成，请继续下一步。
步骤8
放大城市的左侧区域，然后使用随附的参考图像开始在小X翼上工作。
步骤9
完成X翼的创建后，将所有组成的形状分组在一起（Ctrl-G），然后将其定位在塔的右侧，并在塔的#后面添加一些细微的尾线（）。
第10步
通过添加小太阳来结束背景，我们将使用14 x 14 px的圆圈（#）创建该小太阳，并向其添加4 px的粗轮廓（#）。然后，为其提供2 px厚的内部高光（颜色：白色；混合模式：柔和的光；不透明度：80％），以及两个8 px的偏移量，它们将用作外部发光（颜色：白色；混合模式：柔和的光；不透明度） ： 80％）。
步骤11
将所有背景元素都放置到位后，选择它们并进行分组（Ctrl-G），然后使用底层豆形椭圆的副本（将其粘贴在顶部）来对其进行遮罩（右键单击>创建剪贴蒙版）。
5.创建BB8
步骤1
抓住椭圆工具（L），创建一个100 x 100像素的圆（#），我们将在轮廓上应用8像素的偏移量（#），然后将两个形状都放置在背景线上，确保轮廓与背景线重叠。
第2步
通过创建一个60 x 60 px的圆（#）（1），添加头部，我们将使用直接选择工具（A）选择其底部锚点，然后按 （2），将其切成两半 。然后，添加一个60 x 12像素的矩形（3），我们可以通过将其底部锚点向内推6像素（4）来进行调整。合并两个形状（5），然后使用“偏移路径”方法（6）为它们提供8 px的轮廓（）。
#
第3步
为机器人头部创建主要形状后，将它们分组，然后将其放置在身体上，使其稍微重叠。
步骤4
至此，我们已经有了BB8小机器人的主要形状，这意味着我们现在可以开始向它们添加细节了。首先在头部的下部添加一个细微的阴影，我们将使用76 x 4 px矩形（#）创建该阴影，然后使用基础形状的副本作为剪贴蒙版进行遮罩（右键单击>进行剪贴）遮罩）。
第5步
上掩蔽的阴影双击进入隔离模式，然后添加76×10像素的矩形（#）朝向其上部分，和另一个76×2像素一个（#在它的上面）。
第6步
在仍然选择“矩形工具”（M）的情况下，向头部的上部添加另一条更细的76 x 2像素的线（#），在它和较大的轮廓之间留出2像素的空白空间。
步骤7
向我们在上一步中创建的水平分隔线的上部 添加4 x 1 px的线段（#），并确保将其与中心对齐。
步骤8
接下来，朝头部的下部移动，并使用不同的宽度值添加几个2 px高的矩形（#），它们将用作细部线条。完成后，选择它们并进行分组（Ctrl-G），以免它们放错位置。
步骤9
选择深橙色（#）作为主要填充颜色，并在矩形工具（M）的帮助下使用它绘制一堆矩形和直线，从而继续在头部添加细节。
第10步
使用白色（#）作为填充颜色，使用柔光作为混合模式，并将不透明度降低到90％，在主分隔线上添加一些细微的高光。
步骤11
接下来，在头的上部添加一个环形高光，使用白色（#）作为填充颜色，将“柔光”用于混合模式，并将不透明度降低到80％。
另外，请确保将高亮显示在两条分隔线的下方，以使其最终仅与橙色部分重叠。
步骤12
抓住椭圆工具（L）并绘制一个16 x 16 px的圆圈（#），我们将其定位到机器人头部的中心，距其顶部6 px。
步骤13
在我们刚使用16 x 8 px椭圆创建的相机上 添加一个微妙的高光（颜色：白色；混合模式：柔光；不透明度： 60％），并确保使用较小的8 x 8 px圆圈对其进行遮罩。
步骤14
向左下角 添加另一个2 x 2 px细微的反射，使用一个具有与上一个突出显示相同的值的圆。
步骤15
通过选择机器人的底部锚点并将其向底部推4 px，创建该机器人的主要眼相机形状的副本，并将其变成阴影。然后，将其不透明度降低到40％，并通过右键单击>排列>向后发送几次，直到将其正确设置，确保将其放置在相机本身下方。
步骤16
使用相同的过程 添加另一个较小的8 x 8像素的眼睛摄像头，并将其放置在头部右侧，与颈部之间留出2 px的间隙。
第17步
使用椭圆工具（L）在由主眼相机和颈线创建的空白区域上添加一个4 x 4 px的圆圈（
#）。
步骤18
玩完BB8的头部通过添加使用较小的天线2×16像素圆角矩形（#）与1个像素角半径随后是高2×28像素酮（#）。将两个形状彼此放置 4 px，然后分组（-G）并将它们居中对齐到头部的上部。
步骤19
既然完成了头部的工作，我们就可以移至身体并逐渐开始向其添加细节。
首先，通过绘制一个116 x 16 px的矩形（#）在机器人头部下方添加一个微妙的阴影，我们将其不透明度降低到 60％进行调整，然后使用灰色填充圆作为剪贴蒙版进行蒙版。
步骤20
接下来，我们需要通过绘制一个60 x 60 px的圆圈（#），从机器人的身体上创建三个环形部分，然后使用的减号前端形状模式从中减去一个较小的48 x 48 px的圆圈。然后，我们将使用“偏移路径”方法简单地添加一个4像素的轮廓（），并创建环的两个副本，将它们定位如下并确保对其进行分组。
#
步骤21
一旦将三个环形部分放置到位，就可以在8 x 8 px矩形#的帮助下开始添加朝内的四个剪辑，我们需要通过将其顶部锚点向内推2 px来进行调整。在圆的两边放置一个剪辑，然后给它们相同的4 px轮廓，我们将其发送到圆环轮廓的背面（右键单击>排列>发送到背面）。#
步骤22
选择底部环，然后将其旋转（右键单击>旋转> 45度），以使剪辑现在位于对角线而不是横向。
步骤23
使用椭圆工具（L）在三个环段的每个中心添加一个8 x 8像素的圆（#）和一个4像素的轮廓（#）。
步骤24
开始使用三个真实的BB8的参考图像向三个环形部分添加越来越多的细节，以使其尽可能接近。在需要的地方添加阴影和高光，并使用我们已经构建的形状对其进行遮罩。
步骤25
将不同的细节添加到戒指后，就可以使用下面的灰色圆圈的副本作为“剪贴蒙版”来对其进行遮罩了。为此，只需选择所有必需的形状，然后将圆形的副本粘贴到它们的顶部（Ctrl-F），然后右键单击>创建剪贴蒙版。
步骤26
借助矩形工具（M），使用4 px的粗线（#）连接三个环形部分，如下所示。
步骤27
添加连接器线后，就该添加一些圆形插入了，我们将通过绘制一个4 x 4 px的圆（#）来创建该圆，我们将在其中添加2 px的轮廓（#）和一个较小的2 x 2 px圆（#）居中。分组所有三个形状（Ctrl-G），然后将副本放置在连接器线的每一侧。
步骤28
通过添加一些细微的高光来结束BB8的主体，对于较小的形状，您将使用2 px偏移量来创建BB8的主体，对于主体，将使用较大的4 px偏移量来创建。有了偏移，颜色使用这些白色（#）作为填充颜色，柔光为您的混合模式，以及90％的不透明度。
最后，选择机器人的头部和身体，然后使用Ctrl-G键盘快捷键将它们分组在一起。
6.创建渐变叠加
步骤1
在继续进行“覆盖”层之前，我们需要解锁所有其他包含插图形状的图形，并使用直接选择工具（A）来获取bean 的副本（Ctrl-C）形状的背景，背景线和机器人的身体，然后将它们粘贴（Ctrl-F）到第三层，再次锁定前两层。
第2步
选择形状后，转到“路径查找器”面板，然后单击向下的小箭头以显示选项，然后单击“制作复合形状”。
之所以这样做，是因为我们希望将它们变成一个单一的形状而不使它们变形，而如果我们使用统一形状模式，则可能会发生这种情况。
第3步
一旦我们创建了复合形，就可以弹出渐变面板和应用线性渐变，随着角度为90度，使用
#左颜色和#为正确的。
步骤4
通过将其“混合模式”设置为“滤色”并将“透明度”面板中的“不透明度”降低到68％来调整渐变。
7.添加纹理
添加渐变后，现在要做的就是在最后一层上应用漂亮的纹理，并使用白色（#）对其进行着色。您可以使用自己的纹理，也可以下载并应用我在当前教程的附件中提供的纹理。
至此就完成啦！
相关文章
