ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

(编辑:jimmy 日期: 2025/1/21 浏览:2)

用ps制作详情页左侧的190小图,它可以用到展示新上架的宝贝或热销宝贝,它不是默认显示的,需要我们手动进行添加,该怎么设计呢?下面我们就来看看ps设计详情页左侧展示图的技巧。

软件名称:
Adobe Photoshop 2021 v22.2.0.183 ACR13.1.1 一键直装特别版
软件大小:
2.55GB
更新时间:
2021-02-12立即下载

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

我们新建一个190*690像素的白色画布,命名为详情页小图,然后点击【创建】,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

我们点击【矩形工具】画出一个190*230的形状,把填充颜色设置为无,描边设置为5像素,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

我们点击【钢笔工具】设置为【形状】,填充为橙色,不要描边,画出一个不规则的形状,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

接着,我们把两个形状一起选中按下【Ctrl+G】编组,点击【fx】选择【渐变叠加】,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

接下来,我们设置好渐变颜色,样式选择为线性,角度调整为180度,点击【确定】,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

我们用【椭圆工具】画出一个圆形,描边颜色设置为白色大小为1.2像素。填充设置为渐变颜色从橙色到白色,然后把两个颜色叠放在一起,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

我们在左上角处画出一个不规则的形状,用【文字工具】输入相关的文字,插入宝贝的图片,然后把图层全部选中(除了背景)编组在一起,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

我们按下【Alt】键向下复制出两组,分别修改文字和图片,然后点击【切片工具】,选择【基于参考线的切片】,如图所示。

ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?

接下来,我们点击【文件】-【导出】选择【存储为web所用格式】,把图片保存下来,如图所示。

上一页12 下一页 阅读全文

一句话新闻

一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?