按钮制作

关注公众号 jb51net

关闭
平面设计 > photoshop教程 > 按钮制作 >

Photoshop设计非常漂亮的蓝色立体播放按钮

赵老师

本教程主要使用Photoshop设计非常漂亮的蓝色立体播放按钮,教程制作出来的按钮很漂亮,难度不是很大,新手可以过来学习下制作思路,推荐到脚本之家,喜欢的朋友可以跟着教程一起来学习了!

先看一下效果

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

1、新建文件。点击菜单,选择图层-新建图层填充-渐变。

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

2、渐变填充可以选择自己喜欢的颜色。

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

3、绘制一个圆形如图。

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

4、打开图层样式,样式叠加

渐变叠加

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

投影

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

斜面和浮雕

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

内阴影

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

5、新建图层在从新绘制一个三角形。可采用多边形工具,边数设为3,叠加图层样式,如图。

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

6、把这个圆形从新复制一层,图层样式删掉,栅格化处理。点击菜单---滤镜---模糊---动感模糊

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

7、移置下次,通过矩形选区工具将不需要的删除,透明度降低,如图

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

8、从新复制一份,颜色加深,叠加图层样式如图

斜面和浮雕

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

内阴影

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

渐变叠加

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

投影

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

显示最终效果

Photoshop设计蓝色立体效果的播放按钮,PS教程,思缘教程网

教程结束,以上就是Photoshop设计非常漂亮的蓝色立体播放按钮方法,希望大家看完之后会有所收获!谢谢阅读!