ps制作网页常用水晶按钮(3)

最终效果 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 4.这是是具体的简

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

作者:佚名 出处:网络收集 本教的按钮部分制作比较简单,用图层样式就可以完成。不过作者在介绍按钮的同时也介绍了背景部分的制作。这样搭配起来,做出的按钮更漂亮。 最终效果 1、新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,选择

  最终效果

ps制作网页常用水晶按钮(3)插图

  1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120

ps制作网页常用水晶按钮(3)插图(1)

  2.复制圆角矩形图层并缩小

ps制作网页常用水晶按钮(3)插图(2)

  3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。

ps制作网页常用水晶按钮(3)插图(3)

  4.这是是具体的简便颜色设置

ps制作网页常用水晶按钮(3)插图(4)

  5.给上边的矩形添加样式

ps制作网页常用水晶按钮(3)插图(5)

  6.设置前景颜色为白色,用椭圆工具画出如图形状并设置不透明度为50%,操作如下图

ps制作网页常用水晶按钮(3)插图(6)

  7.载入上部矩形为选区并新建图层用白色描边,并给该图层添加一个蒙版用渐变工具作出下图效果

ps制作网页常用水晶按钮(3)插图(7)

  8.隐藏背景图层,盖印图层,并用自由变换工具做成倒影。

ps制作网页常用水晶按钮(3)插图(8)

  9.加上文字。

ps制作网页常用水晶按钮(3)插图(9)

  10.最后添加一个色相饱和度可以调成自己喜爱的颜色。

ps制作网页常用水晶按钮(3)插图(10)

  5.给上边的矩形添加样式

ps制作网页常用水晶按钮(3)插图(5)

  6.设置前景颜色为白色,用椭圆工具画出如图形状并设置不透明度为50%,操作如下图

ps制作网页常用水晶按钮(3)插图(6)

  7.载入上部矩形为选区并新建图层用白色描边,并给该图层添加一个蒙版用渐变工具作出下图效果

ps制作网页常用水晶按钮(3)插图(7)

  8.隐藏背景图层,盖印图层,并用自由变换工具做成倒影。

ps制作网页常用水晶按钮(3)插图(8)

  9.加上文字。

ps制作网页常用水晶按钮(3)插图(9)

  10.最后添加一个色相饱和度可以调成自己喜爱的颜色。

ps制作网页常用水晶按钮(3)插图(10)

  最终效果

ps制作网页常用水晶按钮(3)插图

  1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120

ps制作网页常用水晶按钮(3)插图(1)

  2.复制圆角矩形图层并缩小

ps制作网页常用水晶按钮(3)插图(2)

  3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。

ps制作网页常用水晶按钮(3)插图(3)

  4.这是是具体的简便颜色设置

ps制作网页常用水晶按钮(3)插图(4)

  最终效果

ps制作网页常用水晶按钮(3)插图

  1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120

ps制作网页常用水晶按钮(3)插图(1)

  2.复制圆角矩形图层并缩小

ps制作网页常用水晶按钮(3)插图(2)

  3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。

ps制作网页常用水晶按钮(3)插图(3)

  4.这是是具体的简便颜色设置

ps制作网页常用水晶按钮(3)插图(4)

  5.给上边的矩形添加样式

ps制作网页常用水晶按钮(3)插图(5)

  6.设置前景颜色为白色,用椭圆工具画出如图形状并设置不透明度为50%,操作如下图

ps制作网页常用水晶按钮(3)插图(6)

  7.载入上部矩形为选区并新建图层用白色描边,并给该图层添加一个蒙版用渐变工具作出下图效果

ps制作网页常用水晶按钮(3)插图(7)

  8.隐藏背景图层,盖印图层,并用自由变换工具做成倒影。

ps制作网页常用水晶按钮(3)插图(8)

  9.加上文字。

ps制作网页常用水晶按钮(3)插图(9)

  10.最后添加一个色相饱和度可以调成自己喜爱的颜色。

ps制作网页常用水晶按钮(3)插图(10)

作者: 791650988

为您推荐