你好,游客 登录 注册 搜索
背景:
阅读新闻

制作水晶按钮

[日期:2012-11-13] 来源:沈阳电脑培训  作者:东鹏电脑培训 [字体: ]
 
东鹏电脑培训是沈阳地区大型多层次电脑培训专业机构,于洪广场电脑培训第一品牌,学校办学历史悠久,师资力量雄厚,教学环境优雅,教师教学严谨,培养学员耐心细致。
公交线路:地铁一号、226、135、266、181、204、于洪广场下车。 186、718、719、720、721、722于洪公交小客终点下车。铁西新区1线、241、264重工南街南十西路下车。
热线电话报名热线:024-31594885,13609888446
QQ:1463813129
http://www.dpdnpx.com
制作水晶按钮
1.新建文件,宽、高都为5,单位cm,分辨率200,模式为RGB,白色背景。

沈阳电脑培训学校


2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选“通过拷贝的图层”项(图层1)。



沈阳电脑培训学校


3.新建图层(图层2),使用渐变工具,设置成“前景色到透明渐变”,前景色设置为R:255,拉出如图渐变。



沈阳电脑培训学校
4.新建图层(图层3),在新图层上用喷笔画出阴影(也可填充颜色,然后用椭圆选区羽化后删除,但是那样效果没有用喷笔来得自然好看,就不在此赘述)

沈阳电脑培训学校

[此贴子已经被作者于2004-12-2 7:47:16编辑过]

--  作者:吴老师
--  发布时间:2004-12-1 18:53:24

-- 

5.新建图层(图层4),在新图层上画出椭圆选区。



沈阳电脑培训学校
6.在图层4上使用渐变工具,前景色设置为R:255;G:255;B:255。

沈阳电脑培训学校

7.新建图层(图层5),使用钢笔工具任意画一个图形。



沈阳电脑培训学校

--  作者:吴老师
--  发布时间:2004-12-1 18:53:54

-- 

8.在路径工作区中点选“将路径作为选区载入”,将钢笔路径转换成选区。



沈阳电脑培训学校

--  作者:吴老师
--  发布时间:2004-12-1 18:55:29

-- 
9.填充前景色。

沈阳电脑培训学校
10.将图层5拉至图层4之下。

沈阳电脑培训学校

11.图层属性设置为“叠加”。



沈阳电脑培训学校

--  作者:吴老师
--  发布时间:2004-12-1 18:56:44

-- 


沈阳电脑培训学校

12.把工作区换到图层1(通过拷贝的白色圆形),双击图层,跳出图层样式框,参数设置如图。



沈阳电脑培训学校

13.现在就是大功告成拉~~哈哈哈~~~如果想再做其他颜色的水晶按钮不必再一个个重复做~只要点ctrl+U调整色相就OK了:)



沈阳电脑培训学校

吴老师的要求是:做成上面4个按钮和下面的按钮!

 


 

--  作者:admin
--  发布时间:2005-10-9 14:48:08

--  百变水晶按钮
新建一个文件,大小自定,然后用 形状 工具画出按钮的形状!!!

沈阳电脑培训学校第二步,再新建一个图层!!
再按Ctrl+Enter键将刚才画好的路径转为选区!!!

沈阳电脑培训学校
按“G”进入 渐变 工具,调 出自己想做的按钮颜色!!!!(当然单色也可以)



沈阳电脑培训学校

按住“Shift”键从上往下拉,将渐变颜色填充到图层1的选区内!!!

沈阳电脑培训学校
然后对图层1用 图层样式 ,(操作方式:双击图层面板图层1的蓝色区域;或者点击图层面板下的 F 字形按钮),选中 内发光 样式,按图中设置 混合模式 和 颜色 (大小参数根据自己所建的文件大小灵活调整,不能完全按图中调)


沈阳电脑培训学校
调整后的效果和下图应不多!!
接下来再用 形状 工具画一个路径。


沈阳电脑培训学校
仍然新建一图层,也将路径转为选区!!!
并将选区与按钮水平中心对齐!!!


沈阳电脑培训学校

再按“G”键,进入渐变工具,将渐变颜色设为 白色 到 透明 ,(可以选为第二个渐变样式(前景色到透明),然后将前景色改为白色)!!!

沈阳电脑培训学校
将编好的渐变颜色填充到选区内!!这就是按钮的高光了!!
呵呵!!简单吧!!
去掉选 区就OK了!!


沈阳电脑培训学校
做好后!!

沈阳电脑培训学校
再试试!!
第一变:
透明按钮:看图中吧,我们将图层一改个混合模式就行了,(我改的是滤色,当然的效果相似的也可以!!)


沈阳电脑培训学校
其实我们把图层一 的混合模式里再用个颜色叠加就行了,当然刚才的透明效果的滤色得改为正常了

这里改为蓝色,那就把颜色叠加里的颜色改为蓝色就行了


沈阳电脑培训学校
效果!!


沈阳电脑培训学校
第三变:
多个颜色的按钮,熟点的朋友都想到了吧!!
那就是再把图层一里面的图层样式加一个渐变叠加就行了,当然又得把颜色叠加关了!!


沈阳电脑培训学校

再看效果吧!!!


沈阳电脑培训学校
收藏 推荐 打印 | 录入:admin | 阅读:
相关新闻      
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
热门评论