PS简单制作质感按钮

PS简单制作质感按钮（精选9篇）

PS简单制作质感按钮 篇1

本教程介绍非常实用的导航按钮的制作方法，

PS按钮制作基础教程之制作黑色质感按钮

。效果图看上去非常简单，不过还是有很多细节需要用心去处理，如果按钮的高光及倒影部分。教程只是一个提示，学会了就可以作者其它类似的效果。

最终效果

1、新建一个120 * 50的文档，背景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。

2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。

大致效果图。

3、新建一个图层，选择铅笔工具，设置铅笔大小为2像素，前景颜色设置为：#eee1cd，如下图所示画一条高光线。

双击或右键此图层进入图层样式选项，参数及效果如下图。

4、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色设置及渐变方式如下图，由中间向左拉出透明渐变，效果如下图，

5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 >模糊 >高斯模糊，此时被询问“是否栅格化图层”。选择“是”，然后输入数值：0.6。

6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。

6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。

7、在最顶部新建一个图层，按Ctrl + 单击形状1得到选区，然后选择菜单：编辑 >描边，参数设置如下图。

取消选区，然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为：55%，效果如下图。

PS绘制非常有质感的立体按钮 篇2

这篇教程是向脚本之家的朋友介绍利用PS绘制非常有质感的立体按钮过程，绘制出来的按钮很有质感，教程有点长，但介绍地很详细，图是临摹的，教程整理很辛苦。感谢原创作者隐风，推荐过来，喜欢的朋友可以跟着一起来学习哦！

最终效果

具体的制作步骤如下：

Ctrl+N新建画布，大小为3000×2380像素，分辨率300dpi,点击确定。

新建组，命名为“background”，在组内新建图层，在工具栏选择渐变工具，模式为径向渐变，单击渐变条，在背景图层上由上往下拉动光标填充背景，如图。

单击形状工具，选择圆角矩形工具，将半径设置为25，在画布中央绘制一个长条状的圆角矩形，填充为白色，如图，

Ctrl+J复制此图层，单击移动工具，按键盘的“↑”键将副本层向上移动3像素，双击图层添加图层样式（fx)，勾选“渐变叠加”效果如图。

新建组1，并在组1内新建图层。

单击形状工具里的圆角矩形工具，将半径设置为25像素，按住shift键在矩形框内绘制一个圆角矩形，为该图层添加图层样式。

Ctrl+J复制图层，单击移动工具，向下移动3像素，并为图层添加图层样式，勾选“斜面和浮雕”“内发光”“渐变叠加”，颜色如图。

注意这里“光泽等高线”需要调整，调整成如图的效果。

PS简单制作质感按钮 篇3

1.新建文件，使用矩形选区工具绘制一个矩形按钮,前景色设置为#990000 ，背景色设置为#660000，选择反射渐变工具，填充，并使用自由变换工具对按钮进行扭曲，效果如下：

2.选择按钮底层，调出选区，将选区缩进5个像素(选择-修改-缩小)。新建层，命名为按钮皮肤。按下X键将前景色和背景色进行调换。依旧选择渐变工具从上到下进行渐变。

3.执行滤镜――杂色――添加杂色，数量：15.54，分布：高斯分布。如下图：

4.再执行滤镜――模糊――动感模糊，角度：0，距离：18像素，还有图层样式中的阴影及外发光，参数如下设置：

图层样式中的阴影，参数如下设置：

图层样式中的外发光，参数如下设置：

5.点击滤镜-纹理-纹理化，参数如下进行设置：

最终效果就出来了~你可以自己在上面添加文字

PS简单制作质感按钮 篇4

PS按钮制作基础教程之制作青色水晶雪花按钮

。第二部分是雪花部分的制作，需要用到雪花形状或笔刷做出雪花，然后添加图层样式即可。

最终效果

1、打开下图所示的背景图片。

2、选择“椭圆”工具并在视图中进行绘制。

3、为“形状 1”添加图层样式。

4、新建“图层 1”，使用画笔在视图中绘制，

5、将“形状 1”载入选区，反向选择将多余部分删除。

6、取消选区选择状态，执行“滤镜”→“模糊”→“高斯模糊”命令。

7、设置“图层 1”混合模式为“柔光”。

教你用PS制作电梯按钮 篇5

制作工具：Photoshop CS

制作过程：

1、选择一幅背景图片，效果如图01所示，

图01

2、设置前景色的RGB分别为174、174、174。新建一个图层图层1，并填充前景色，效果如图02所示。

