PS创建一个漂亮的3D质感按钮
互联网 发布时间：2008-10-05 11:54:02 作者：佚名 
我要评论
我要评论以前我们制作3D按钮往往需要借助3DMAX，和其他3D软件。对于不熟悉此类软件朋友要想制作3D按钮往往成了一个难题。但是没关系只要你略懂PHOTOSHOP，就能够做出一个不逊于3D软件的质感不错的水晶按钮，在今天的教程中你将学会用PS来创建一个漂亮的3D质感按钮，这种方法还使用于
以前我们制作3D按钮往往需要借助3DMAX，和其他3D软件。对于不熟悉此类软件朋友要想制作3D按钮往往成了一个难题。但是没关系只要你略懂PHOTOSHOP，就能够做出一个不逊于3D软件的质感不错的水晶按钮，在今天的教程中你将学会用PS来创建一个漂亮的3D质感按钮，这种方法还使用于制作网站LOGO，UI等等……
先看一下最终效果：
下面我们开始制作
1.首先，在PS中建立一个500×500像素大小的新文件，这个大小通常比较适合创建按钮。下面将你的背景层的颜色填充为#e0e0e0。
2.现在建立一个新图层，加入任何一个所喜欢的形状，这里我暂且用自定形状工具中的形状来做个实例。形状的颜色我用#be1947，并将该层至于最顶层。
3.下面，用透视变换工具（编辑-变换-透视）将形状向右边拉伸一些。然后，在用变换工具（编辑-自由变换）将形状向左旋转大约15度。
4.现在，我们来制作形状的立体效果。首先选中形状图层并按住SHIFT和ALT键盘，然后用右手同时按下下方向键和右方向键按图层就被自动复制了一层。再重复以上步骤，当达到了一定的厚度即可停止。然后将除最顶层以外的所有的图层合并。现在在最顶层上按住CTRL键点击该图层载入其选区用#a00330颜色代码进行填充。并双击此图层重命名为“bottom”。
5.接下来，复制最顶层并把得到的复制层移动到3D形状层和最顶层之间，然后同时按下下，右2个方向键2次。移动完以后双击此图层加入渐变叠加图层样式如下所示：
6.在最顶层建立一个新图层，命名为“top highlights”。然后按住CTRL点击载入上层形状层的选区，用画笔工具，设置一个较软的画笔，大小约为200像素。在“top highlights”上加入高光如下所示：
7.同上面步骤一样，在3D形状层上建立一个新图层，在用画笔来创建3D形状层上的高光。然后将2个创建按出来的高光图层的不透明度设置为60-70之间，如图所示：
8.继续在最顶上再建立一个新图层，命名为“shine”。然后用椭圆选框工具建立一个椭圆选区并用白色填充如下所示：
9.选择原始形状层，按CTRL点击此层载入其选择区然后执行选择-修改-收缩，设置数值为3像素。然后在执行选择-反选-删除命令，结果如下所示：
10.现在仍然选中“shine”层，用橡皮工具将橡皮的画笔笔触设置的软一些。擦出“shine”层边缘的一些部分，如下所示：
11.双击“shine”层设置图层样式，如下所示：
12.下面加入最后的一个步骤，改变原始形状层和3D层的颜色，分别双击以上2个图层加入渐变叠加图层样式。
最终完成！你可以吧这个方法用在许多不同形状的物体上，来为它们制作亮丽的光线和效果。
先看一下最终效果：
下面我们开始制作 1.首先，在PS中建立一个500×500像素大小的新文件，这个大小通常比较适合创建按钮。下面将你的背景层的颜色填充为#e0e0e0。
2.现在建立一个新图层，加入任何一个所喜欢的形状，这里我暂且用自定形状工具中的形状来做个实例。形状的颜色我用#be1947，并将该层至于最顶层。
3.下面，用透视变换工具（编辑-变换-透视）将形状向右边拉伸一些。然后，在用变换工具（编辑-自由变换）将形状向左旋转大约15度。 
4.现在，我们来制作形状的立体效果。首先选中形状图层并按住SHIFT和ALT键盘，然后用右手同时按下下方向键和右方向键按图层就被自动复制了一层。再重复以上步骤，当达到了一定的厚度即可停止。然后将除最顶层以外的所有的图层合并。现在在最顶层上按住CTRL键点击该图层载入其选区用#a00330颜色代码进行填充。并双击此图层重命名为“bottom”。
5.接下来，复制最顶层并把得到的复制层移动到3D形状层和最顶层之间，然后同时按下下，右2个方向键2次。移动完以后双击此图层加入渐变叠加图层样式如下所示： 
6.在最顶层建立一个新图层，命名为“top highlights”。然后按住CTRL点击载入上层形状层的选区，用画笔工具，设置一个较软的画笔，大小约为200像素。在“top highlights”上加入高光如下所示：
7.同上面步骤一样，在3D形状层上建立一个新图层，在用画笔来创建3D形状层上的高光。然后将2个创建按出来的高光图层的不透明度设置为60-70之间，如图所示： 
8.继续在最顶上再建立一个新图层，命名为“shine”。然后用椭圆选框工具建立一个椭圆选区并用白色填充如下所示：
9.选择原始形状层，按CTRL点击此层载入其选择区然后执行选择-修改-收缩，设置数值为3像素。然后在执行选择-反选-删除命令，结果如下所示： 
10.现在仍然选中“shine”层，用橡皮工具将橡皮的画笔笔触设置的软一些。擦出“shine”层边缘的一些部分，如下所示：
11.双击“shine”层设置图层样式，如下所示： 
12.下面加入最后的一个步骤，改变原始形状层和3D层的颜色，分别双击以上2个图层加入渐变叠加图层样式。
最终完成！你可以吧这个方法用在许多不同形状的物体上，来为它们制作亮丽的光线和效果。
相关文章
今天我们继续来介绍ps基础教程，这篇我们主要讲橡皮擦工具组和填充工具组，这两个工具在修图的时候是比较常用的，下面我们就来看看基础教程2025-05-01
ps图层是什么？简单来说，ps软件中的图层就好比是一张“透明纸”，将图像的各个部分绘制在不同的“透明纸”上，可以看到纸后的东西，而且每层纸都是独立的，下面我们就来看2025-04-25- ps零基础之图层样式的讲解，在使用ps的时候，我们经常会在图层上添加一些效果，这就是图层样式，该怎么应用呢？详细请看下文介绍2024-12-23
ps如何把一张长图切成几张小图片? ps把长图切成短图的技巧
有时候，我们希望能把一张图片均匀地分成几张图片，就像拼图一般的效果，需要某一部分随时可以拿出来使用，该怎么操作呢？详细请看下文介绍2024-09-10- PS调整字体大小是一个非常基础的操作，但也是非常实用的技能，在Photoshop中，调整字体大小的方式有多种，详细请看下文介绍2024-02-02
- 但最近有用户在使用photoshop时发现窗口界面的字体比较小，使用起来非常的不方便，因此有不少用户想将其大小进行调节，具体该如何操作呢？详细请看下文介绍2024-02-02
ps中图层被父图层锁定怎么办? 图层被父图层锁定的解锁技巧ps
ps中图层被父图层锁定怎么办？ps中图层解锁失败，提示图层被父图层锁定该怎么办呢？下面我们就来看看详细的解决办法2023-12-19ps描边最大只有288怎么办? Photoshop描边只能调到288像素的解决办法
ps描边最大只有288怎么办？ps描边在使用的过程中，发现只能调到288像素，该怎么操作呢？下面我们就来看看Photoshop描边只能调到288像素的解决办法2023-11-30PS工具栏中的工具有缺失怎么办? Photoshop工具栏不全的多种解决办法
PS工具栏中的工具有缺失怎么办？ps工具栏中有很多工具，但是发现有些工具不见了，该怎么办呢？下面我们就来看看Photoshop工具栏不全的多种解决办法2023-11-30
Photoshop2024怎么下载安装? ps2024安装图文教程
Photoshop2024怎么下载安装？ps2024发布以后，很多朋友想要尝试信工鞥，该怎么下载安装呢？下面我们就来看看ps2024安装图文教程2023-11-30
最新评论