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

      ps怎么设计淘宝店铺悬浮导航呢?还有不了解的朋友 , 下面跟随小编一起看一下ps制作淘宝网站左侧悬浮导航教程介绍吧 , 感兴趣的小伙伴赶紧过来看看吧!
      我们【新建】一个【190*520像素】的白色画布(高度不是固定的 , 可根据自己的需要设置) , 命名为:悬浮导航 , 点击【创建】按钮 。
ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程
文章图片

      我们用【圆角矩形工具】画出一个红色的圆角形状 , 如图所示 。
ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程
文章图片

      接着 , 我们在红色的形状上面 , 继续用【圆角矩形工具】画出一个小小的圆角形状 , 填充为橙色 , 如图所示 。
ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程
文章图片

      我们用【文字工具】在橙色的圆角形状上面 , 输入4个字(如:新品上市) , 填充为红色 , 如图所示 。
ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程
文章图片

【ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程】       接下来 , 我们用继续用【文字工具】输入其他分类的相关文字 , 如图所示 。
ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程
文章图片

      我们点击【自定形状工具】在【形状】中 , 找到前进【箭头】的图标 , 然后画出一个白色的箭头 , 如图所示 。
ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程
文章图片

      最后 , 我们把白色的箭头再复制几个出来 , TOP左右的两个箭头旋转一下角度就完成了 。
ps怎么设计淘宝店铺悬浮导航,ps制作淘宝网站左侧悬浮导航教程
文章图片

      以上便是小编为大家分享的ps制作淘宝网站左侧悬浮导航教程的全部内容 , 希望能够帮到你哦!