查看: 65|回复: 0

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

[复制链接]

8

主题

0

回帖

0

积分

热心网友

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2011-1-24
发表于 2021-1-26 17:03:47 | 显示全部楼层 |阅读模式

ps怎么设计淘宝店铺悬浮导航?主要利用圆角矩形工具、自定形状工具和文字工具,还不知道具体操作方法的朋友们,不用着急,今天,小编为大家带来了ps制作淘宝网站左侧悬浮导航教程。感兴趣的朋友快来了解一下吧。

 

Adobe Photoshop CC 2019 20.0 简体中文安装版 32/64位

  • 类型:图像处理
  • 大小:1.73GB
  • 语言:简体中文
  • 时间:2019-12-04
查看详情

ps制作淘宝网站左侧悬浮导航教程

我们【新建】一个【190*520像素】的白色画布(高度不是固定的,可根据自己的需要设置),命名为:悬浮导航,点击【创建】按钮。

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

我们用【圆角矩形工具】画出一个红色的圆角形状,如图所示。

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

接着,我们在红色的形状上面,继续用【圆角矩形工具】画出一个小小的圆角形状,填充为橙色,如图所示。

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

我们用【文字工具】在橙色的圆角形状上面,输入4个字(如:新品上市),填充为红色,如图所示。

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

接下来,我们用继续用【文字工具】输入其他分类的相关文字,如图所示。

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

我们点击【自定形状工具】在【形状】中,找到前进【箭头】的图标,然后画出一个白色的箭头,如图所示。

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

最后,我们把白色的箭头再复制几个出来,TOP左右的两个箭头旋转一下角度就完成了。

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

  以上便是琼殿技术社区小编为大家分享的"ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程"的全部内容,希望能够帮到你,琼殿技术社区持续发布更多资讯,欢迎大家的关注。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部