ps制作淘宝店铺详情页左侧推荐小图教程
发布时间：2021-05-25 编辑：√無∑情— 内容来源：收集于网络
用ps制作详情页左侧的190小图，它可以用到展示新上架的宝贝或热销宝贝，它不是默认显示的，需要我们手动进行添加，该怎么设计呢？下面我们就来看看ps设计详情页左侧展示图的技巧。
我们新建一个190*690像素的白色画布，命名为详情页小图，然后点击【创建】，如图所示。
我们点击【矩形工具】画出一个190*230的形状，把填充颜色设置为无，描边设置为5像素，如图所示。
我们点击【钢笔工具】设置为【形状】，填充为橙色，不要描边，画出一个不规则的形状，如图所示。
接着，我们把两个形状一起选中按下【Ctrl+G】编组，点击【fx】选择【渐变叠加】，如图所示。
接下来，我们设置好渐变颜色，样式选择为线性，角度调整为180度，点击【确定】，如图所示。
我们用【椭圆工具】画出一个圆形，描边颜色设置为白色大小为1.2像素。填充设置为渐变颜色从橙色到白色，然后把两个颜色叠放在一起，如图所示。
我们在左上角处画出一个不规则的形状，用【文字工具】输入相关的文字，插入宝贝的图片，然后把图层全部选中（除了背景）编组在一起，如图所示。
我们按下【Alt】键向下复制出两组，分别修改文字和图片，然后点击【切片工具】，选择【基于参考线的切片】，如图所示。
接下来，我们点击【文件】-【导出】选择【存储为web所用格式】，把图片保存下来，如图所示。
我们在PC端的店铺装修中，选择【默认宝贝详情页】，如图所示。
我们在190模块中，把【自定义区】拖入详情页的左侧，如图所示。
最后，我们点击【编辑】不显示标题，然后分别插入图片加上相关的链接，点击【确定】就完成了，如图所示。
以上就是用ps制作详情页左侧的190小图的技巧，希望大家喜欢，请继续关注57自学网。
PS疑难杂症教程分类
热门教程
- photoshop快捷键大全，photoshop2021快捷键按钮
- ps图案怎么添加凹凸材质? ps凹凸图案的制作方法
- PS怎么建模一款3D的帽子? ps制作3D效果实例教程
- ps怎么设计光线效果的海报? PS简单制作海报教程
- 怎样用PS修改PDF文件的文字或时间？PS修改扫描件教程
- PS的斜切、透视、扭曲、变形、旋转等工具如何使用?
- ps怎么绘制拼花效果的图案?ps绘制装修拼花效果教程
- PS设计小说封面教程，封面制作成立体书本教程
- 5个pscc2016小技巧,让工作效率提高五倍
- PS作外发光并跳动的心形，PS制动彩色动图教程
- ps设计立体纸袋的教程
- Photoshop设计3d立体时尚的人物杂志海报
- Photoshop制作青蛙爬出手机屏幕三维立体海报教程
- ps怎么进行打印? ps图片只打印局部选中区域的技巧
- ps简单绘制2.5d风格城堡教程
- ps一键显示所有图层怎么操作? PS批量开关图层显示的技巧
- ps制作阴影遮盖图片动画效果
- ps把图片颜色添加到色板?ps批量添加调好的颜色至色板教程
