用photoshop制作三维立体三角形图标
教程作者:一起ps吧本教程学习如何用photoshop的自定义形状工具 钢笔和图层样式制作立体圆角三角形图标,先看效果图。</P>
http://pic1.16xx8.com/allimg/110412/1TRH232-0.jpg</P>
新建文档950x790像素,背景白色,建新层,做一矩形选区,填充#c8c8c。</P>
http://pic1.16xx8.com/allimg/110412/1TRM455-1.jpg</P>
添加蒙版,黑白直线渐变,建新层,做一矩形选区,填充#d1d3d2,效果如下。</P>
http://pic1.16xx8.com/allimg/110412/1TRJ148-2.jpg</P>
建新层,用自定义选择工具画出下图所示形状,颜色任意。</P>
http://pic1.16xx8.com/allimg/110412/1TRKF7-3.jpg
</P>
Ctrl+T变形如下。</P>
http://pic1.16xx8.com/allimg/110412/1TRI551-4.jpg</P>
添加图层样式。</P>
http://pic1.16xx8.com/allimg/110412/1TRM248-5.jpg</P>
http://pic1.16xx8.com/allimg/110412/1TRJ326-6.jpg</P>
效果如下。</P>
http://pic1.16xx8.com/allimg/110412/1TRI4X-7.jpg
</P>
底部建新层,用钢笔做如下选区,填充黑色。</P>
http://pic1.16xx8.com/allimg/110412/1TRL4H-8.jpg</P>
添加图层样式,效果如下。</P>
http://pic1.16xx8.com/allimg/110412/1TRI553-9.jpg</P>
建新层,用钢笔做如下选区,填充#e6e60d。</P>
http://pic1.16xx8.com/allimg/110412/1TRL134-10.jpg</P>
添加蒙版,黑白直线渐变,图层不透明度70%。</P>
http://pic1.16xx8.com/allimg/110412/1TRM948-11.jpg
</P>
建新层,用钢笔做如下路径,填充#e6e60d。</P>
http://pic1.16xx8.com/allimg/110412/1TRL5C-12.jpg</P>
添加蒙版,黑白直线渐变,图层不透明度80%。</P>
http://pic1.16xx8.com/allimg/110412/1TRHJ6-13.jpg</P>
建新层,画一个小的黑色圆角三角形。</P>
http://pic1.16xx8.com/allimg/110412/1TRK607-14.jpg</P>
添加图层样式,效果如下。</P>
http://pic1.16xx8.com/allimg/110412/1TRI022-15.jpg
</P>
http://pic1.16xx8.com/allimg/110412/1TRI358-16.jpg</P>
建新层,前景色#b3ce1a用画笔涂抹。</P>
http://pic1.16xx8.com/allimg/110412/1TRH2Q-17.jpg</P>
高斯模糊15像素,调出小三角形选区,反选删除。</P>
http://pic1.16xx8.com/allimg/110412/1TRH020-18.jpg</P>
去掉选区,添加蒙版黑白直线渐变,类似下图效果。</P>
http://pic1.16xx8.com/allimg/110412/1TRJW5-19.jpg
</P>
合并除背景外所有三角形图层,用钢笔做如下选区,删除。</P>
http://pic1.16xx8.com/allimg/110412/1TRL621-20.jpg</P>
用星光笔刷前景色点白色几下作为装饰,再添加个阴影,最终效果如下。</P>
http://pic1.16xx8.com/allimg/110412/1TRH232-0.jpg</P>
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg 我的作业:
页:
[1]