查看: 100|回复: 0

[photoshop] ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

[复制链接]

2

主题

0

回帖

0

积分

热心网友

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-17
发表于 2021-1-21 09:13:39 | 显示全部楼层 |阅读模式

ps怎么快速制作宝贝分类导航,因为制作宝贝分类图的形状,字体大小和排版都是相同的,所以我们把第一组分类图做好之后,再复制出多组进行修改图片和文字即可,该怎么制作呢?下面我们就来看看详细的教程。

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

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

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

我们用【圆角矩形工具】画出一个白色的圆角形状,如图所示。

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

我们在图层中选中圆角矩形,点击【fx】找到【投影】,如图所示。

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

接着,我们在投影里面把颜色设置为【黑色】,不透明度为9%,角度为90度,扩展为15%,大小为10像素,然后点击【确定】,如图所示。

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

我们点击【图框工具】在上方选择【椭圆图框】,然后在圆形矩形上面画出一个合适大小的圆形图框,如图所示。

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

我们把分类的宝贝图片拖入圆形的图框中,如图所示。

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

我们在圆形的下面输入文字,在查看更多的文字下面画出一个矩形,如图所示。

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

我们把所有的图层一起选中(除了背景),然后按下【Ctrl+G】组成一个组,如图所示

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

最后,我们选中第一组的图层,按住【Alt】键向右边拷贝出4组,在上方输入快速导航的文字就完成了。

ps怎么设计淘宝店铺宝贝分类导航? ps淘宝分类导航的做法

以上就是ps淘宝分类导航的做法,希望大家喜欢,请继续关注琼殿技术社区。

相关推荐:

ps怎么设计一款简洁的网站导航条?

PS导航器怎么快速定位图片的位置?

ps怎么制作一个漂亮的导航栏按钮?

回复

使用道具 举报

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

本版积分规则

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

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

在本版发帖返回顶部