鱼油踩 發表於 2014-6-25 10:52:26

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

<p>本教程是教大家利用Photoshop设计立体质感的盒子图标过程,教程介绍地很详细,希望大家通过这篇教程能学到一些知识!</p>
<p>先看看效果图</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="794" height="662" src="https://img.jbzj.com/file_images/article/201406/20140625105321214.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="804" height="668" src="https://img.jbzj.com/file_images/article/201406/20140625105321215.jpg" /></p>
<p>1、打开ps、新建一个适当的画布</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="801" height="664" src="https://img.jbzj.com/file_images/article/201406/20140625105321216.jpg" /></p>
<p>2、使用多边形工具,拉出一个六边形。</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="797" height="662" src="https://img.jbzj.com/file_images/article/201406/20140625105321217.jpg" /></p>
<p>3、然后是重头戏。为这个六边形添加各种图层样式效果,下面是参数仅供参考。</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="616" height="482" src="https://img.jbzj.com/file_images/article/201406/20140625105321218.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="614" height="108" src="https://img.jbzj.com/file_images/article/201406/20140625105321219.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="611" height="176" src="https://img.jbzj.com/file_images/article/201406/20140625105321216.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="609" height="331" src="https://img.jbzj.com/file_images/article/201406/20140625105321220.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="617" height="480" src="https://img.jbzj.com/file_images/article/201406/20140625105321221.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="609" height="333" src="https://img.jbzj.com/file_images/article/201406/20140625105321222.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="602" height="344" src="https://img.jbzj.com/file_images/article/201406/20140625105321223.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="435" height="186" src="https://img.jbzj.com/file_images/article/201406/20140625105321224.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="612" height="437" src="https://img.jbzj.com/file_images/article/201406/20140625105321225.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="609" height="355" src="https://img.jbzj.com/file_images/article/201406/20140625105321226.jpg" /></p>
<p>4、下面开始做中间的宝石底部,复制上一图层,缩小后摆在中间。</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="800" height="664" src="https://img.jbzj.com/file_images/article/201406/20140625105321227.jpg" /></p>
<p>效果如下</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="612" height="334" src="https://img.jbzj.com/file_images/article/201406/20140625105321228.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="433" height="188" src="https://img.jbzj.com/file_images/article/201406/20140625105321229.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="610" height="402" src="https://img.jbzj.com/file_images/article/201406/20140625105321230.jpg" /></p>
<p>5、最带感的一步来了!制作凸起的暗金宝石!</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="797" height="663" src="https://img.jbzj.com/file_images/article/201406/20140625105321231.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="612" height="429" src="https://img.jbzj.com/file_images/article/201406/20140625105321232.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="603" height="106" src="https://img.jbzj.com/file_images/article/201406/20140625105321233.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="604" height="435" src="https://img.jbzj.com/file_images/article/201406/20140625105321234.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="608" height="353" src="https://img.jbzj.com/file_images/article/201406/20140625105321228.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="430" height="93" src="https://img.jbzj.com/file_images/article/201406/20140625105321235.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="607" height="375" src="https://img.jbzj.com/file_images/article/201406/20140625105321236.jpg" /></p>
<p>继续做效果</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="801" height="664" src="https://img.jbzj.com/file_images/article/201406/20140625105321230.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="240" height="82" src="https://img.jbzj.com/file_images/article/201406/20140625105321237.jpg" /></p>
<p>降低不透明度</p>
<p>6、加上LOL字母&ldquo;L&rdquo;,字体自选!</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="800" height="666" src="https://img.jbzj.com/file_images/article/201406/20140625105321238.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="602" height="427" src="https://img.jbzj.com/file_images/article/201406/20140625105321239.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="612" height="262" src="https://img.jbzj.com/file_images/article/201406/20140625105321240.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="600" height="257" src="https://img.jbzj.com/file_images/article/201406/20140625105321233.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="606" height="305" src="https://img.jbzj.com/file_images/article/201406/20140625105321241.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="608" height="344" src="https://img.jbzj.com/file_images/article/201406/20140625105321242.jpg" /></p>
<p>7、给背景加上纹理、渐变的效果。</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="796" height="662" src="https://img.jbzj.com/file_images/article/201406/20140625105321243.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="594" height="258" src="https://img.jbzj.com/file_images/article/201406/20140625105321244.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="610" height="281" src="https://img.jbzj.com/file_images/article/201406/20140625105321245.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="794" height="639" src="https://img.jbzj.com/file_images/article/201406/20140625105321246.jpg" /></p>
<p>加上背景图案&ldquo;心电图&rdquo;</p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="612" height="398" src="https://img.jbzj.com/file_images/article/201406/20140625105321247.jpg" /></p>
<p align="center"><img border="0" alt="Photoshop设计立体质感的盒子图标,破洛洛" width="794" height="662" src="https://img.jbzj.com/file_images/article/201406/20140625105321214.jpg" /></p>
<p align="left">以上就是用Photoshop设计立体质感的盒子图标过程,希望大家喜欢!</p>
頁: [1]
查看完整版本: 教你用Photoshop设计立体质感的盒子图标