塞北狼 發表於 2021-1-26 17:03:47

ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程

<p><strong>ps怎么设计淘宝店铺悬浮导航?</strong>主要利用圆角矩形工具、自定形状工具和文字工具,还不知道具体操作方法的朋友们,不用着急,今天,小编为大家带来了ps制作淘宝网站左侧悬浮导航教程。感兴趣的朋友快来了解一下吧。</p>
<p>&nbsp;<div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/181016/0QT42H931.jpg"><p class="arc_down_title">Adobe Photoshop CC 2019 20.0 简体中文安装版 32/64位</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>1.73GB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2019-12-04</li></ul>查看详情</div></p>
<p><span style="color: #ff0000"><strong>ps制作淘宝网站左侧悬浮导航教程</strong></span></p>
<p>我们【新建】一个【190*520像素】的白色画布(高度不是固定的,可根据自己的需要设置),命名为:悬浮导航,点击【创建】按钮。</p>
<p align="center"><img alt='ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程' src="https://img.jbzj.com/file_images/photoshop/202101/20210126165830.jpg" /></p>
<p>我们用【圆角矩形工具】画出一个红色的圆角形状,如图所示。</p>
<p align="center"><img alt='ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程' src="https://img.jbzj.com/file_images/photoshop/202101/20210126165831.jpg" /></p>
<p>接着,我们在红色的形状上面,继续用【圆角矩形工具】画出一个小小的圆角形状,填充为橙色,如图所示。</p>
<p align="center"><img alt='ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程' src="https://img.jbzj.com/file_images/photoshop/202101/20210126165832.jpg" /></p>
<p>我们用【文字工具】在橙色的圆角形状上面,输入4个字(如:新品上市),填充为红色,如图所示。</p>
<p align="center"><img alt='ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程' src="https://img.jbzj.com/file_images/photoshop/202101/20210126165833.jpg" /></p>
<p>接下来,我们用继续用【文字工具】输入其他分类的相关文字,如图所示。</p>
<p align="center"><img alt='ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程' src="https://img.jbzj.com/file_images/photoshop/202101/20210126165834.jpg" /></p>
<p>我们点击【自定形状工具】在【形状】中,找到前进【箭头】的图标,然后画出一个白色的箭头,如图所示。</p>
<p align="center"><img alt='ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程' src="https://img.jbzj.com/file_images/photoshop/202101/20210126165835.jpg" /></p>
<p>最后,我们把白色的箭头再复制几个出来,TOP左右的两个箭头旋转一下角度就完成了。</p>
<p align="center"><img alt='ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程' src="https://img.jbzj.com/file_images/photoshop/202101/20210126165836.jpg" /></p>
<p>  以上便是琼殿技术社区小编为大家分享的&quot;ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程&quot;的全部内容,希望能够帮到你,琼殿技术社区持续发布更多资讯,欢迎大家的关注。</p>
頁: [1]
查看完整版本: ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程