[PS教程] photoshop制作绿色水晶网页导航

[复制链接]
敖珍瑞 2013-11-23 10:55:12
简介:本例中我们利用photoshop制作一款绿色的水晶一般的网页导航条,做出漂亮的网站UI界面,这是一种绿色清爽风格的效果,很实用.
先看一下看效果吧! :)
13CTI020Z-13D5.jpg
第1步:创建文件,大小500x 200px ,选取渐变工具(G),(径向渐变)从#363636到#252525。 最左半移动到右下角。
13CTI020Z-13D5.jpg
第2步:创建层, 选取选区工具(M),固定大小为100 x 40px
13CTI020Z-13D5.jpg
第3步:填充线性渐变从 #68ad40与#4c8c2c .
13CTI020Z-13D5.jpg
第4步:选着图层样式 > 内发光 > 渐变叠加 > 描边#427a25
13CTI020Z-13D5.jpg
13CTI020Z-13D5.jpg
13CTI020Z-13D5.jpg
此时您的按钮应该是如此的.
13CTI020Z-13D5.jpg
                                                             
        第5步:创建层,同时选种新层与按钮层拼合(ctrl+E),此时做一点发光效果,加深工具(O),笔头大小为45px,不透明度为10%,围绕按钮周围加深。
13CTI020Z-13D5.jpg
第6步:此时,选取减淡工具(O),运用了一14象素的软刷,不透明度为10%。 (小鱼提醒:选取高光)
13CTI020Z-13D5.jpg
第7步:拷贝按钮见图:
13CTI020Z-13D5.jpg
第8步:创建层,灰色到透明,选取编辑 >变换 >透视
13CTI020Z-13D5.jpg
第9步:降低透明度为10%。
13CTI020Z-13D5.jpg
第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
发发呆,回回帖,工作结束~
回复

使用道具 举报

手机版

GMT+8, 2025-6-1 18:26

Copyright © 2012 技术派 | 技术支持:技术派设计

Powered by Discuz! X3.4