| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 留言本 | 返回总部 | 
您现在的位置: Photoshop资源站 >> Photoshop学院 >> 网页设计 >> 按钮制作 >> 正文
  [组图]教你用PS打造精致金属质感水晶按钮         ★★★ 【字体:
教你用PS打造精致金属质感水晶按钮
作者:佚名    文章来源:网上收集    点击数:    更新时间:2007-9-28    

 

先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手.

一.背景的制作:

1.打开photoshop 新建一个400*400的文件 最好是"RGB"颜色

用黑白圆形渐变绘制如<图2>所示渐变 

<图1> 

<图2>

2.选择滤镜 > 杂色> 添加杂色 数值如 <图3> 所示  

<图3>

3.选择滤镜 > 艺术效果 > 底纹效果 数值如 <图4> 所示 

<图4>

背景效果图如图5(第一步大功告成): 

<图5>

一.水晶部分的制作:
1.新建一个图层命名为“水晶--底1”,按 Ctrl + R 调出标尺 拉两条如图所示参照线,以参照线的交点为圆心,用椭圆选取工具 按住 ALT + Shift 绘制 图6 所示的正圆。 

<图6>

2.按 Ctrl + ’ 隐藏参照线,选择渐变工具在“水晶--底1”这层绘制渐变,渐变颜色:黑白渐变,渐变方式:放射性渐变,渐变路线:由选区的左上角 按住 Shift 向右下方渐变 如图7 

<图7>

3.按 Ctrl + D 取消选区 渐变的效果如 图8 

<图8>

4.双击图层“水晶--底1”调出 图层样式 分别选择描边和投影 相关参数如 图9 图10 效果如 图11 

<图9>  

<图10>  

[1] [2] [3] [4] [5] 下一页

文章录入:soft    责任编辑:soft 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    Photoshop制作msn水晶图标
    播放器按钮的制作
    Photoshop实现梦幻水晶按钮
    Photoshop打造逼真的电梯按钮
    Photoshop轻松制作web2.0水晶风格按钮
    Photoshop制作一款美女水晶按钮
    Photoshop 制作金属质感图标
    打造晶莹剔透的水晶按钮
    制作人像网页按钮
    Photoshop快速制造三维立体按钮