免费论文网 首页

ps水晶按钮制作教程

时间:2017-05-15 07:40 来源:免费论文网

篇一:详细步骤 多图展示: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立体效果中的水晶光感效果首先设置的笔刷


ps水晶按钮制作教程
由:免费论文网互联网用户整理提供,链接地址:
http://m.csmayi.cn/meiwen/38216.html
转载请保留,谢谢!
相关阅读
最近更新
推荐专题