°уОyo‖ 发表于 2008-5-11 11:33:12

用photoshop制作网页半透明按钮..。

作者：佚名来源 ：windsn

昨天留言本上有网友留言，要求写一个水晶按钮的教程。昨晚想了想以前做过一个效果，就简单的写了一下，今天发上来。

1. 新建一个文件。选择一个前景色，用“圆角矩形工具”画出一个150*70的按钮主体形状，得图层“形状1”。

2. 复制该图层，得到图层“形状1 副本”，按 Ctrl+T 改变大小，将之收缩，如图。

Photoshop简单制作网页半透明按钮


3. 在图层“形状1”上处理“图层样式”的“渐变叠加”，参数设置如图，渐变颜色可以根据各人做合适的设置。

http://pic.16xx8.com/allimg/080510/1855010.gif

4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。

http://pic.16xx8.com/allimg/080510/1855011.gif
5. 将前景色设置为白色，用“椭圆工具”画出一个形状（具体效果看图），得到图层“形状2”，设置透明度为50%。

http://pic.16xx8.com/allimg/080510/1855012.gif




6. 保持状态，载入“形状1 副本”选区，利用选区添加蒙板。

http://pic.16xx8.com/allimg/080510/1855013.gif

7. 新建“图层1”，再次载入“形状1 副本”选区，“描边”：宽度为3px，颜色为白色，位置内部。添加图层蒙板，用“渐变工具”填充黑白渐变，效果如图。

http://pic.16xx8.com/allimg/080510/1855014.gif

8. 水晶按钮基本完成。将背景层设置为不可见，新建图层2，将图层位于最上方，按 Ctrl+Shift+Alt+E 键盖印图层。可将命名为“盖印图层”。然后复制该图层做成倒影（倒影效果可用蒙板，方法同第7步）。最后为按钮加上文字，设置阴影，水日按钮完成（附上图层）。

http://pic.16xx8.com/allimg/080510/1855015.gif

http://pic.16xx8.com/allimg/080510/1855016.gif

9. 可以调整“色相/饱和度”来获得多种颜色的水晶按钮。

http://pic.16xx8.com/allimg/080510/1855017.jpg

戴草帽的海盗 发表于 2008-5-28 11:52:40

按照你说的做到第四步出来的是整个图层的颜色改变

三天 发表于 2008-5-28 13:17:28

不错不错。。。。。。

不要去想 发表于 2008-5-28 15:44:28

做不出来，水平菜了ps:乱拳猴

西伯利亚 发表于 2008-7-5 01:36:19

先顶再看。。。

拜师学艺 发表于 2008-8-15 12:00:14

哇。楼主果然是高手。。很期待认识你。。我 QQ249181911..........................

笑小江南 发表于 2008-8-15 16:33:29

真的不错，我试了有点问题

灰狼 发表于 2008-8-17 23:59:40

蛮有用的，先试试看....
页: [1]
查看完整版本: 用photoshop制作网页半透明按钮..。