Photoshop设计立体质感的盒子图标教程
本教程主要使用photoshop绘制游戏风格的盒子图标教程,整体的的效果非常的漂亮,立体的表现主要使用图层样式来完成, 先看看效果图http://www.06ps.com/d/file/2014/0508/20140508100758536.jpg
http://www.06ps.com/d/file/2014/0508/20140508100759643.jpg
1、打开ps、新建一个适当的画布
http://www.06ps.com/d/file/2014/0508/20140508100759837.jpg
2、使用多边形工具，拉出一个六边形。
http://www.06ps.com/d/file/2014/0508/20140508100800750.jpg
3、然后是重头戏。为这个六边形添加各种图层样式效果，下面是参数仅供参考。
http://www.06ps.com/d/file/2014/0508/20140508100801292.jpg
http://www.06ps.com/d/file/2014/0508/20140508100802906.jpg
http://www.06ps.com/d/file/2014/0508/20140508100803196.jpg
http://www.06ps.com/d/file/2014/0508/20140508100804734.jpg
http://www.06ps.com/d/file/2014/0508/20140508100809590.jpg
http://www.06ps.com/d/file/2014/0508/20140508100810558.jpg
http://www.06ps.com/d/file/2014/0508/20140508100811508.jpg
http://www.06ps.com/d/file/2014/0508/20140508100812715.jpg
http://www.06ps.com/d/file/2014/0508/20140508100813643.jpg
http://www.06ps.com/d/file/2014/0508/20140508100814409.jpg
4、下面开始做中间的宝石底部，复制上一图层，缩小后摆在中间。
http://www.06ps.com/d/file/2014/0508/20140508100815790.jpg
效果如下
http://www.06ps.com/d/file/2014/0508/20140508100815647.jpg
http://www.06ps.com/d/file/2014/0508/20140508100817507.jpg
http://www.06ps.com/d/file/2014/0508/20140508100817231.jpg
5、最带感的一步来了!制作凸起的暗金宝石!
http://www.06ps.com/d/file/2014/0508/20140508100818695.jpg
http://www.06ps.com/d/file/2014/0508/20140508100819757.jpg
http://www.06ps.com/d/file/2014/0508/20140508100820519.jpg
http://www.06ps.com/d/file/2014/0508/20140508100821766.jpg
http://www.06ps.com/d/file/2014/0508/20140508100823834.jpg
http://www.06ps.com/d/file/2014/0508/20140508100824116.jpg
http://www.06ps.com/d/file/2014/0508/20140508100824818.jpg
继续做效果
http://www.06ps.com/d/file/2014/0508/20140508100825302.jpg
http://www.06ps.com/d/file/2014/0508/20140508100826716.jpg
降低不透明度
6、加上LOL字母“L”，字体自选!
http://www.06ps.com/d/file/2014/0508/20140508100827790.jpg
http://www.06ps.com/d/file/2014/0508/20140508100832508.jpg
http://www.06ps.com/d/file/2014/0508/20140508100833674.jpg
http://www.06ps.com/d/file/2014/0508/20140508100834137.jpg
http://www.06ps.com/d/file/2014/0508/20140508100835945.jpg
http://www.06ps.com/d/file/2014/0508/20140508100836498.jpg
7、给背景加上纹理、渐变的效果。
http://www.06ps.com/d/file/2014/0508/20140508100840634.jpg
http://www.06ps.com/d/file/2014/0508/20140508100841884.jpg
http://www.06ps.com/d/file/2014/0508/20140508100842751.jpg
http://www.06ps.com/d/file/2014/0508/20140508100843575.jpg
加上背景图案“心电图”
http://www.06ps.com/d/file/2014/0508/20140508100844446.jpg
http://www.06ps.com/d/file/2014/0508/20140508100758536.jpg
页:
[1]