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

让你幸福一生

让你幸福一生

2016-02-16 07:49

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop制作UI小图标绿色箭头教程教程,希望对大家能有一点小小的帮助。

最终效果

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

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

Photoshop制作UI小图标绿色箭头教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

Illustrator制作质感的UI小图标教程

Illustrator CorelDRAW
Illustrator制作质感的UI小图标教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作光滑的时针小图标图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作光滑的时针小图标图标教程

Photoshop制作时针小图标技巧

电脑网络
Photoshop制作时针小图标技巧

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS制作漂亮的绿色水晶箭头图标

电脑网络
PS制作漂亮的绿色水晶箭头图标

Photoshop制作光滑的时针小图标图标

电脑网络
Photoshop制作光滑的时针小图标图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop概念设计教程之昆虫的绘制

Photoshop概念设计教程之昆虫的绘制

Photoshop合成教程:APPLE海报设计教程

Photoshop合成教程:APPLE海报设计教程
下拉加载更多内容 ↓