ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法
<p>我们知道淘宝店铺上新货是会弄一个新品区，这样对销量比较好，想要制作一款立体的挂牌标题框，用来展示新品，该怎么操作呢？我们可以使用ps设计，主要用到圆角矩形工具、椭圆工具、滤镜高斯模糊和斜面和浮雕，下面我们就来看看详细的教程。</p><p><div class="arc_down"><img src="https://img.jbzj.com/file_images/article/201910/201910240933002.png"><p class="arc_down_title">Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>1.93GB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2022-05-13</li></ul>查看详情</div></p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140548107.jpg"/></p>
<p>我们用【<span style="color: rgb(255, 0, 0);"><strong>圆角矩形工具</strong></span>】画出一个400*100像素的圆角矩形，颜色填充为红色【<strong>#e8222d</strong>】，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140548108.jpg"/></p>
<p>接着，我们选中圆角矩形，点击【<strong>FX</strong>】选择【斜面和浮雕】，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140548109.jpg"/></p>
<p>我们把斜面和浮雕的样式选择为【<strong>内斜面</strong>】，方向设置为【<strong>上</strong>】，其他参数可根据自己的需要进行调整，然后把高光模式设置为滤色，颜色为淡粉色，点击【<strong>确定</strong>】，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140548110.jpg"/></p>
<p>我们按下【<span style="color: rgb(255, 0, 0);"><strong>CTRL+J</strong></span>】把圆角矩形复制一个出来，缩小一点，旋转90度，然后把它移动到下一层，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140548111.jpg"/></p>
<p>我们把小的圆角矩形复制一个出来，把填充颜色设置为黑色，然后右键选择【<span style="color: rgb(255, 0, 0);"><strong>栅栏化图层样式</strong></span>】，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140549112.jpg"/></p>
<p>我们选中黑色的圆角矩形，在【<strong>滤镜】-【模糊】中选择【高斯模糊】，</strong>然后半径设置为3像素，点击【<strong>确定</strong>】，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140549113.jpg"/><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140549114.jpg"/></p>
<p>我们把两个小圆角矩形叠放在一起，然后把黑色圆角矩形的填充调整为35%，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140549115.jpg"/></p>
<p>我们用【<strong>椭圆工具</strong>】在上面画出一个小小的圆形，颜色填充为深红色，如图所示。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140549116.jpg"/></p>
<p>最后，我们把形状复制一组移动到右边，用【<span style="color: rgb(255, 0, 0);"><strong>文字工具</strong></span>】输入需要的文字（比如：新品专区），颜色填充为【#f5e0a3】就完成了。</p>
<p align="center"><img alt='ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法' src="https://img.jbzj.com/file_images/photoshop/202106/20210603140549117.jpg"/></p>
<p>以上就是淘宝新品区的ps设计方法，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐：</strong></p>
<p> ps中国风标题框怎么设计? 淘宝爆款标题框样式的做法 </p>
<p>PS怎么设计漂亮的圆角标题框? ps圆角矩形框的做法</p>
<p>ps怎么使用单行选框工具设计一张会员卡?</p>
頁:
[1]