平面设计 
首页 > 平面设计 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/14 浏览:3 次 )

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制作淘宝网站左侧悬浮导航教程"的全部内容,希望能够帮到你,持续发布更多资讯,欢迎大家的关注。

上一篇:ps月亮怎么做 PS中创建一个半圆月亮的操作流程
下一篇:ps如何让一条直线变成波浪线 ps制作声音波浪线教程
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap