1.创建新文档并设置网格
Ctrl-N来创建一个新文档。启用网格（“ 视图”>“显示网格”）和“ 对齐网格”（“ 视图”>“对齐网格”）。
2.创建封面
步骤1
选择矩形工具（M），然后将焦点放在工具栏上。从笔划中删除颜色，然后选择填充并将其颜色设置为R = 247 G = 148 B = 30。移动到画板上，只需创建290 x 150像素的矩形。
专注于此橙色矩形的底部，然后切换到直接选择工具（A）。选择左锚点并将其向右拖动45 px，然后选择右锚点并将其向左拖动45 px。
步骤2
返回到工具栏，将现有的填充色替换为R = 249 G = 193 B = 72，然后将焦点放在现有形状的左上角。
使用矩形工具（M）创建130 x 25 px的形状并将其放置在第一个图像中。切换到直接选择工具（A），然后将焦点放在此新矩形的右侧。选择顶部锚点，然后将其向左拖动10 px。
步骤3
重新选择到目前为止制作的两个形状，打开“ 路径查找器”面板（“ 窗口”>“路径查找器”），然后单击“ 合并”按钮。
步骤4
继续关注您的形状，选择直接选择工具（A），然后选择第一张图像中黑圈突出显示的三个锚点。移动到顶部栏，“ 圆角”15像素。
步骤5
禁用网格（Ctrl-'）和对齐网格（Shift-Ctrl-'），然后转到“ 编辑”>“首选项”>“常规”，并确保将“ 键盘增量”设置为1 px。
确保选择了黄色形状，并在前面进行两份复印（Ctrl-C> Ctrl-F> Ctrl-F）。选择顶部副本，然后使用键盘上的向下箭头按钮将其向下移动5像素。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。确保选择了结果形状，并用R = 39 G = 170 B = 225替换现有的填充色。
步骤6
确保选择了您的蓝色形状，并在前面制作两份（Ctrl-C> Ctrl-F> Ctrl-F）。选择顶部副本，然后使用键盘上的向上箭头按钮将其向上移动1 px。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。
确保结果形状保持选中状态，并集中在“ 外观”面板（“ 窗口”>“外观”）上。用简单的白色（R = 255 G = 255 B = 255）替换现有的填充颜色，然后单击该文本“ Opacity ”以打开“ 透明”弹出面板。将混合模式更改为柔光，并将不透明度降低到50％。
步骤7
确保选择了您的蓝色形状，并在前面制作两份。选择顶部副本，然后使用键盘上的同一向下箭头按钮将其向下移动1 px。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。
确保结果形状保持选中状态，然后将焦点放在外观面板上。用简单的黑色（R = 0 G = 0 B = 0）替换现有的填充色，将其不透明度降低到30％，并将混合模式更改为柔光。
步骤8
确保选择了蓝色形状，然后在正面进行复制。选择此副本，将其向上移动1 px，然后将其复制。选择此新副本并将其向上移动1 px。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。
确保结果形状保持选中状态，然后将焦点放在外观面板上。用简单的黑色替换现有的填充色，将不透明度降低到30％，并将混合模式更改为柔光。
步骤9
确保您的蓝色形状保持选中状态，并集中在外观面板上。首先，选择填充并将现有颜色替换为R = 249 G = 193 B = 72。接下来，使用“ 添加新填充”按钮为该形状添加第二个填充。
选择此新填充，将其混合模式更改为柔光，然后添加下图所示的复杂线性渐变。请记住，渐变图像中的黄色零代表不透明度百分比，而蓝色数字代表位置百分比。最后，事情应该看起来像第二张图片。
步骤10
确保选择了您的主要黄色形状，并在前面制作了两个副本（Ctrl-C> Ctrl-F> Ctrl-F）。选择顶部副本并将其向上移动7像素。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。用黑色填充生成的形状，将其不透明度降低到5％，并将混合模式更改为柔光。
步骤11
确保仍选择您的主要黄色形状，并用下图所示的线性渐变替换现有的填充颜色。
选择到目前为止制作的所有形状，然后单击Ctrl-G将它们分组。移动到“ 图层”面板，打开现有图层，双击组的名称，并将其重命名为“ frontCover ”。
3.创建封底
步骤1
启用网格（Ctrl-'）和对齐网格（Shift-Ctrl-'）。使用矩形工具（M）创建280 x 150 px的形状，将填充颜色设置为R = 39 G = 170 B = 225并将其放置在第一个图像中。
专注于此新矩形的底部，然后切换到直接选择工具（A）。选择左锚点并将其向右拖动45 px，然后选择右锚点并将其向左拖动45 px。如第二张图片所示，这会将您的蓝色矩形变成一个简单的梯形。确保它保持选中状态，并且直接选择工具（A）保持活动状态，将焦点放在顶部栏上，然后在“ 角落”框中输入15 px。
步骤2
禁用网格（Ctrl-'）和对齐网格（Shift-Ctrl-'）。
确保选择了您的蓝色形状，并在前面制作两份（Ctrl-C> Ctrl-F> Ctrl-F）。选择顶部副本并将其向下移动5像素。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。确保选择了结果形状，并用R = 57 G = 181 B = 74替换现有的填充色。
步骤3
确保选择了绿色形状，并在前面制作两份（Ctrl-C> Ctrl-F> Ctrl-F）。选择顶部副本并将其向上移动1像素。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。
确保结果形状保持选中状态，然后将焦点放在外观面板上。用简单的白色替换现有的填充色，将不透明度降低到50％，并将混合模式更改为柔光。
步骤4
确保选择了绿色形状，并在前面制作两份（Ctrl-C> Control-F> Ctrl-F）。选择顶部副本并将其向下移动1像素。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。
确保结果形状保持选中状态，然后将焦点放在外观面板上。用简单的黑色替换现有的填充色，将不透明度降低到30％，并将混合模式更改为柔光。
步骤5
确保选择了绿色形状，然后在正面进行复制（Ctrl-C> Ctrl-F）。选择此副本，将其向上移动1 px，然后将其复制（Ctrl-C> Ctrl-F）。选择此新副本并将其向上移动1 px。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。
确保结果形状保持选中状态，然后将焦点放在外观面板上。用简单的黑色替换现有的填充色，将不透明度降低到30％，并将混合模式更改为柔光。
步骤6
确保您的绿色形状保持选中状态，并将焦点放在外观面板上。首先，选择填充并将现有颜色替换为R = 249 G = 193 B = 72。接下来，使用相同的“ 添加新填充”按钮为该形状添加第二个填充。
选择新的填充，将其混合模式更改为柔光，然后添加下图所示的复杂线性渐变。请记住，渐变图像中的黄色零代表不透明度百分比，而蓝色数字代表位置百分比。最后，事情应该看起来像第二张图片。
步骤7
重新选择您的蓝色形状，并将现有的填充色替换为R = 244 G = 151 B = 45。选择此橙色形状以及用于突出显示它的其余形状并将它们分组（Ctrl-G）。
确保已选择此新组，然后使用Shift-Ctrl- [键盘快捷键将其发送回。移动到“ 图层”面板，找到这个新组，然后将其重命名为“ backCover ”。
4.创建文件
步骤1
启用网格（Ctrl-'）和对齐网格（Shift-Ctrl-'）。使用矩形工具（M）创建250 x 115 px形状，将填充颜色设置为R = 39 G = 170 B = 225并将其放置在第一张图像中。
专注于此新矩形的底部，然后切换到直接选择工具（A）。选择左锚点并将其向右拖动30 px，然后选择右锚点并将其向左拖动30 px。确保此蓝色形状保持选中状态，并且直接选择工具（A）保持活动状态，将焦点放在顶部栏上，然后在“ 角落”框中输入10 px。
步骤2
禁用网格（Ctrl-'）和对齐网格（Shift-Ctrl-'）。
确保选择了您的蓝色形状，并在前面制作两份（Ctrl-C> Ctrl-F> Ctrl-F）。选择顶部副本并将其向下移动1像素。重新选择在此步骤中制作的两个副本，然后从“ 路径查找器”面板中单击“ 减号”按钮。确保选择了结果形状，并用简单的白色替换现有的填充颜色。
步骤3
确保您的蓝色形状保持选中状态，并集中在外观面板上。选择填充并将现有颜色替换为R = 245 G = 245 B = 240。为该形状添加第二个填充，将其混合模式更改为柔光，并添加下图所示的线性渐变。
步骤4
重新选择下图中突出显示的两个形状并将它们分组（Ctrl-G）。确保已选择此新组，然后使用Control- [键盘快捷键将其发送回去。移至“ 图层”面板，找到在此步骤中创建的组并将其重命名为“ file ”。
5.添加细微阴影并为图标重新着色
步骤1
启用网格（Ctrl-'）和对齐网格（Shift-Ctrl-'）。对于此步骤，您需要每1 px有一个网格，因此请转到“ 编辑”>“首选项”>“参考线和网格”，然后在“ 每个网格线”中输入1。使用矩形工具（M）创建一个188 x 4 px的形状，使其变黑，然后如下图所示放置它。
步骤2
确保您的黑色矩形保持选中状态，使用Shift-Ctrl- [键盘快捷键将其发送回去，然后移至“ 外观”面板。
选择现有的填充，将其不透明度降低到20％，然后转到“ 效果”>“模糊”>“高斯伯”。输入5 px的Radius，单击“ 确定”，然后返回到“ 外观”面板。添加第二个填充，使其变黑并将其不透明度降低到3％。继续关注外观面板，确保选择了整个路径（只需从面板顶部单击该“ 路径 ”文本），然后转到效果>风格化>圆角。输入2 px半径，然后单击确定按钮。
步骤3
最后，这是您可以轻松为整个图标重新着色的方法。一张一张地选择四个黄色形状，然后简单地用下图所示的蓝色替换三个黄色。
步骤4
如果您喜欢红色版本，可以使用以下颜色。随意尝试不同的颜色。推荐：AI从入门到精通(视频教程)
至此就完成啦！
閱讀更多 GSan設計 的文章
