来源:网络 作者:佚名
第2步
创建28x56 px的矩形(#434F59)和14 px的矩形，接着创建一个12x12 px的圆圈删除圆的下锚点。将生成的形状定位到第三个段顶部边缘的中心，在其上半部分添加一个44x8像素的矩形(#434F59)，选择并将两者组合在一起(Control + G)，这样火车汽笛就完成了。
第3步
创建4 px的线条(#434F59)将汽笛的两个组件连接在一起(从车舱的右边缘开始一直到哨子的左边缘)。完成后，选择并将(Control + G)所有组成形状组合在一起，然后再继续下一步。
(本教程由寻图标icon.52112.com提供)
创建火车的烟囱
接下来我们创建火车的烟囱。
第1步
首先创建一个40x12像素的矩形，UI设计教程网站，使用#434F59进行着色，然后定位到第四段矩形的顶部中心。
第2步
使用48x28像素、8 px轮廓的矩形(#434F59)添加烟囱的下半身，我们将其定位到第五段矩形的上方。
第3步
创建72 px长8 px宽的线条(#434F59)添加水平细节线，将其对齐前一个形状的顶端。
第4步
创建48x8 px矩形(#434F59)创建烟囱的阴影，怎么学UI，然后使用移动工具选择并将其左下锚点向下推动8 px的距离进行调整(右键单击>变换>移动>垂直> 8 px)。完成后，将生成的形状放在当前部分的上边缘，使用Control + G键盘快捷键选择并将所有组成形状组合在一起。
第5步
创建48x140像素、8 px轮廓的矩形(#434F59)添加烟囱的中间部分，然后选择并将其顶部锚点向外推动36 px(右击>变换>移动)进行调整>水平> + / - 36 px)。完成后，将生成的形状放在上一步烟囱零件的顶部。
第6步
创建8 px轮廓136x32 px大小(#434F59)的矩形创建烟囱的上部，在其中心处我们将添加136 px宽的8 px厚细节线(#434F59)。选择并将两者组合在一起(Control + G)，将它们定位在我们上一步中完成的形状顶部。
第7步
使用120x16 px矩形(#434F59)创建烟囱角部的阴影，然后将其左下角锚点向下推16 px(右击>变换>移动>垂直> 16像素来调整)。调整到如参考图像中所示位置，选择烟囱中心部分创建副本(Control + C)将其遮盖，将创建的形状粘贴(Control + F)到烟囱主要形状前面，然后选择创建的形状右键单击>制作剪贴蒙版。
第8步
接下来创建五个4x4 px圆(#434F59)添加烟囱的小螺栓，水平距离为4 px，将创建的图形进行分组(Control-G)，然后定位距离中心部分底部4 px边缘。完成后，使用Control + G键盘快捷键选择并组合完成的形状。
(本教程由寻图标icon.52112.com提供)
创建火车的前照灯
接下来，我们创建火车的小型前照灯。
第1步
首先使用28x8 px大小和8 px轮廓的的矩形(#434F59)创建前照灯的上边缘，将它定位到列车前端，如参考图像所示位置。
第2步
在我们刚刚创建的矩形下方添加一个略大的24x60像素矩形(#434F59)，使用Control + G键盘快捷键选择并将两者组合在一起。
第3步
使用24x60 px矩形为灯的后端创建主要形状，使用#434F59进行着色，然后定位到支撑部分的右侧。
第4步
创建一个8x76像素矩形放置在我们刚刚创建的形状的右侧，使用#434F59对其进行着色。
第5步
创建16x52像素矩形(#FFFFFF)作为大灯的填充形状，为构图添加一些颜色，然后将其右锚点向内推动8像素的距离进行调整(右键单击>变换>移动>垂直> + / - 8像素)。完成后，将生成的形状放在先前创建的形状的右侧。
