教你用Photoshop制作漂亮的蓝色透明玻璃按钮
<p>本教程是向大家介绍利用Photoshop制作蓝色透明玻璃按钮，制作效果非常漂亮，教程难度一般，制作方法很简单，感兴趣的朋友可以学习这种制作方法。</p><p>这个按钮分为两个大的部分来制作：中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同，只需要找出相应的高光部分并渲染出来即可。 </p>
<p><strong>最终效果</strong></p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="700" height="524" src="https://img.jbzj.com/file_images/article/201406/20140617151008307.jpg" /> </p>
<p>1、新建一个800 * 600像素的文档，背景填充暗紫色：#752874，如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="700" height="524" src="https://img.jbzj.com/file_images/article/201406/20140617151008308.jpg" /></p>
<p><图1> 2、先来制作中间的蓝色水晶部分，需要完成的效果如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="523" height="368" src="https://img.jbzj.com/file_images/article/201406/20140617151008309.jpg" /></p>
<p><图2></p>
<p> 3、新建一个组，选择椭圆选框工具，按住Shift键拉出一个合适的正圆选区，然后给组添加图层蒙版。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="514" height="361" src="https://img.jbzj.com/file_images/article/201406/20140617151008310.jpg" /></p>
<p><图3> </p>
<p>4、在组里新建一个图层，选择渐变工具，颜色设置如图4，由上至下拉出图5所示的线性渐变作为底色。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="405" height="104" src="https://img.jbzj.com/file_images/article/201406/20140617151008311.jpg" /></p>
<p><图4></p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="486" height="307" src="https://img.jbzj.com/file_images/article/201406/20140617151008312.jpg" /></p>
<p><图5></p>
<p> 5、新建一个图层，用钢笔勾出右下角边缘高光选区如下图，填充白色，不透明度改为：20%，取消选区后添加图层蒙版，用黑色画笔把顶部过渡擦出来。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="468" height="344" src="https://img.jbzj.com/file_images/article/201406/20140617151008313.jpg" /></p>
<p><图6></p>
<p> 6、新建一个图层，用钢笔勾出下图所示的选区，填充白色，再把图层不透明度改为：20%，同上取消选区后添加图层蒙版，用黑色画笔把边缘过渡擦出来。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="461" height="367" src="https://img.jbzj.com/file_images/article/201406/20140617151008314.jpg" /></p>
<p><图7> </p>
<p>7、新建一个图层，用透明度较低的白色画笔把下图选区部分涂上淡淡的白色，图层不透明度设置稍微低一点，如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="474" height="343" src="https://img.jbzj.com/file_images/article/201406/20140617151008315.jpg" /></p>
<p><图8> </p>
<p>8、新建一个图层，用钢笔勾出左侧边缘高光选区，填充白色。不透明度改为：10%，如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="502" height="334" src="https://img.jbzj.com/file_images/article/201406/20140617151008316.jpg" /></p>
<p><图9></p>
<p> 9、新建一个图层，用钢笔勾出下图所示的选区填充白色，不透明度改为：20%，添加图层蒙版，用黑色画笔把顶部过渡擦出来。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="473" height="327" src="https://img.jbzj.com/file_images/article/201406/20140617151008317.jpg" /></p>
<p><图10></p>
<p> 10、新建一个图层，用钢笔勾出左上部高光选区，羽化5个像素后填充白色，不透明度改为：60%，效果如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="536" height="348" src="https://img.jbzj.com/file_images/article/201406/20140617151008318.jpg" /></p>
<p><图11> </p>
<p>11、新建一个图层，用钢笔勾出底部高光选区，羽化2个像素后填充白色。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="453" height="338" src="https://img.jbzj.com/file_images/article/201406/20140617151008319.jpg" /></p>
<p><图12></p>
<p> 12、新建一个图层，用钢笔勾出顶部高光部分的选区，羽化6个像素后填充白色，不透明度改为：30%，效果如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="479" height="325" src="https://img.jbzj.com/file_images/article/201406/20140617151008320.jpg" /></p>
<p><图13> </p>
<p>13、新建一个图层，用钢笔勾出顶部中间位置的高光选区，填充白色。不透明度改为：30%，取消选区后添加图层蒙版，用黑色画笔把中间局部擦出来，如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="446" height="320" src="https://img.jbzj.com/file_images/article/201406/20140617151008321.jpg" /></p>
<p><图14> </p>
<p>14、新建一个图层，用钢笔勾出下图所示的选区，羽化3个像素后填充白色。取消选区后添加图层蒙版，用黑色画笔把边缘过渡擦出来，如下图。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="460" height="314" src="https://img.jbzj.com/file_images/article/201406/20140617151008322.jpg" /></p>
<p><图15></p>
<p> 15、新建图层，同上的方法制作底部及中间的其它高光，效果如图16,17。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="470" height="322" src="https://img.jbzj.com/file_images/article/201406/20140617151008323.jpg" /></p>
<p><图16> </p>
<p><img border="0" hspace="6" alt="" vspace="6" width="457" height="330" src="https://img.jbzj.com/file_images/article/201406/20140617151008324.jpg" /></p>
<p><图17> </p>
<p>16、在当前的组下面新建一个组，用椭圆选框工具拉出下图所示的正圆选区，给组添加图层蒙版。</p>
<p> <img border="0" hspace="6" alt="" vspace="6" width="495" height="337" src="https://img.jbzj.com/file_images/article/201406/20140617151008325.jpg" /></p>
<p><图18> </p>
<p>
<div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁:
[1]