步骤3
在第一步的基础上,我们将关注于创建的形状右上角。利用矩形工具(快捷键M),绘制一个22px的正方形,并置于第一个图像之中,如示例所示。仅使用1pt的黑色描边填充。确保此新形状被选中,切换到“删除锚点工具”(-),单击顶部右侧的锚点(在第一个图像中已突出显示),如第二张图所示,这样你的小正方形就转变为三角形了。使用直接选择工具(A)保持激活状态,选择底部左侧锚点(在第二个图像中已标记),随后按Delete键。最后,你将获得一条如第三幅图所示的简单倾斜路径。
步骤4
选择这个倾斜路径与之前的圆角矩形,打开“路径查找器”面板(通过“窗口”>“路径查找器”),点击“划分”按钮。选择生成的形状组并取消分组(Shift + Ctrl + G)。
步骤5
在上一步中较小的形状上操作,将其填充颜色设置为R = 190,G = 192,B = 194,并将其移至最前(Shift + Ctrl +]),接着转到“对象”>“变换”>“旋转”,输入180度后确认。
步骤6
关闭“对齐网格”(“视图”>“对齐网格”),然后转到“编辑”>“首选项”>“常规”,确保“键盘增量”设定为1px。选择上一步编辑的小三角形形状,接着转到“对象”>“路径”>“偏移路径”,输入-1px偏移后确定。选择生成的形状进行复制(Ctrl + C)并置于前面(Ctrl + F),使用键盘向上箭头将其上移1px。最后,从“路径查找器”面板中选择“减号前”按钮。用R = 210,G = 212,B = 214填充生成的形状。
步骤7
重新选择三角形形状,再次执行“对象”>“路径”>“偏移路径”,输入-1px偏移后确定。复制此形状(Ctrl + C)并置于前面(Ctrl + F),使用键盘向下箭头将其下移1px。选择这两个新形状并从“路径查找器”面板中选择“减号前”按钮。用白色填充生成的形状。
步骤8
选择第四步中较大的形状进行复制(Ctrl + C)并置于前面(Ctrl + F)。回到三角形形状,选择并执行“对象”>“路径”>“偏移路径”,输入1px偏移后确定。选择结果形状以及开始时制作的副本,从“路径查找器”面板中选择“相交”按钮。用黑色填充生成的形状,并将其不透明度调整为5%。
步骤9
在“外观”面板上操作(“窗口”>“外观”)。首先,用提供的线性渐变替换填充色,并添加一个1pt描边。将内部对齐后,将颜色设为R = 210,G = 212,B = 214。选择此三角形形状以及最后三个步骤中创建的其他三个形状进行分组(Ctrl + G)。
步骤10
转向更大的灰色形状,选择并执行“对象”>“路径”>“偏移路径”,输入-1px偏移后确定。复制此形状并上移1px。重新选择这两个新形状并从“路径查找器”面板中选择“减号前”按钮。请注意,结果形状目前不可见,无需担心未看到变化。
步骤11
再次对灰色形状执行“对象”>“路径”>“偏移路径”,输入-1px偏移后确定。复制生成的形状并分别向下和向右移动1px。重新选择这两个新形状并从“路径查找器”面板中选择“减号前”按钮。用白色填充生成的形状。
步骤12
再次将焦点放在“外观”面板上(“窗口”>“外观”)。用提供的线性渐变替换灰色形状的填充色,并添加一个1pt描边。将内部对齐后,将颜色设为R = 210,G = 212,B = 214。
步骤13
启用“对齐网格”(“视图”>“对齐网格”)。使用矩形工具(M)创建一个47 x 1像素的形状,并用R = 198,G = 215,B = 235填充它,置于第一个图像中。在“层”面板中选择此细矩形,拖至第九步创建的组下方,然后转到“效果”>“扭曲和变形”>“变形”。输入所示属性后确定。
步骤14
使用矩形工具(M)创建一个1 x 60像素的形状,并用R = 232 G = 190 B = 189填充它,放置如下例图所示。
步骤15
使用椭圆工具(L)创建两个3px的圆并按图示位置放置。用R = 250,G = 250,B = 250填充这两个形状,并添加1pt描边,颜色设为R = 210,G = 210,B = 210。
步骤16
使用矩形工具(M)创建一个49 x 3像素的形状,用给定的线性渐变填充它,并放置在第一张图像中。渐变图像中的黄色零代表不透明度百分比。选择此新形状并将其后移(Shift + Ctrl + [),然后将不透明度降至15%。
步骤17
将所有至今创建的形状选中并分组(Ctrl + G)。最后,选择这个新组并添加一个简单的“变换”效果(“效果”>“扭曲和变换”>“变换”),按图示设置参数。
至此完成所有步骤!