psschool 发表于 2017-3-16 00:00:00

Photoshop绘制半透明科技感盒子图标设计教程

效果图的构造有点复杂,绘制图标之前,最好把图标拆分一下,有几个主要部分构成;每一部分的颜色和光影有哪些;然后绘制的时候就心里有底,逐层画出各部分,再组合一下就可以得到想要的效果。最终效果

http://www.06ps.com/d/file/2017/0316/1489626172452.jpg

1、初步观察图标,发现整个图标可以拆分为一下几个块。新建大小适当的文件,背景填充暗灰色,新建图层用圆角矩形工具拉出圆角矩形画出大体形状,确定大致明暗以及颜色区分透视关系。

http://www.06ps.com/d/file/2017/0316/1489626176326.jpg

2、为了尽快突出玻璃质感,我先在玻璃质感的变现上下手。玻璃的高光如下图,制作上没有什么技术含量。

http://www.06ps.com/d/file/2017/0316/1489626178498.jpg


               
               
3、锁定所有玻璃高光图层,开始制作液体部分,液体部分相当纠结,灵活运用内发光,内阴影。此图标的视觉点也基本集中在液体部分,液体部分完成了,整体基本上基本完成。

http://www.06ps.com/d/file/2017/0316/1489626179500.jpg

http://www.06ps.com/d/file/2017/0316/1489626181459.jpg

http://www.06ps.com/d/file/2017/0316/1489626182756.jpg


               
               
4、盖子部分相对来说比较简单,我就大概分解下图层及渐变,如下图。

http://www.06ps.com/d/file/2017/0316/1489626184674.jpg

http://www.06ps.com/d/file/2017/0316/1489626186826.jpg

http://www.06ps.com/d/file/2017/0316/1489626187375.jpg

5、最后是整个合体后继续在玻璃表面边角添加一些高光折射、地面投影及反光等。

http://www.06ps.com/d/file/2017/0316/1489626188907.jpg

最终效果:

http://www.06ps.com/d/file/2017/0316/1489626172452.jpg
页: [1]
查看完整版本: Photoshop绘制半透明科技感盒子图标设计教程