诚之道 發表於 2017-3-11 14:54:06

ps怎么设计一款圆角透明水晶按钮?

<p>PS软件运用十分广泛,深受广大观众的喜欢,主要应用到图片处理,文字排版,图形设计,网页设计等多个 方面,下面和小编一起来学习如何用PS设计圆角按钮吧,效果如小兔所示。</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/201703/2017031114425359.png" /></p>
<p>1、新建一个280像素*110像素的白色背景,<strong>新建图层,选</strong>择<strong><font color="#ff0000">圆角矩形工具</font>,</strong>设置半径为50像素,将路径转换选区,填充黑色。<strong>双击图</strong>层,选择投影,设置为正片叠底,距离为5像素<strong>,选择内发光</strong>,设置大小为50个像素,再次勾选斜面和浮雕,设置大小为250像素,<strong><font color="#ff0000">勾选内阴影</font></strong>,设置大小为7像素,<strong>勾选外发光,设置大小为5像素</strong>,如图</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031114425460.jpg" /> </p>
<p>2、勾选<strong><font color="#ff0000">渐变叠加</font></strong>,设置颜色<strong>从左到右为白色,</strong>黑色,白色,深灰色,点击确定。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031114425461.jpg" /> </p>
<p>3、勾选<strong><font color="#ff0000">描边</font></strong>,设置描边的填充类型为<strong>渐变填充</strong>,然后设置颜色从左到右为深灰色,浅灰色,深灰色,浅灰色,深灰色,点击确定。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031114425462.jpg" /> </p>
<p>4、然后选择<strong>横排文字工具</strong>,输入文字,复制文字副本,新建图层,将新建的图层与文字副本进行合并,<strong>设置名称为倒影</strong>,然后选择垂直翻转,设置前景色为白色,背景色为黑色,然后选择<strong>渐变工</strong>具,设置为从前景色到背景色的渐变,然后点击确定。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031114425463.jpg" /> </p>
<p>5、再次新建图层,选择图层1,载入图层1 的选区,然后设置颜色为白色,填充前景色,然后<strong>选钢笔工具</strong>,绘制一个基本的轮廓,然后载入选区,按<strong><font color="#ff0000">delete键</font></strong>删除多余的选区。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031114425464.jpg" /> </p>
<p>6、之后将图层的不透明度<strong>设置为50%</strong>,然后双击图层,打开图层样式,设置投影为<strong><font color="#ff0000">正片叠底</font></strong>,设置距离为3个像素,设置大小为5个像素,点击确定,<strong>再次勾选斜面和浮雕,</strong>设置样式为内斜面,设置大小为1个像素,点击确定。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031114425465.jpg" /> </p>
<p>7、圆角按钮就设计好了,如图。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031114425466.jpg" /> </p>
<p><strong>相关推荐:</strong> </p>
<p>ps怎么制作一款素雅有质感的按钮? </p>
<p>PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程 </p>
<p>ps怎么做一个朦胧的按钮? ps制作弥漫阴影效果的按钮的教程 </p>
頁: [1]
查看完整版本: ps怎么设计一款圆角透明水晶按钮?