篇一:详细步骤 多图展示:PS精致金属质感水晶按钮
先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由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
篇二:Photoshop按钮教程
Photoshop制作非常精致的红色水晶按钮 效果图看上去有点复杂,其实构成非常简单,由金属边框及中间水晶部分构成。制作之前可以先看一下作者的分
解图,然后由底部开始慢慢制作即可。
最终效果
<点小图查看大图>
1、制作之前先来拆分一下按钮,大致由一下几部分构成。
2、新建大小适当的文档,新建一个图层,用椭圆选框工具拉一个正圆选区,填充黑色,如下图。
3、给正圆添加图层样式,分别设置内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。
4、接下来,我们开始做内圈,还是用椭圆工具画一个圆,比底盘稍微小一点。
5、添加图层样式,设置投影、内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。
篇三:photoshop制作水晶质感立体按钮
photoshop制作水晶质感立体按钮
浏览网页的时候, 经常可以看到很多水晶质感立体按钮, 这种网页按钮有很强的水晶立体感.
漂亮的效果为网页增色不少,
这也成为网站平面设计必须掌握的基本电脑知识
了. 下面我们也来看看如何制作水晶质感立体按钮.
1. 首先,制作一个红色的倒圆矩形.
新建一个photoshop文件。
用圆角矩形工具,拖出一个矩形.
在顶部设置它的参数与颜色为红色
如下图颜色为#D32424 的圆角矩形制作完成
2. 制作按钮的底部
把圆角矩形图层复制一次,在复制出的图层上按鼠标右键,再栅格化图层,这样将形状图形转化为像素图形。同样将另一个图层进行栅格化处理成位图.
将上面的圆角矩形命名为"Button Top" ,下面的图层命名为"Button Base" ,这里我们为了制作出3D按钮的立体质感效果,将会用底部的图层来做阴影,上面的图层保持不变,所以选中底部图层,调整"色相/饱和度"参数如下
将两个图层的位置进行移动,下面的图层向下移动大约
10像素,做完后效果如下:
3.为3D按钮上面的图层进行视觉上的修饰
先选中上面的图层,使其整个处于选中状态,随后按“选择>修改>收缩”,让选区缩小1px
然后我们用工具栏的加深工具,设置参数如下
在选中的图层上按住shift从左向右进行涂抹
对上面的层添加如下图设置的图层样式
再为下面的图层添加图下设置的图层样式
完成后的效果如下,有了初步的3D立体效果
4 制作3D立体效果中的水晶光感效果首先设置的笔刷