Photoshop制作UI小图标绿色箭头教程

本教程主要使用Photoshop制作绿色质感的UI箭头图标,最终的箭头效果立体感和质感表现的都很漂亮,加上颜色的正确使用,非常的漂亮,下面一起来学习. 最终效果 1、先用钢笔勾出一个箭头的路径。 2、按Ctrl + Enter把路径

PhotoShop制作DISCO网站LOGO实例教程

我这是翻译的国外的教程。有一些方法用的和作者不太一样。在这里都会列出来,同鞋们见仁见智吧~~呵呵 如果看的人多,以后我还会继续翻译。。嘿嘿 OKLET’S GO!! 首先是效果图: 教程: 1、 打开photoshop,新建文件。原来教程写的 50像素300像素,不过觉得不太对哦。。所以

 本教程主要使用Photoshop制作绿色质感的UI箭头图标,最终的箭头效果立体感和质感表现的都很漂亮,加上颜色的正确使用,非常的漂亮,下面一起来学习.

最终效果

Photoshop制作UI小图标绿色箭头教程插图

1、先用钢笔勾出一个箭头的路径。

Photoshop制作UI小图标绿色箭头教程插图(1)

2、按Ctrl + Enter把路径转为选区,切换到通道面板,新建一个通道,然后填充白色,按Ctrl + D取消选区,执行:滤镜 > 模糊 > 高斯模糊,数值为4.3左右,按Ctrl + L调色阶把左右两个黑色三角形箭头想中间靠拢,使得轮廓变清晰,圆角完成。

Photoshop制作UI小图标绿色箭头教程插图(2)

3、按Ctrl点击通道载入选区,回到图层面板,新建一个图层,填充颜色:#02A600。

Photoshop制作UI小图标绿色箭头教程插图(3)

4、复制该层,并锁定复制层,然后选择渐变工具颜色设置为从:#CCFF2F到#25CA00的渐变,然后拉出径向渐变,并把图层向上移动4个像素。

Photoshop制作UI小图标绿色箭头教程插图(4)

5、用钢笔工具勾出高光路径。

Photoshop制作UI小图标绿色箭头教程插图(5)

6、新建一个图层,用3像素的硬画笔执行路径描边,然后用橡皮工具擦掉两端部分。

Photoshop制作UI小图标绿色箭头教程插图(6)

7、勾出一个三角形选区,新建一个图层,选择渐变工具颜色设置为从白色到透明,然后由左向右拉出线性渐变。

Photoshop制作UI小图标绿色箭头教程插图(7)

8、复制上面的不做的渐变图层,把图层的不透明度改为:68%,并把下面那个渐变层的图层混合模式改为“柔光”。

Photoshop制作UI小图标绿色箭头教程插图(8)

9、按Ctrl点图标主体载入选区,新建一个图层,执行2像素的描边颜色为:#037B02。

Photoshop制作UI小图标绿色箭头教程插图(9)

10、在尾部拉出一个2像素高的选区,新建一个图层,用渐变拉出白色到透明的径向渐变,作出尾部高光细节。

Photoshop制作UI小图标绿色箭头教程插图(10)

11、新建一个图层,并放到最下层,做一个黑色到透明的径向渐变,然后按Ctrl + T压扁并拉长。

Photoshop制作UI小图标绿色箭头教程插图(11)

12、放到箭头下面的位置,把图层的不透明度改为:30%,完成最终效果。

Photoshop制作UI小图标绿色箭头教程插图(12)

作者: 791650988

为您推荐