论坛 › Photoshop › photoshop制作绿色水晶网页导航

敖珍瑞 发表于 2013-11-23 10:55:12

photoshop制作绿色水晶网页导航

简介:本例中我们利用photoshop制作一款绿色的水晶一般的网页导航条,做出漂亮的网站UI界面,这是一种绿色清爽风格的效果,很实用.
先看一下看效果吧! :)

第1步：创建文件，大小500x 200px ，选取渐变工具(G)，(径向渐变)从#363636到#252525。 最左半移动到右下角。

第2步：创建层， 选取选区工具(M)，固定大小为100 x 40px

第3步：填充线性渐变从 #68ad40与#4c8c2c .

第4步：选着图层样式 > 内发光 > 渐变叠加 > 描边#427a25



此时您的按钮应该是如此的.

                                                           
      第5步:创建层，同时选种新层与按钮层拼合(ctrl+E)，此时做一点发光效果，加深工具(O)，笔头大小为45px，不透明度为10%，围绕按钮周围加深。

第6步：此时，选取减淡工具(O)，运用了一14象素的软刷，不透明度为10%。 (小鱼提醒：选取高光)

第7步：拷贝按钮见图：

第8步：创建层，灰色到透明，选取编辑 >变换 >透视

第9步:降低透明度为10%。

第10步：最终，加上一点文字。小鱼做完:)您呢(*^__^*) 嘻嘻……

小鱼做完:)您呢(*^__^*) 嘻嘻……

景绮玉 发表于 2013-11-23 11:01:03

……

柏新洁 发表于 2013-11-27 15:44:21

占坑编辑ing

席安琪 发表于 2013-11-29 14:40:23

1v1飘过

花清嘉 发表于 2013-11-30 13:34:24

占坑编辑ing

王浓绮 发表于 2014-3-13 22:05:09

向楼主学习

郎慧心 发表于 2014-3-30 16:15:13

打酱油的人拉，回复下赚取积分

屈娅芹 发表于 2014-4-4 17:19:35

站位支持

雍旎旎 发表于 2014-4-10 18:41:44

元芳你怎么看？

邬世韵 发表于 2014-4-18 18:56:16

LZ是天才，坚定完毕

石依云 发表于 2014-4-23 17:12:45

支持支持再支持

酆俊雅 发表于 2024-12-7 22:58:52

我只是路过，不发表意见

樊娅琼 发表于 2025-3-29 18:53:51

为了三千积分！

西门彬 发表于 2025-4-28 19:55:07

楼主呀，，，您太有才了。。。

高文静 发表于 2025-5-6 18:44:30

发发呆，回回帖，工作结束~

欧阳彦芝 发表于 2025-7-24 21:13:05

支持，赞一个

丌官灵雨 发表于 2025-7-25 10:47:55

珍爱生命，果断回帖。

高文静 发表于 2025-9-15 12:56:20

发发呆，回回帖，工作结束~

闻人逸致 发表于 2025-9-26 17:15:45

小白一个 顶一下

梁飞雪 发表于 5 天前

边撸边过

查看完整版本: photoshop制作绿色水晶网页导航