标题: 绿色按钮的制作
space
管理员
Rank: 9Rank: 9Rank: 9


UID 2
精华 65535
积分 657019
帖子 546
下载币 385 枚
推广分 2058 点
经验值 1945 点
阅读权限 200
注册 2005-3-25
状态 离线
发表于 2006-4-1 08:54  资料  个人空间  短消息  加为好友 
绿色按钮的制作

前一段时间模仿了rokey的一组图标。

Rokey的图标请查:

http://chinaui.com/ui_view.asp?id=2847

 

个人感觉虽然很像,但还是有很大差距。应linx、紫色耳坠的要求,在这里出一篇教程,相信可以对初学者带来一定帮助。第一次写教程,希望大家不要笑我噢!

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

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

1、设置渐变叠加:

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

2、描边:

颜色值为:#006600

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

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

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

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

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



把下面的网址贴到网络上任何地方,可以获得下载币 详情点击这里
http://bbs.sj63.com/viewthread.php?tid=2161&fromuid=0 复制本帖地址
顶部
[广告] 如何快速赚取论坛下载币?
youer
新手上路
Rank: 1


UID 16471
精华 0
积分 17
帖子 19
下载币 87 枚
推广分 0 点
经验值 30 点
阅读权限 10
注册 2006-6-14
状态 离线
发表于 2006-9-8 17:39  资料  个人空间  短消息  加为好友 
我们一直在关注你们的教程,虽然很少回帖





我的博客:http://blog.sina.com.cn/ibook
欢迎光临:)
顶部
[广告] 新手必读--如何快速赚取论坛下载币?


当前时区 GMT+8, 现在时间是 2008-9-6 14:19
粤ICP备05029101号