当前位置: 主页 > 平面设计 > PS教程 > Photoshop设计蓝色立体效果的播放按钮

Photoshop设计蓝色立体效果的播放按钮

  • 2021-08-18
  • 来源/作者: 思缘论坛/ 赵老师
  • 4 次浏览

本教程主要使用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教程