图02

3、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令，在打开的添加杂色对话框中设置参数如图03所示，效果如图04所示。

图03

图04 最终效果图

制作工具：Photoshop CS

制作过程：

1、选择一幅背景图片，效果如图01所示。

图01

2、设置前景色的RGB分别为174、174、174。新建一个图层图层1，并填充前景色，效果如图02所示。

图02

3、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令，在打开的添加杂色对话框中设置参数如图03所示，效果如图04所示。

图03

图044、接着执行菜单栏中的“滤镜”“模糊”“动感模糊”命令，在打开的动感模糊对话框中设置参数如图05所示，图像效果如图06所示。

图05

图06

5、单击工具箱中的“矩形选框工具”，按住Shift键进行拖动，绘制大小合适的矩形，效果如图07所示。

图07

6、新建一个图层，并用前景色填充选区，按Ctrl T键将图像旋转45度，然后按Shift Ctrl I键反选选区，将除菱形以外的部分删除，效果如图08所示。

图08

7、取消选区。设置前景色为白色，选择工具箱中的“圆角矩形工具”，设置半径为10，按住Shift键拖动鼠标，绘制矩形，效果如图09所示。以矢量图形绘制出来的图像会自动生成图层，命名图层为01。

图09 8、复制图层01为01副本图层，效果如图10所示。

图10

9、将图层01和01副本图层隐藏。选择图层1，按住Ctrl键单击图层01，然后按Delete键删除选择区域，用同样的方法删除01副本的选择区域，效果如图11所示。

图11

10、双击图层1，打开图层样式对话框，选择“投影”“斜面和浮雕”样式，设置如图12-13所示，等高线设置如图14所示，其中等高线设置如图15所示，图像效果如图16所示。

图12

图13

图14

图15

图16

11、将图层01和图层01副本取消隐藏。选择01副本图层，按Ctrl T键，设置W为95%，H为95%，如图17所示。利用同样的方法将图层01的大小也调节为95%。

图17 12、双击01图层，打开图层样式对话框，选择“投影”“斜面和浮雕”“渐变叠加”，设置参数如图18-21所示，渐变颜色设置的RGB分别为208、208、208和255、255、255，

图18

图19

图20

图21 13、在图层面板中将图层的混合模式为“正片叠底”图像效果如图22所示。

图22

14、新建一个图层，图层02。单击矩形选框工具绘制一个矩形。

15、设置前景色的RGB分别为225、225、225，填充矩形选区，效果如图23所示，取消选区。

图23

16、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令，设置参数如图24所示。

图24

17、执行菜单栏中的“滤镜”“模糊”“动感模糊”命令，设置参数如图25所示，图像效果如图26所示。

图25

图26 18、选择图层02，按住Ctrl键单击01图层，添加图层蒙版，设置混合模式为“正片叠底”，效果如图27所示。

图27

19、选择工具箱中的“自定形状工具”，设置前景色RGB分别为190、190、190，绘制如图28所示的图案，命名图层为03。

图28

20、双击03图层，打开图层样式对话框，选择“内阴影”和“斜面和浮雕”样式，设置参数如图29-30所示，图像效果如图31所示。

图29

图30

图31 21、复制图层03为图层04，双击图层04，的图层缩览图，打开拾色器对话框，设置RGB分别为205、207、147。

22、按Ctrl T键，将图层04中的图像缩小。将内阴影效果删除，设置斜面和浮雕参数如图32所示，图像效果如图33所示。

图32

图33

23、用同样的方法制作下面的按钮效果如图34所示，改变下面按钮的颜色的RGB分别为225、230、50，效果如图35所示。

图34

图35 24、将图层04中的斜面和浮雕样式删除，并双击打开图层样式对话框，选择“外发光”“斜面和浮雕”样式，设置如图36、37所示，效果如图38所示。

图36

图37

图38

25、新建一层，选择工具箱中的“画笔工具”，设置前景色为白色，在按钮上单击，然后更改混合模式为“叠加”，效果如图39所示。

图39

26、复制刚才的图层，选择画笔工具再次单击添加白色，执行菜单栏中的“滤镜”“模糊”“高斯模糊”命令，设置模糊半径为19，最终效果如图40所示。

PS简单制作质感按钮 篇6

PS按钮制作基础教程之制作蓝色圆形水晶

。可能勾出的图层较多，注意好每一个图层都需要用图层样式等添加光感，然后再根据光源方向设定好高光位置，这样做出的按钮不仅质感好，而且比较合逻辑。

