Photoshop 制作苹果导航栏效果教程
我要评论
第1步、新建一个500px * 50px 的文件
第2步、使用矩形选框工具将样式设置为固定长宽比，宽度设为480px高度设为35px，在当前画布内绘制选区
第3步、转到选择>修改>平滑命令，将取样半径设置为3，再新建一个图层将图层填充为任何你想要的颜色都可以
第4步应用图层样式
设置如下：渐变叠加颜色: #949494 到 #d2d2d2
投影：#b1b1b1
第5步添加一些文字，颜色#383838 字体为Myriad Pro 点击下载photoshop字体 大小为 14pt
第6步应用投影效果，设置如下图所示：（注这里的混合模式改为了正常）
第7步你的导航条现在应该看起来像这个样子
第8步接下来就来给每个链接添加边框
第9步新建一个图层选择铅笔工具，从导航条的顶部到底部绘制两条线间隔1px的线条，如下图所示使用白色。
第10步把这个图层的混合模式改为柔光和不透明度降到20%。
第11步创建一个新层绘制另一条1px线条颜色#808080摆放在两条白线之间
第12步保持这个图层的混合模式为正常把它的不透明度降到35%
第13步复制这两个图层，把他们（线条）摆放在每个链接之间如下图
第14步现在让我们制作翻转效果，在两个线条边框之间做选区如图所示
第15步新建图层，把选区填充为任何想要的颜色。然后转到图层样式应用渐变：颜色#666666到#a1a1a1
第16步把按钮上字体的颜色改为白色应用投影效果颜色为 #454545
第17步这样子你的苹果导航栏就完成了，完成后应该像这个样子。
就这样photoshop教程完成了，大家有看到好的photoshop国外教程可以推荐我们翻译哦，这个教程的话只是教大家做一个苹果风格的效果，要想在网页上实现这种效果还需要设置css样式，附苹果官网的导航条图，有兴趣的朋友可以研究下。
相关文章
- photoshop无疑是一款非常好用的图像编辑软件，对于电脑小白来说操作非常困难，比如提示“不能完成命令，因为没有足够内存（RAM）”要怎么办呢？下面就来看看小编为大家提供2025-05-16
纵享丝滑的修图体验! 10个Photoshop性能优化小技巧
ps提供了丰富的自定义选项，只要根据你的硬件配置和项目需求，合理调整内存、缓存等核心参数，只要几个小步骤，小白用户也能让运行效率加倍2025-04-24
psd文件用什么打开? 没有Photoshop的情况下打开psd文件的四种方法
收到了psd文件，但是电脑没有安装ps，该怎么解决这个问题呢？下面我们就来看看这个问题的解决办法2025-05-07ps一直闪退是什么原因? Photoshop闪退原因及解决方案
在使用过程中，Photoshop总是会无缘无故地自动退出，这不仅打断了工作流程，还可能导致未保存的更改丢失，令人头疼不已，本文将深入剖析Photoshop自动退出的原因，并提供相2024-07-04
怎么优化PSD文件? 有效防止Photoshop崩溃卡死的技巧奥
明就几个图层，并没有引入什么大型图片，但是 PSD 文件却异常巨大，而且用起来经常卡顿？下面我们就来看看pds文件优化方法2024-05-25
将多个图层合并为一个图层，但作为设计师你需要了解一下合并图层是有破坏性的，下面我们就来详细介绍一下2024-05-25- 通常是因为Photoshop使用的暂存盘空间不足，导致无法正常工作,那么，如何解决这一问题呢？本文将为您提供详细的解决方案2024-05-25
ps导出文件的时候，可以直接存储，也可以另存存储为，这两个操作有区别吗？新手该怎么保存文件呢？详细请看下文介绍2024-03-28
ps beta ai显示高峰需求进不去怎么办? psai高峰期需求用不了解决办法
PSBetaAI2023加入了AI的功能，在使用过程中，有时会遇到一个令人烦恼的问题，那就是PhotoshopBetaAI提示我们正在面临高峰需求，请稍候再试，针对这个问题，本文为大家整理2024-03-28ps段落两端对齐不能用怎么办? ps文字排版不能对齐的修复技巧
PS进行设计时，段落两端对齐是一个常用的排版功能，它能让文本看起来更加整洁和专业,然而，许多用户在使用PS时可能会遇到一个令人头疼的问题：段落两端对齐功能似乎不起作2024-03-09
最新评论