中医内科 發表於 2014-6-24 09:36:25

用photoshop设计一款绿色高光下载按钮

<p align="left">本教程是教大家如何用photoshop设计漂亮的高光绿色下载按钮,并点缀有2个蓝色指示箭头。绘制方法采用钢笔和图层样式及加深减淡工具,希望对大家有一定的帮助,先看效果图。</p>
<p align="center"><img alt="下载按钮 ps教程" width="386" height="248" src="https://img.jbzj.com/file_images/article/201406/20140624093619112.jpg" /></p>
<p align="left">新建文档500x300像素,背景白色,建新层画一圆角矩形,颜色#369904。</p>
<p align="center"><img alt="下载按钮 ps教程" width="378" height="257" src="https://img.jbzj.com/file_images/article/201406/20140624093619113.jpg" /></p>
<p>添加图层样式。</p>
<p align="center"><img alt="下载按钮 ps教程" width="264" height="197" src="https://img.jbzj.com/file_images/article/201406/20140624093619114.jpg" /></p>
<p align="center"><img alt="下载按钮 ps教程" width="263" height="267" src="https://img.jbzj.com/file_images/article/201406/20140624093619115.jpg" /></p>
<p align="center"><img alt="下载按钮 ps教程" width="262" height="404" src="https://img.jbzj.com/file_images/article/201406/20140624093619116.jpg" /></p>
<p align="center"><img alt="下载按钮 ps教程" width="273" height="177" src="https://img.jbzj.com/file_images/article/201406/20140624093619117.jpg" /></p>
<p>效果如下。</p>
<p align="center"><img alt="下载按钮 ps教程" width="391" height="251" src="https://img.jbzj.com/file_images/article/201406/20140624093619118.jpg" /></p>
<p>建新层,画一白色圆角矩形。</p>
<p align="center"><img alt="下载按钮 ps教程" width="357" height="230" src="https://img.jbzj.com/file_images/article/201406/20140624093619119.jpg" /></p>
<p>添加渐变叠加样式,之后把填充归零,效果如下。</p>
<p align="center"><img alt="下载按钮 ps教程" width="305" height="320" src="https://img.jbzj.com/file_images/article/201406/20140624093619120.jpg" /></p>
<p>用钢笔做如下箭头选区,填充#039cd4。</p>
<p align="center"><img alt="下载按钮 ps教程" width="374" height="276" src="https://img.jbzj.com/file_images/article/201406/20140624093619121.jpg" /></p>
<p>用加速减淡工具处理一下,ctrl+U改变颜色。</p>
<p align="center"><img alt="下载按钮 ps教程" width="420" height="239" src="https://img.jbzj.com/file_images/article/201406/20140624093619122.jpg" /></p>
<p>缩小,添加投影样式,复制一个到另一侧。</p>
<p align="center"><img alt="下载按钮 ps教程" width="357" height="260" src="https://img.jbzj.com/file_images/article/201406/20140624093619123.jpg" /></p>
<p>输入文字添加投影,最终效果如下。</p>
<p align="center"><img alt="下载按钮 ps教程" width="386" height="248" src="https://img.jbzj.com/file_images/article/201406/20140624093619112.jpg" /></p>
<p align="left">以上就是用photoshop设计一款绿色高光下载按钮的过程,希望大家喜欢</p>
頁: [1]
查看完整版本: 用photoshop设计一款绿色高光下载按钮