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

编辑:云登 浏览:

导读:本文为大家介绍ps如何制作简洁漂亮的网站快速导航工具图标(ps如何制作简洁漂亮的网站快速导航工具视频),下面和小编一起看看详细内容吧。下面我就和大家分享一下如何利用PS制作一个简单又美观的网站快速导航工具。教程很

本文为大家介绍ps如何制作简洁漂亮的网站快速导航工具图标(ps如何制作简洁漂亮的网站快速导航工具视频),下面和小编一起看看详细内容吧。

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

打开PS软件,创建一张尺寸为“300*300”的画布

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

选择“图层1”,点击“过滤器”“噪声”“添加噪声”

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

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

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

选择“渐变工具”

打开“渐变编辑器”,

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

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

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

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

新建“第5层”,使用“渐变工具”着色,并为“第5层”添加“矢量蒙版”。

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

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

选择“图层5”和“图层5复制”,按“Ctrl+Alt+E”合并并创建新图层

“第5 层复制(合并)”

复制并调整“第5层复制(合并)”并将其位置调整为下图中的样式。

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

防范措施

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

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

好了,ps如何制作简洁漂亮的网站快速导航工具图标(ps如何制作简洁漂亮的网站快速导航工具视频)的介绍到这里就结束了,想知道更多相关资料可以收藏我们的网站。

相关推荐

更多