刘超輝 發表於 2018-2-5 14:28:21

ps怎么设计红色的在线购买按钮图形?

<p>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/201802/20180205142047187.png" /></p>
<p>1、打开ps，新建一个文档 ，大小自定 ，单击确定按钮&nbsp;</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142047188.png" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142048189.png" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142048190.png" /></p>
<p>2、选中<span style="color: #ff0000"><strong>圆角矩形工具</strong></span>，用圆角矩形工具在文档中画一个红色的<strong>圆角矩形，</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142048191.png" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142048192.png" /></p>
<p>3、<strong>ctrl+j</strong> 复制图层，如下图所示。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142048193.png" /></p>
<p>4、把复制的图层颜色改为偏黑一点的颜色 ，如下图所示。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142048194.png" /></p>
<p>5、把两个图层调换一下位置，<strong>拖动两个图层即可调换这两个图层的位置，</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142049195.png" /></p>
<p>6、把稍微偏黑一点的颜色的图层 往右往下移动五个像素&nbsp;</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142049196.png" /></p>
<p>7、选中<span style="color: #ff0000"><strong>文字工具</strong></span>，用<strong>文字工具</strong>在圆角矩形中写上文字，大小根据自己矩形的大小而定，颜色选择为白色，大家可以打上自己喜欢的文字，小编打上的是 &ldquo;&rdquo;<strong>在线购买&ldquo;&rdquo;</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142049197.png" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142049198.png" /></p>
<p>8、最终效果图，大家可以跟着步骤学一下。如果哪一步看不懂，可以在下面留言哦。&nbsp;</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/20180205142049199.png" /></p>
<p>以上就是ps设计在线购买按钮的教程，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐： </strong></p>
<p>ps怎么设计立体的双色按钮?</p>
<p>ps怎么设计圆形的中间凸起的水晶按钮? </p>
<p>ps怎么设计红色的圆形按钮? ps设计按钮的教程 </p>
頁: [1]
查看完整版本: ps怎么设计红色的在线购买按钮图形?