Photoshop怎样制作一个精细的导航按钮

页设计中按钮的制作非常重要,精致的按钮会给网页增色不少。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单:先用图形工具制作出按钮的形状,然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。
最终效果:

步骤/方法

  • 01

    1、打开photoshop,然后新建一个文档250*150,并填充背影:#252a38。

  • 02

    2、在工具箱上选择椭圆图标并设置如图。

  • 03

    3、新建一个图层,然后填充一个颜色。

  • 04

    4、在调色板上设置如下。

  • 05

    5、使用渐变拉出线性渐变,渐变效果如下。

  • 06

    6、双击图层,打开图层样式,给图层添加阴影和描边,参数及效果如下图。

  • 07

    7、在工具箱上选择加深和减淡工具,设置如图。

  • 08

    8、然后在图所标识的地方,涂沫如下。

  • 09

    9、选择椭圆选区,作出效果如下。

  • 10

    10、添加渐变,设置如图,从上而下线性渐变。

  • 11

    11、按ctrl+D取消选区,并更改图层的不透明度:40%,,混合模式为“叠加”。

  • 12

    12、现在使用文字工具,添加文字并设置图层样式,参数及效果如下图。

  • 13

    13、添加下面的文字,效果如下。

  • 14

    14、在文字前面加上自己喜爱的图标,按ctrl+U调整色相/饱和度,设置如下,再把图层混合模式改为“叠加”,完成最终效果。 其它颜色的按钮制作方法相同。

(0)

相关推荐

  • Photoshop怎样制作简单的蓝色导航按钮

    本教的按钮部分制作比较简单,用图层样式就可以完成.不过作者在介绍按钮的同时也介绍了背景部分的制作.这样搭配起来,做出的按钮更漂亮. 最终效果: 步骤/方法 01 1.新建一文件,大小自定,这里是600 ...

  • 怎样使用Photoshop软件制作一个骰子

    教大家使用Photoshop软件制作一个骰子,灵活的运用变形工具. 操作方法 01 首先打开Photoshop软件,在工具箱下方设置背景色为黑色,创建一个新的黑色背景文件.大小参数设置效果如图所示. ...

  • Photoshop怎样制作两款常用水晶按钮

    Photoshop怎样制作两款常用水晶按钮 最终效果1:最终效果2: 步骤/方法 01 1.新建一个500 * 300的文件,背景填充颜色:#242424深灰色. 02 2.新建一个图层,选择圆角矩形 ...

  • 如何用flash制作一个控制播放的按钮

    flash是一款功能强大的矢量图形制作软件,我们使用该软件不仅可以制作动画,也可以制作矢量图形,下面我们就来看看在flash中是如何制作播放按钮的吧. 操作方法 01 首先将flash打开,打开该软件 ...

  • Photoshop快速制作一个漂亮的蓝色蝴蝶结

    蝴蝶结重点是褶皱部分的制作,制作之前最好把整体拆分一下,然后铺出底色.再用剪贴蒙版图层分段加上细节.作者写的有点简略,实际刻画的过程要复杂很多. 最终效果 步骤/方法 01 钢笔绘制轮廓:钢笔绘制轮廓 ...

  • 如何使用Photoshop软件制作带阴影的球体效果

    教大家使用Photoshop软件制作一个带阴影的球体,以此来练习使用选区工具和渐变工具. 操作方法 01 打开Photoshop软件,选择菜单"文件-新建"命令(或快捷键Ctrl+ ...

  • Photoshop怎样制作漂亮的绿色水晶导航按钮

    按钮是网页中不可缺少的部分,好的按钮可以给网页增色不少.下面的教程介绍水晶风格的导航按钮制作.制作的时候先制作按钮的一部分,然后再复制组成导航栏. 最终效果: 步骤/方法 01 1.新建文件,大小50 ...

  • Fireworks如何制作一个按钮

    FW制作一个按钮(适合初学者) 效果图:   用("椭圆"工具)画出一个圆,用("圆角"矩形)画出一个圆角矩形,然后把矩形叠放在圆上面: 执行>>修 ...

  • ppt2010如何制作一个后退或前一项的动作按钮

    ppt2010如何制作一个后退或前一项的动作按钮呢?下面小编来告诉大家. 操作方法 01 首先,我们打开我们电脑上面的ppt2010: 02 之后我们点击插入: 03 然后我们点击形状: 04 之后我 ...