首页 | 网页设计 | w3c标准 | flash动画 | 平面设计 | 经典文章 | 特约专题 | 资源下载 | 健康频道 | 重庆品牌网站 | 留言簿 | 
技术文章  资源下载 经典素材  社区论坛
   
 您现在的位置: vi设计在线 >> 经典文章 >> 网页设计 >> 网页设计师教程 >> 正文  
  绿色按钮的制作         
[ 作者:佚名    转贴自:本站原创    点击数:1967    更新时间:2006/3/5    文章录入:帝一网络 ]

减小字体 增大字体

绿色按钮的制作 

制作方面还是非常简单的,运用的工具是photoshop7.0,主要运用了渐变:

新建一文件,用圆角矩形工具画一个80X30、半径为8的圆角矩形,然后在图层面板里双击该图层(默认的命名为“形状1”),打开图层样式,按照以下设置:

1、设置渐变叠加:

1

具体的颜色值为:#66CC33、#3BA51F、#20920E、#177E09,请参照以下设置:

2

2、描边:

颜色值为:#006600

3

做完以上几步,就生成了以下效果:

4

接下来我们来完成它的高光部份,高光部份与前面同样,也是用渐变来完成,首先我们在图层面板建立一个新图层,重命名为“高光”,然后按Ctrl+形状1,建立按纽的选区,点击选择菜单->修改->收缩,设置收缩量为1。点击选框工具(或按M键),在选择区域上右键->描边(或者编辑菜单->描边),做以下设置:

1

选中“高光”图层,设置填充的透明度为0:

2

然后双击“高光”图层,打开图层样式,做一个白色从透明到实底的渐变:

3

5

然后在上面加上我们想要的字就可以啦!再加以形状的变化,我们就做出了圆形按纽,以及标题栏等,手法基本相同,只是渐变的颜色值不同而已。

4

 上一篇文章: 网站设计风格和色彩搭配经验谈
 下一篇文章: 网站制作的基本原则
发表评论】【告诉好友】【打印此文】【关闭窗口


技术文章  资源下载
经典素材  社区论坛
 中大型美容美发店老…[1061]
 重庆多达学习俄语培…[2288]
 重庆恒祥广告有限公…[1990]
 重庆市南方阻燃电线…[2402]
 重庆舞美灯光音响有…[3145]
 重庆德鼎滤油机有限…[1908]
 重庆民生建材有限公…[2350]
 重庆集元科技有限公…[4128]
 重庆倍润商贸有限公…[2015]
 重庆腾达展览有限公…[3082]
 帝一网络创始人宣…--[3177]
 重庆vi设计在线祝…--[2740]
 重庆帝一网络书生…--[2855]
 馋嘴鸭的起伏和经…--[3001]
 机器感觉“卡”的…--[2929]
 ActionScript3打造…--[5759]
 在ASP文件中读取H…--[7239]
 vi设计经典案例--[63826]
 帅到掉渣-爆笑版勇…--[7066]
 一个女孩写的经典…--[6827]
没有相关文章
 (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    没有任何评论
设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 重庆网站建设 | 
版权所有: vi设计在线  © 2005-2018 网站备案序号:渝ICP备06003824号
技术支持:帝一网络(重庆网站建设专家)