红绿灯是大家在过马路的时候常常见到的，我们今天就来做一个红绿灯的小图标，从这个简单的图标设计中去体会色彩与形状相结合的技巧。
工具/原料
photoshop
方法/步骤
1、先构思一下我们设计的红绿灯图标的元素，一个圆形的背痔辏哔刂景，一个红绿灯的图形。其中还有三种不同颜色的灯，外框、支架等等。这些元素的外形墩伛荨矧通过路径来呈现。我们用钢笔工具把所有的路径绘制出来，在这个图标当中所有的子元素的路径都是封闭路径。
2、设计一个蓝黑色作为前景色，我们选择圆形背景填充这个蓝黑色。
3、设置一个红色作为前景色，再设置一个稍浅的红色作为背景色，我们分别填充两个红色的子路径，从而让红灯出现，这个红灯分为亮区与暗区两个不同的红色调。
4、用同样的办法设置两种不同明度的黄色，我们填充出一个黄色的灯。
5、再设置两个绿色，我们填充出绿灯在最下方。
6、这一步就是白色的外框踮碚牢邗了，我们选择两个圆角矩形，做一个截去共同区域的操作，再进行白色的填充，从而有了一个白色的外框。选择内框所在的路径，我们填充一个黑色，整个绿色灯的效果就呈现了。
7、最后，我们再给这个红绿灯加上一个白色的支架，红绿灯图标就完成了。合并所有的可见图层，我们做出一个立体的效果，是不是这个红绿灯图标很有看点呢？
