PS打造三维立体三角形图标

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:ps369   作者:秩名

关键词

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

 

 

新建文档950x790像素,背景白色,建新层,做一矩形选区,填充#b5b5b5。 

 

 

添加蒙版,黑白直线渐变,建新层,做一矩形选区,填充#d1d3d2,效果如下。

 

 

建新层,用自定义选择工具画出下图所示形状,颜色任意。

 

 

Ctrl+T变形如下。

 

 

添加图层样式。

 

 

效果如下。

 

 

 收藏