查看: 1370|回复: 22

[转帖教程] Photoshop制作蓝色水晶立体按钮

[复制链接]

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
发表于 2011-11-14 01:43 | 显示全部楼层 |阅读模式
Photoshop制作蓝色水晶立体按钮,效果图如下:

1.jpg

评分

参与人数 1金钱 +5 收起 理由
飘零桢雪 + 5 来学习~~~

查看全部评分

籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:44 | 显示全部楼层
1.制作按钮本体。先画一个圆角矩形,并加上渐变滤镜

这里颜色的选择是重点,选择好颜色后就已经有一种柔和的光照效果了

2.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:45 | 显示全部楼层
2.制作投影。首先画一个扁扁的椭圆形,填充偏黑的蓝色(因为按钮是蓝色的)

3.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:46 | 显示全部楼层
之后对椭圆进行高斯模糊

4.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:47 | 显示全部楼层
置于按钮本体的下层,调整大小和位置,这样投影就做好了

5.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:47 | 显示全部楼层
3.制作高光。先画一条1像素的白色直线,位置如图

6.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:49 | 显示全部楼层
然后给白线添加一层蒙版,点击图中图标可快速添加

7.jpg

选中该层蒙版后,打开左侧工具栏中的渐变工具,调整渐变颜色为左白右黑

8.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:51 | 显示全部楼层
然后选择“对称渐变”模式

9.jpg

从白线中间向两边(任意方向)拉一个渐变(依旧在选中蒙版的情况下
10.jpg

这样一条高光就做好了,如果觉得太亮,可以适当调节一下透明度

11.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:52 | 显示全部楼层
复制一层,移动到按钮下边位置,底部发光的高光也就出来了

12.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~

38

主题

5563

帖子

41

精华

版主

★教程交流★版主

Rank: 8Rank: 8

积分
6441

八周年庆勋章红人居六周年纪念勋章4周年庆典音画勋章优秀版主勋章

QQ
金钱
406
存款
16896
 楼主| 发表于 2011-11-14 01:53 | 显示全部楼层
4.制作底部发光。一开始与制作投影一样,画一个椭圆,填充比较亮的蓝色

13.jpg
籬另リの那E頦
妳←娤嘚侞茈泙靜
呮④E莂頭
嘶啞嘀①聲【媬喠】
僸卟炷駛ωǒ涙蓅懑緬~~~
【教程交流版】PS和FLASH各种技巧&图文教程大汇集~~~
guest
welcomelogin
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表