查看: 54|回复: 0

[photoshop] ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

[复制链接]

1

主题

0

回帖

0

积分

热心网友

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2012-7-25
发表于 2021-6-3 14:18:36 | 显示全部楼层 |阅读模式

我们知道淘宝店铺上新货是会弄一个新品区,这样对销量比较好,想要制作一款立体的挂牌标题框,用来展示新品,该怎么操作呢?我们可以使用ps设计,主要用到圆角矩形工具、椭圆工具、滤镜高斯模糊和斜面和浮雕,下面我们就来看看详细的教程。

Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程

  • 类型:图像处理
  • 大小:1.93GB
  • 语言:简体中文
  • 时间:2022-05-13
查看详情

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

我们用【圆角矩形工具】画出一个400*100像素的圆角矩形,颜色填充为红色【#e8222d】,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

接着,我们选中圆角矩形,点击【FX】选择【斜面和浮雕】,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

我们把斜面和浮雕的样式选择为【内斜面】,方向设置为【】,其他参数可根据自己的需要进行调整,然后把高光模式设置为滤色,颜色为淡粉色,点击【确定】,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

我们按下【CTRL+J】把圆角矩形复制一个出来,缩小一点,旋转90度,然后把它移动到下一层,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

我们把小的圆角矩形复制一个出来,把填充颜色设置为黑色,然后右键选择【栅栏化图层样式】,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

我们选中黑色的圆角矩形,在【滤镜】-【模糊】中选择【高斯模糊】,然后半径设置为3像素,点击【确定】,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法
ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

我们把两个小圆角矩形叠放在一起,然后把黑色圆角矩形的填充调整为35%,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

我们用【椭圆工具】在上面画出一个小小的圆形,颜色填充为深红色,如图所示。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

最后,我们把形状复制一组移动到右边,用【文字工具】输入需要的文字(比如:新品专区),颜色填充为【#f5e0a3】就完成了。

ps怎么设计立体的淘宝挂牌标题框? 淘宝新品区的ps设计方法

以上就是淘宝新品区的ps设计方法,希望大家喜欢,请继续关注琼殿技术社区。

相关推荐:

ps中国风标题框怎么设计? 淘宝爆款标题框样式的做法

PS怎么设计漂亮的圆角标题框? ps圆角矩形框的做法

ps怎么使用单行选框工具设计一张会员卡?

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部