1. 首页 > ps教程 > ps如何制作简洁漂亮的网站快速导航工具图标(ps如何制作简洁漂亮的网站快速导航工具视频)

ps如何制作简洁漂亮的网站快速导航工具图标(ps如何制作简洁漂亮的网站快速导航工具视频)

本文主要为大家介绍如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频),下面一起来看看具体内容吧。

分享给大家如何用PS制作一个简单又漂亮的网站快速导航工具。教程很简单,介绍也很详细。我推荐它。我希望你喜欢它!

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

打开PS软件,创建一个大小为“300*300”的画布

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

调整前景色为“#deffd5”,新建“layer 1”,按“Alt+Del”填充前景色

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

选择“第一层”,点击“滤镜”“噪声”“添加噪声”

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

选择“圆角矩形工具”,选择“图层1”,点击“画布”创建一个圆角矩形

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

双击“圆角矩形1”打开其“图层样式”

添加描边颜色为“#007d3a”的“描边”。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

选择“渐变工具”

打开渐变编辑器,

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

按住Ctrl 并单击“圆角矩形1”,创建一个新的“图层2”并选择它。

按住Shift 并拖动鼠标从左向右滑动。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

选择“Layer 2”,按Ctrl+j,复制“Layer 3”和“Layer 4”,加深画布中矩形的颜色。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

载入“圆角矩形1”的选区,选择“矩形选框工具”,设置“从选区中减去”,绘制出如下图所示的矩形选区。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

新建“图层5”,使用“渐变工具”进行绘画,并为“图层5”添加“矢量蒙版”。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

复制“第5层”,按“Ctrl+t”,鼠标右键“垂直翻转”

按方向键调整变换图层的位置,达到下图效果。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

选择“Layer 5”和“Copy of Layer 5”,按“Ctrl+Alt+E”合并创建一个新层

《第5 层副本(合并)》

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

复制并调整“Layer 5 Copy (Merge)”,并将它们的位置调整为下图中的样式。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

最后,使用“文字工具”添加文本即可。

如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)

防范措施

在Photoshop CC版本中,可以直接将图层转换为CSS文件——直接使用。

以上就是如何用PS制作一个简单美观的网站快速导航工具的介绍。操作非常简单。你学会了吗?希望对大家有所帮助!

关于如何在ps中制作简单美观的网站快速导航工具图标(如何在ps中制作简单美观的网站快速导航工具视频)的介绍到这里就结束了,了解更多办公软件知识可以收藏我们的网站,我们将为你提供更多精彩内容。

本文由陈曼瑶发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/251100.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息