在制作网站的过程中 ， 总是少不了导航按钮 ， 那么如何制作一款有视觉冲击力的按钮呢？现在本人就利用ps打造一款导航按钮 ， 同时分享制作步骤和截图 ， 希望对你有所帮助 。
文章插图
工具/原料photoshop cs5
方法/步骤1双击photoshop cs5快捷方式打开photoshop cs5 ， 执行文件-新建命令 ， 新建一个大小为800*600 ， 分辨率为72 ， 背景颜色为白色的文档 。
文章插图
2在图层面板中点击创建新图层按钮 ， 新建图层1 ， 点击前景色在弹出的拾色器中设置前景色为自己喜欢的颜色 。
文章插图
3选择工具箱里圆角矩形工具 ， 在画布上绘制一个圆角矩形 ， 并栅格化图层 。
文章插图
4双击图层1弹出图层样式对话框 ， 勾选投影选项 ， 设置混合模式为正片叠底 ， 不透明度为30 ， 角度为120 ， 距离为1 ， 大小为1 。
文章插图
5切换到内发光选项 ， 设置混合模式为滤色 ， 设置图案大小为10 。
文章插图
6接着设置外发光选项 ， 设置混合模式为正常 ， 图案大小为6 ， 点击确定按钮 。
文章插图
7选择工具箱里文本工具 ， 在按钮上输入文字“网站首页” ， 设置字体为隶书 ， 字号为25 ， 颜色为白色 。
文章插图
8选择除了文字图层之外的图层执行ctrl+e合并图层 ， 选择工具箱里魔棒工具选择圆角矩形执行ctrl+c复制 ， 新建图层1和图层1 ， 执行ctrl+v命令 。
文章插图
9分别选择图层1和图层2 ， 选择工具箱里文本工具 ， 依次输入文字内容“关于我们”、“服务中心” 。
文章插图
10【网站导航按钮的制作】执行文件-另存为命令 ， 在弹出的对话框中输入名称为“按钮” ， 保存在桌面上即可 。
文章插图
以上内容就是网站导航按钮的制作的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何调整搜狗输入法候选窗口的位置
- QQ群里面发起的投票，在哪里能看到投票情况呢
- 如何取消QQ的记住密码
- 如何在Flash舞台中实时显示鼠标与原点的距离
- 仓鼠第一窝小鼠存活率
- 柴犬寿命一般多少年
- 鸡蛋是热性还是凉性的鸡蛋属热性还是凉性
- 如何让QQ登录时同步最近的聊天记录
- 构造函数在Flash中的定义规则
- 一杯凉茶可解暑百热，功夫茶的泡法视频