蝙蝠岛资源网 Design By www.hbtsch.com

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,悬浮导航,淘宝店铺悬浮窗

蝙蝠岛资源网 Design By www.hbtsch.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

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

暂无ps怎么设计淘宝店铺悬浮导航 ps制作淘宝网站左侧悬浮导航教程的评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。