当前位置: 主页 > 平面设计 > PS教程 > Photoshop设计立体质感的盒子图标教程

Photoshop设计立体质感的盒子图标教程

  • 2021-08-18
  • 来源/作者: 站酷/ 黑调格子衬衫
  • 8 次浏览

本教程主要使用photoshop绘制游戏风格的盒子图标教程,整体的的效果非常的漂亮,立体的表现主要使用图层样式来完成,

先看效果图

Photoshop<a href=/design/ target=_blank class=infotextkey>设计</a>立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

1、打开ps、新建一个适当的画布

Photoshop设计立体质感的盒子图标,PS教程

2、使用多边形工具,拉出一个六边形。

Photoshop设计立体质感的盒子图标,PS教程

3、然后是重头戏。为这个六边形添加各种图层样式效果,下面是参数仅供参考。

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程


4、下面开始做中间的宝石底部,复制上一图层,缩小后摆在中间。

Photoshop设计立体质感的盒子图标,PS教程

效果如下

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

5、最带感的一步来了!制作凸起的暗金宝石!

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

继续做效果

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

降低不透明度

6、加上LOL字母“L”,字体自选!

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

7、给背景加上纹理、渐变的效果。

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程

添加背景模式“ECG”

Photoshop设计立体质感的盒子图标,PS教程

Photoshop设计立体质感的盒子图标,PS教程