[视频]网站导航按钮的制作

关于都市潜龙网站导航按钮的制作,期待您的经验分享，当代劳模,所有人都应该向你学习！

tzyzxxdjzx 2018-02-02 15:16:34 37762人看过 分享经验到微博

更新：2024-02-22 12:17:13优质经验

来自hao123网址之家https://www.hao123.com/的优秀用户tzyzxxdjzx，于2018-02-02在生活百科知识平台总结分享了一篇关于“网站导航按钮的制作阿凡达2”的经验，非常感谢tzyzxxdjzx的辛苦付出，他总结的解决技巧方法及常用办法如下：

在制作网站的过程中，总是少不了导航按钮，那么如何制作一款有视觉冲击力的按钮呢？现在本人就利用ps打造一款导航按钮，同时分享制作步骤和截图，希望对你有所帮助。

photoshop cs5

1/10分步阅读

双击photoshop cs5快捷方式打开photoshop cs5，执行文件-新建命令，新建一个大小为800*600，分辨率为72，背景颜色为白色的文档。

[图]2/10

在图层面板中点击创建新图层按钮，新建图层1，点击前景色在弹出的拾色器中设置前景色为自己喜欢的颜色。

[图]3/10

选择工具箱里圆角矩形工具，在画布上绘制一个圆角矩形，并栅格化图层。

[图]4/10

双击图层1弹出图层样式对话框，勾选投影选项，设置混合模式为正片叠底，不透明度为30，角度为120，距离为1，大小为1。

[图]5/10

切换到内发光选项，设置混合模式为滤色，设置图案大小为10。

[图]6/10

接着设置外发光选项，设置混合模式为正常，图案大小为6，点击确定按钮。

[图]7/10

选择工具箱里文本工具，在按钮上输入文字“网站首页”，设置字体为隶书，字号为25，颜色为白色。

[图]8/10

选择除了文字图层之外的图层执行ctrl+e合并图层，选择工具箱里魔棒工具选择圆角矩形执行ctrl+c复制，新建图层1和图层1，执行ctrl+v命令。

[图]9/10

分别选择图层1和图层2，选择工具箱里文本工具，依次输入文字内容“关于我们”、“服务中心”。

[图]10/10

执行文件-另存为命令，在弹出的对话框中输入名称为“按钮”，保存在桌面上即可。

[图]PHOTOSHOP水晶按钮导航按钮按钮网页按钮

编辑于2018-02-02，内容仅供参考并受版权保护

我发现了这篇经验很有用：你也认同《网站导航按钮的制作》的经验分享有价值，就请和朋友们一起分享吧。另外，网站导航按钮的制作的经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。经验知识实用生活指南-解决你所有的生活难题！未经许可，谢绝转载。