哗华 發表於 2021-3-1 10:01:26

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

<p>用ps制作详情页左侧的190小图,它可以用到展示新上架的宝贝或热销宝贝,它不是默认显示的,需要我们手动进行添加,该怎么设计呢?下面我们就来看看ps设计详情页左侧展示图的技巧。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/200824/09260R33963.png"><p class="arc_down_title">Adobe Photoshop 2021 v22.5.7.859 ACR14.3 一键直装特别版</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>2.33GB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2022-05-13</li></ul>查看详情</div></p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411729.jpg" /></p>
<p>我们新建一个190*690像素的白色画布,命名为详情页小图,然后点击【<strong>创建</strong>】,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411730.jpg" /></p>
<p>我们点击【<strong>矩形工具</strong>】画出一个190*230的形状,把填充颜色设置为无,描边设置为5像素,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411731.jpg" /></p>
<p>我们点击【<strong>钢笔工具</strong>】设置为【<strong>形状</strong>】,填充为橙色,不要描边,画出一个不规则的形状,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411732.jpg" /></p>
<p>接着,我们把两个形状一起选中按下【<span style="color: #ff0000"><strong>Ctrl+G</strong></span>】编组,点击【<strong>fx</strong>】选择【<span style="color: #ff0000"><strong>渐变叠加</strong></span>】,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411733.jpg" /></p>
<p>接下来,我们设置好渐变颜色,样式选择为线性,角度调整为180度,点击【<strong>确定</strong>】,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411834.jpg" /></p>
<p>我们用【<strong>椭圆工具</strong>】画出一个圆形,描边颜色设置为白色大小为1.2像素。填充设置为渐变颜色从橙色到白色,然后把两个颜色叠放在一起,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411835.jpg" /></p>
<p>我们在左上角处画出一个不规则的形状,用【<span style="color: #ff0000"><strong>文字工具</strong></span>】输入相关的文字,插入宝贝的图片,然后把图层全部选中(除了背景)编组在一起,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411836.jpg" /></p>
<p>我们按下【<strong>Alt</strong>】键向下复制出两组,分别修改文字和图片,然后点击【<span style="color: #ff0000"><strong>切片工具</strong></span>】,选择【<strong>基于参考线的切</strong>片】,如图所示。</p>
<p align="center"><img alt='ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?'src="https://img.jbzj.com/file_images/photoshop/202103/2021030109411937.jpg" /></p>
<p>接下来,我们点击【<strong>文件</strong>】-【<strong>导出</strong>】选择【<span style="color: #ff0000"><strong>存储为web所用格式</strong></span>】,把图片保存下来,如图所示。</p>
<p>
                                                <div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁: [1]
查看完整版本: ps怎么制作淘宝店铺详情页左侧推荐小图怎么做?