如何用photoshop制作网页渐变按钮

 时间:2024-10-14 15:23:04

1、打开photoshop 7.0 新建一个所需大小的图像,网页按钮一般选择矩形,当然如果有需要,还可以绘制自己需要的特殊形状按钮,但在网页制作时一般使用矩形按钮。如图所示新建一个200*50像素的图像:

如何用photoshop制作网页渐变按钮如何用photoshop制作网页渐变按钮

2、选择工具栏的渐变工具,如图所示:

如何用photoshop制作网页渐变按钮

3、选择渐变工具后注意上面菜单栏渐变工具小三角下面下拉列表有很多预设的渐变颜色,第一个和第二个分别是前景色到背景色渐变以及前景色到透明色的爨痂戡秫渐变。根据需要选择渐变的颜色,我们选择前景色到背景色的渐变,如图所示:

如何用photoshop制作网页渐变按钮

4、在菜单栏的渐变色后面还有五中渐变模式,分别是线性渐变、径向渐变、角度渐变、对称渐变以及菱形渐变,默认情况下是线性渐变,根据需要选择需要的渐变模式,我们选择默认的线性渐变,其靓脘堤窳他还有不透明度、反向等选择项,可以根据需要选择不同效果。

5、颜色选择以及模式选择好后,将光标小十字移到建立的图像上面,可以从左到右,也可以从上到下,网页制作中多是上下渐变方式,拖动光标,即可形成渐变效果,如图所示:

如何用photoshop制作网页渐变按钮

6、这样,一个有立体感的上下渐变按钮就完成了,在真实制作过程中还可以利用墨水瓶制作不同的渐变效果……

  • 如何在ps中给文字添加图案叠加和浮雕效果
  • Photoshop中如何使用单行与单列选框
  • PS中如何制作倒影?
  • PS如何精修桌面效果?
  • Ps如何抠取高脚杯?
  • 热门搜索
    双频wifi是什么意思 hrp是什么意思 1979年属什么 惠州有什么好玩的地方 弹弓皮筋什么牌子好 84年属什么生肖 临官是什么意思 无机盐是什么 purple是什么颜色 股票配债是什么意思