PS制作质感UI泡泡

下面是小编为大家推荐的PS制作质感UI泡泡，本文共6篇，欢迎阅读，希望大家能够喜欢。

篇1：PS制作质感UI泡泡

这篇教程教的PS学习者们使用PS制作质感UI泡泡，教程分为上下两集，教程的原创作者是shmzfeng，感谢shmzfeng的原创分享，我们先来看看最终的效果图吧：

FEVTE编注：更多ps视频教程查看、学习请进入网ps视频教程栏目，地址：www.fevte/plan/ps/PSshipinjiaocheng/

PS制作质感UI泡泡食品教程上集：

PS制作质感UI泡泡食品教程下集：

篇2：PS制作质感按钮

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

具体的制作步骤如下：

新建文档400x400像素，背景黑色，建新层，自定义形状工具画一白色正圆，

添加图层样式。

效果如下。

建新层，画一白色椭圆，图层不透明度10%，效果如右图，

建新层，画一个大的白色正圆，之后减法模式画一个小的正圆，这样我们得到了一个白色圆环。

添加图层颜色。

效果如下。

复制一层，清除图层样式，减法模式画一个椭圆。

添加图层样式。

效果如下。

输入文字，加上阴影，最终效果如下。

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇3：PS制作质感宝石

这篇教程教的朋友们用PS制作质感宝石，教程制作的宝石很漂亮，主要运用PS的图层样式来表现质感。制作难度中等。转发过来和的朋友们一起分享。先来看看最终的效果图：

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

具体的制作步骤如下：

1、打开下图所示的背景素材。2、选择“椭圆”工具进行绘制。3、双击图层缩览图，设置打开的“拾取实色”对话框。

4、执行“编辑”→“变换”→“变形”命令。5、为“形状 1”添加“内阴影”图层样式效果，6、设置“图案叠加”图层样式。7、新建“图层 1”，选择“矩形选框工具”绘制选区。8、设置渐变色，并填充选区。9、新建“图层2”，设置渐变色并填充选区。10、设置“图层2”的混合模式为“柔光”。11、设置“图层1”的混合模式为“强光”。12、选择“图层 1”图层，执行“图层”→“创建剪贴蒙版”命令。13、为“图层 2”创建剪贴蒙板。14、选择“椭圆”工具进行绘制。15、切换到“路径”调板将路径作为选区载入。16、切换回“图层”调板，新建图层并填充渐变色。17、使用横排文字工具，创建文字。18、为文字添加“外发光”图层样式效果。19、设置“斜面和浮雕”图层样式。20、设置“等高线”。21、设置“描边”图层样式。22、为图像添加阴影。23、参照以上方法制作出其他图像，完成最终效果。

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇4：PS制作质感按钮

图层样式的应用技巧,一个样式,三种按钮状态.

这种状态常见于网页设计当中,因此教程写给有需要的朋友们,高手请直接无视.

有PSD可以下载.图层不多,希望能帮到各位酷友.

下面是详细的制作过程,图文并茂.

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇5：PS简单制作质感按钮

这篇PS简单制作质感按钮教程是我刚刚学习过的，感觉还挺简单，挺不错的，推荐到和大家一起学习吧，希望对的朋友们有所帮助，先来看看最终的效果图吧!

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

使用混合模式和遮罩效果制作网页按钮

打开photoshop，新建空白文档，

PS简单制作质感按钮

。

为了不让白色背景看起来乏味，增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。

选择圆角矩形工具，创建按钮的的主要形状，半径为5 px。

添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。

现在让按钮从背景中突显出来，添加1 px描边，颜色为深蓝色(#0b2258)。

为了增加按钮立体感，添加一个1像素内发光。颜色为白色(#FFFFFF)，减少不透明度到30%。

现在给按键添加杂色，新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为黑色(#000000)。按ctrl+d取消选区，

选择滤镜-杂色-添加杂色，数量为33%。

设置图层混合模式为滤色，不透明度为15%。

新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为白色(#FFFFFF)。按ctrl+d取消选区。

现在开始创建漂亮的灯光效果，选择矩形工具，选中按钮的一半。按delete键删除选区，设置图层的不透明度不10%。

添加文字，字体为Arial（Bold,14pt）。

现在给文字添加雕刻效果，最简单的方式是复制文字层(ctrl + J)，然后移动复制到原文字图层下方。添加一个深色的叠加颜色。右键点击混合选项>>混合叠加颜色>#124d89。分别向上，向左移动1px。

选择自定义形状工具，画的放大镜，应用上一步骤方法，制作雕刻效果。

设置按钮高光效果。新建一组，命名为“light effect”，设置混合模式为颜色减淡。按ctrl+图层蒙版缩略图。选择画笔工具，大小80px，硬度为0，给按钮添加高光。

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇6：PS制作质感文字

这篇教程教的朋友们用PS制作质感文字，教程难度中等。但是用的是英文版的PS。所以对于英文水平不是很好的朋友来说学习起来会有一定困难。先看看效果图吧：

FEVTE编注：更多PS文字效果教程讨论交流和作业提交请到论坛文字效果交流区：bbs.fevte/forumdisplay.php?fid=51&filter=type&typeid=86

制作步骤如下：

第1步：新建文件，背景为黑色。然后输入您喜欢的字体，颜色为＃00e5ff 。

第2步：重复层按（ctrl+j），不透明为65 ％，移动左下各2像素。

第3步：重复第2步中文字层4次

第4步：合并所有副本层，不透明为47 ％。

第5步：使用多边形套索工具（ L ），如下所示。使用涂抹工具直径19像素，硬度为100 ％ ，强度的30 ％ ，掩盖的空白部分。如图所示

第6步：然后清除多出来的部分~如图所示：

第7步：重复副本层。使用钢笔工具（ P ），转化为选择。设置不透明为24 ％。

第8步：新建层。载入选区，填充＃ff009c，放在最底层，设置层不透明度为35 ％。

第9步：选择粉红色层，载入粉红色层选区，反选（shlft+ctrl+i）使用橡皮差工具（E）差除边缘，

第10步：载入文本层选区，选择粉色层，删除；然后隐藏粉红色层。

第11步：载入副本层选区，新建层填充颜色为＃00e5ff。在载入文本层选区，反选（shlft+ctrl+i）使用橡皮差工具（E）差除多余部分；（小鱼提示：做到这儿会发现做不出图片上的效果，您可以使用橡皮差、矩形选区工具，让它看起来整齐点）

第12步 ：选择文本层添加描边效果

第13步：在最上面新建层，载入文本选区，使用套索工具减去如图所示的选区（按alt键）；选择渐变从蓝色到透明。

用2px笔刷在边上做些亮光

第14步：载入第17步图层的选区，在17步层上新建层填充黄色~设置层的不透明为23%，向右移动到合适位置，载入文本层选区，反选（shlft+ctrl+i）差除多余部分

第15步：复制粉红色层，放在黄色层的上方，不透明为100%，向上移动合适位置，差除多余部分；图层样式为叠加

加上气泡背景，如何制作这些气泡，您可以参考photoshop制作完美气泡【psd下载】

FEVTE编注：更多PS文字效果教程讨论交流和作业提交请到论坛文字效果交流区：bbs.fevte/forumdisplay.php?fid=51&filter=type&typeid=86