抓住王语嫣 發表於 2017-6-6 10:17:02

ps怎么设计一款带阴影的网页按钮?

<p>不定期更新一些小教程分享,希望能帮到你们。今天我就带着大家做一下弥散阴影设计技巧,即装逼,又实用,还能一秒提升作品质量,首先我们欣赏几个弥散阴影设计效果。先看看效果图。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130416/16061464391.jpg"><p class="arc_down_title">Adobe Photoshop 8.0 中文完整绿色版</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>150.1MB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2015-11-04</li></ul>查看详情</div></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201706/2017060610003175.png" /></p>
<p>1、以界面中的圆角矩形按钮来做案例,<strong>先画个500*100的圆角矩形,色值#52ca7a</strong>,得到一个圆角矩形,我命名为:设计网【<span style="color: #ff0000"><strong>圆角</strong></span>】,(朋友们要记住想用弥散阴影,先别用直角,圆角做出来的效果更好看)</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201706/2017060610003173.png" /></p>
<p>2、ctrl+j快捷键复制设计网【<strong>圆角</strong>】得到设计网【<span style="color: #ff0000"><strong>阴影</strong></span>】,这里和直接在图层样式中添加投影样式的区别就在这里了:必须要把设计网【<strong>阴影</strong>】等比例缩小一些!然后透明度设40%左右,<strong>并向下移动15px左右</strong>(这些数值仅供参考,具体自己把握,方法是死的,人是活的,另外记得把设计网【<strong>阴影</strong>】图层移到设计网【<strong>圆角</strong>】下方)</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201706/2017060610003174.png" /></p>
<p>3、点开PS<strong>工具栏</strong>中的<span style="color: #ff0000"><strong>窗口-属性-蒙板</strong></span>,设置羽化为10左右,就这样一个最最简单的弥散阴影就做出来啦!!</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201706/2017060610003175.png" /></p>
<p>是不是很简单,我们可以发挥创意,运用弥散阴影技巧设计出更多有意思的小部件,并且完美运用。</p>
<p><strong>相关推荐:</strong></p>
<p>ps怎么使用图层面板中的搜索按钮快速找到所需图层?</p>
<p>PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程</p>
<p>ps怎么做一个朦胧的按钮? ps制作弥漫阴影效果的按钮的教程</p>
頁: [1]
查看完整版本: ps怎么设计一款带阴影的网页按钮?