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

软件名称：

Adobe Photoshop 2021 v22.2.0.183 ACR13.1.1 一键直装特别版

软件大小：

2.55GB

更新时间：

2021-02-12立即下载

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

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

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

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

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

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

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

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

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

上一页12 下一页 阅读全文