最终效果

1、新建文档，800x600像素，背景白色，画2个矩形，分别添加样式。

2、底部矩形样式。

3、上部矩形样式。

4、在画面右侧添加一个白色椭圆，图层模式柔光。

5、建新层，画一白色正圆，

6、添加图层样式。

7、建新层，画一个小些的黑色正圆，与大圆中心对齐。

8、添加图层样式。

9、建新层，前景色#204478画一音乐符号。

PS制作极致质感拉丝不锈钢文字 篇7

拉丝不锈钢是现在广告行业里做招牌很常用的一种材质，除了在日常装饰和家具上使用，很多大公司的形象墙上都会采用这种材质的文字，材质不算高档，但是给人的感觉一点都不LOW，这次我们就试着用PS打造极致质感的拉丝不锈钢文字，

PS制作极致质感拉丝不锈钢文字

。

1、新建画布，尺寸2880x1800 px，点图层面板“创建填充或者调整图层(第四个按钮)”，创建一个纯色填充图层，填充色为:#1c1c1c，命名为bg1。

2、为该图层添加如下图层样式：

(注意：需要自行新建一个9x9px空白文档，去掉背景，画3个3x3px的方形组成的阶梯状纹理，并存储为纹理(编辑>定义图案))

3、在bg1图层上新建一个新的图层，命名为bg2填充颜色#808080，添加滤镜>杂色>添加杂色，数量10，高斯分布，勾选单色，将图层叠加模式改为“叠加”。至此，背景创建完毕，局部效果如下：

4、输入几个文字，中英文都可以，例如我这里输入的是“钻石党”和“SKETCH钻石党”，并且布局排列好。文字颜色设置为#494949。后面效果光影效果一致，这里我们把文字图层都转为曲线(选中文字图层>右键>转换为形状)，并且合并为一个形状图层(选中两个形状图层>cmd+e合并)，图层命名为“文字”。

5、对“文字”图层添加如下图层样式(图案填充可以手动调整合适的位置，看起来更加逼真)

旋转拉丝纹理制作(后面提供下载和纹理预览)：

a.新建1000x1000px大小的画布，新建纯色填充图层，填充颜色#d2d2d2;

b.应用添加杂色滤镜，数值设置为30，高斯分布，单色;

c.应用径向模糊滤镜，选择旋转模糊，数量100，质量设置为最好，

d.cmd+l调整色阶，提高适合的纹理的对比度。

应用图层样式后的效果图，文字已经具备最基本的光影效果和体积感(可以点击打开查看大图查看更多细节)：

5、选中“文字”图层，按cmd+J复制“文字”图层，更名为“彩色叠加”，并且清除图层样式，颜色填充模式改为渐变填充，填充设置如下(具体参数就不写了，大家自己看着差不多设置就行了)，图层叠加模式改为“正片叠底”，填充5%。

现在单调的文字上有了一层神秘的彩虹光效果如下：

6、同样方法复制“彩色叠加图层”，命名为“高光”，叠加模式改为：亮光，填充改为：60%更改填充样式为如下：

现在已经具备了金属质感和高光效果，但是有点过了，没关系，后面我们继续调整。

7、复制”高光“图层，命名为”柔光“，不用改变填充，直接把叠加模式改为柔光，填充改为50%，得到最终结果。

PS简单制作欧美流行色彩照片 篇8

FEVTE编注：更多照片处理教程交流讨论及作业提交请到论坛照片处理区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=88

具体的步骤如下：

1、打开原图

2、新建图层，填充颜色#FF8C9F，模式：叠加，不透明度：20%

3、新建图层，填充颜色#6CB8FF，模式：颜色减淡，不透明度：20%

4、新建图层，填充颜色#4733B0，模式：颜色减淡，不透明度：70%

ps简单制作漂亮的火焰字教程 篇9

方法/步骤

1、在电脑上打开ps软件，文件---新建---像素为400*400的画布，填充黑色背景（快捷键Alt+Delete）

2、在画布上打上自己喜欢的字，Alt+T选中，鼠标右击顺时针旋转90度；

3、滤镜--风格化（这里会弹出栅格化，点确定就可以了）----风（执行4次）

4、滤镜—扭曲—波纹—改成-（数量-15，大小，大）--确定

5、点击图像--模式---灰度，如下图，点拼合，

ps简单制作漂亮的火焰字教程

，

6、点击图像---模式---索引颜色，

点击图像---模式---黑体

最终效果图。