photoshop打造出三维立体三角形图标

问题描述:

本教程学习如何用photoshop的自定义形状工具 钢笔和图层样式制作立体圆角三角形图标,图标通过移位和渐变的不同改变,而达到最终的效果

先看效果图。

 
photoshop打造出三维立体三角形图标
 
新建文档950x790像素,背景白色,建新层,做一矩形选区,填充#b5b5b5。 

 
photoshop打造出三维立体三角形图标
 
添加蒙版,黑白直线渐变,建新层,做一矩形选区,填充#d1d3d2,效果如下。

 
photoshop打造出三维立体三角形图标
 
建新层,用自定义选择工具画出下图所示形状,颜色任意。

 
photoshop打造出三维立体三角形图标
 
Ctrl+T变形如下。

 
photoshop打造出三维立体三角形图标
 
添加图层样式。

 
photoshop打造出三维立体三角形图标
photoshop打造出三维立体三角形图标
 
效果如下。

 
photoshop打造出三维立体三角形图标
 

关键词:PS,立体,三角形,图标

底部建新层,用钢笔做如下选区,填充黑色。

 
photoshop打造出三维立体三角形图标
 
添加图层样式,效果如下。

 
photoshop打造出三维立体三角形图标
 
建新层,用钢笔做如下选区,填充#e6e60d。


 
photoshop打造出三维立体三角形图标
 
添加蒙版,黑白直线渐变,图层不透明度70%。

 
photoshop打造出三维立体三角形图标
建新层,用钢笔做如下路径,填充#e6e60d。

 
photoshop打造出三维立体三角形图标
 

添加蒙版,黑白直线渐变,图层不透明度80%。

 
photoshop打造出三维立体三角形图标
 
建新层,画一个小的黑色圆角三角形。

 
photoshop打造出三维立体三角形图标
 
添加图层样式,效果如下。

 
photoshop打造出三维立体三角形图标
关键词:PS,立体,三角形,图标



photoshop打造出三维立体三角形图标
 
建新层,前景色#b3ce1a用画笔涂抹。

 
photoshop打造出三维立体三角形图标
 
高斯模糊15像素,调出小三角形选区,反选删除。

 
photoshop打造出三维立体三角形图标
 
去掉选区,添加蒙版黑白直线渐变,类似下图效果。

 
photoshop打造出三维立体三角形图标
 
合并除背景外所有三角形图层,用钢笔做如下选区,删除。

 
photoshop打造出三维立体三角形图标
 
用星光笔刷前景色点白色几下作为装饰,再添加个阴影,最终效果如下。

 
photoshop打造出三维立体三角形图标