首页 > 软件专区 > ps教程 >

ps怎么设计淘宝店铺悬浮导航

来源:互联网 2023-02-20 23:31:00 296

ps怎么设计淘宝店铺悬浮导航,主要利用圆角矩形工具、自定形状工具和文字工具,下面把悬浮导航的操作方法分享给大家。Lhg办公区 - 实用经验教程分享!

ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

工具/原料

  • 台式联想电脑
  • Windows 10 专业版64位
  • Adobe Photoshop CC 2019

方法/步骤

  • 1

    我们【新建】一个【190*520像素】的白色画布(高度不是固定的,可根据自己的需要设置),命名为:悬浮导航,点击【创建】按钮。Lhg办公区 - 实用经验教程分享!

    ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

  • 2

    我们用【圆角矩形工具】画出一个红色的圆角形状,如图所示。Lhg办公区 - 实用经验教程分享!

    ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

  • 3

    接着,我们在红色的形状上面,继续用【圆角矩形工具】画出一个小小的圆角形状,填充为橙色,如图所示。Lhg办公区 - 实用经验教程分享!

    ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

  • 4

    我们用【文字工具】在橙色的圆角形状上面,输入4个字(如:新品上市),填充为红色,如图所示。Lhg办公区 - 实用经验教程分享!

    ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    接下来,我们用继续用【文字工具】输入其他分类的相关文字,如图所示。Lhg办公区 - 实用经验教程分享!

    ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

  • 6

    我们点击【自定形状工具】在【形状】中,找到前进【箭头】的图标,然后画出一个白色的箭头,如图所示。Lhg办公区 - 实用经验教程分享!

    ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

  • 7

    最后,我们把白色的箭头再复制几个出来,TOP左右的两个箭头旋转一下角度就完成了。Lhg办公区 - 实用经验教程分享!

    ps怎么设计淘宝店铺悬浮导航Lhg办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Lhg办公区 - 实用经验教程分享!


    标签: PHOTOSHOP软件PS教程

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码