您现在的位置：首页 > 实用文 > 其他范文

PS按钮制作基础教程之制作透明玻璃按钮

时间：2023-03-19 08:01:40 其他范文收藏本文下载本文

下面是小编为大家推荐的PS按钮制作基础教程之制作透明玻璃按钮，本文共10篇，欢迎阅读，希望大家能够喜欢。

PS按钮制作基础教程之制作透明玻璃按钮

篇1：PS按钮制作基础教程之制作透明玻璃按钮

本教程教大家制作一款简单又美观的玻璃按钮，不用任何图层样式就可以做出非常漂亮的效果，

PS按钮制作基础教程之制作透明玻璃按钮

。用最简单的方法制作最漂亮的作品。

最终效果

新建一个400 * 250像素的文档，背景填充蓝色：#106D98。

1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选区并填充白色。填色后不要取消选区。

2、把当前图层复制一层，得到图层副本，隐藏“玻璃边框”图层，保持选区，执行：选择 >修改 >收缩，数值为1，确定后按Delete 删除。确定后不要取消选区。

3、再新建一个图层，选择菜单：选择 >修改 >收缩，数值为1，然后选择渐变工具，拉上渐变。

渐变色设置如下图，两边为白色，中间位透明，

由上至下拉出线性渐变。

4、输入自己需要的文字，字体颜色为白色。

5、新建一个图层，命名为“下载”，用钢笔工具勾出选区，并填充绿色，用来制作动态效果。

6、调出“玻璃边框”图层的选区，新建一个图层填充白色，设置不透明度为：20%，用矩形选框工具删除其不需要的部分，如下图。

7、选择菜单：窗口 >动画面板，选择下载图层，新建空白帧，使用移动工具把下载图层向下移几格像素。

8、按住Shift 键选择两个帧，为其添加过渡帧。

9、再为其添加时间为0.6秒，储存为Web格式所用，完成最终效果。

最终效果：

篇2：PS制作玻璃按钮

这篇教程教网的朋友们用PS制作玻璃按钮，制作过程难度一般，教程的制作过程写的还是比较清晰的，希望大家都能通过我转发的这篇教程学会用PS制作玻璃按钮。

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

制作步骤如下：

步骤-01

新建图层，命名为 “box”。用圆角矩形工具 (U)创建一个圆角矩形。点击ctrl+回车创建选区，填充为白色。

步骤-02

给这个形状创建图层属性-渐变叠加，内发光和描边。

步骤-03

给这个形状创建渐变叠加。渐变颜色为-左边(#B1DB08) 中间(#66AB04) 右边(#B1DB08).

步骤-04

添加内发光，设置颜色为(#D9FF4E).

步骤-05

添加描边-设置边的颜色为(#A8D508).

步骤-06

创建一个新的图层，命名为 “light”，

创建一个圆角矩形选区。填充为白色。

步骤-07

设置扭曲滤镜(滤镜">扭曲>锯齿)。按照下面的参数进行设置。

步骤-08

设置图层透明度为40%。用橡皮工具(E)擦除边缘。最后你将会得到我们想要的结果。

OK，做完这一步完成最终结果，如下图：

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

篇3：PS制作玻璃质感按钮

这篇教程教的朋友们用PS制作玻璃质感按钮，教程很详细，制作的效果也很棒，适合新手学习用PS制作玻璃按钮。先看看效果：

FEVTE编注：教程讨论交流和作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90

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

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

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

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

最终效果

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

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

大致效果图。

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

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

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

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

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

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

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

篇5：PS按钮制作基础教程之制作宝石质感按钮

本教程介绍非常通透的宝石质感按钮的制作方法，

PS按钮制作基础教程之制作宝石质感按钮

。大致过程：先用选区工具做出想要的形状，调色后用一些图层样式做出纹理和质感效果。然后再加上高光和文字即可。

最终效果

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

2、选择“椭圆”工具进行绘制。

3、双击图层缩览图，设置打开的“拾取实色”对话框。

4、执行“编辑”→“变换”→“变形”命令。

5、为“形状 1”添加“内阴影”图层样式效果。

6、设置“图案叠加”图层样式。

7、新建“图层 1”，选择“矩形选框工具”绘制选区，

8、设置渐变色，并填充选区。

9、新建“图层2”，设置渐变色并填充选区。

10、设置“图层2”的混合模式为“柔光”。

11、设置“图层1”的混合模式为“强光”。

12、选择“图层 1”图层，执行“图层”→“创建剪贴蒙版”命令。

13、为“图层 2”创建剪贴蒙板。

14、选择“椭圆”工具进行绘制。

篇6：PS按钮制作基础教程之制作彩色金属按钮

本教程非常详细的介绍高质感的按钮打造方法，

PS按钮制作基础教程之制作彩色金属按钮

。制作之前先大致了解一下按钮的构造，由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。

最终效果

1、新建一个512 * 512像素的文档，背景填充淡蓝色。新建一个图层，用椭圆工具在画布中心画一个白色圆形。然后给圆添加图层样式，参数及效果如下图。

2、如下图所示绘制高光及反射的暗处，过程如下图。绘制好后吧暗处部分复制一份，应用垂直方向的动感模糊（滤镜 >模糊 >动感模糊），总体效果如下图。

3、绘制环形的反射暗处和亮处，具体方法是用圆形形状工具绘制圆形，之后用更小一些的圆形选区删除中间部分。得到类似环的形状；一些地方要配合使用模糊和橡皮工具，将不用的地方擦去。

另一块黑色的暗处使用钢笔工具勾勒出来填充黑色。

4、新建一个图层，用圆形工具绘制更小的圆形，位置居中，再添加下图所示的图层样式。

5、添加样式后，中间的小圆有了一些凹陷效果，接着用钢笔工具勾出简单的水平S型波浪画出中间小圆部分的明暗反射的界限，转化为选区并填充黑色，

左边圆圈内的效果是用橡皮和涂抹工具制作出来的。最后选择小圆之外的部分，删除多出的黑色。

6、外围金属部分已经基本画好，现在继续绘制内嵌的部分。画一个略小一圈的黑色圆形，如下图所示设置图层样式。

7、内嵌的高光部分为白色，透明度为：50%；用钢笔勾出水平的S型选区，然后删除下半部分。

用更小的圆形绘制中间部分的镜头，因为镀膜的效果，所以是蓝色到紫色的渐变，如下图。

8、绘制镜头内侧的细节，也就是高光和阴影部分，图层样式设置如下图。

9、最后在里层绘制最后的镜头渐变，渐变颜色设置如下图。之后应用高斯模糊进行适度的模糊处理。

10、添加高光的细节，如图红圈部分，绘制椭圆然后应用水平的动感模糊和高斯模糊。

篇7：按钮制作

按钮

按钮二

就是这个按钮，想知道制作方法吗？请跟我一起做一次吧！

一、新建文件，用矩形工具画一个黄颜色的矩形，并在fill（填充）面板中进行如下设置，texture选confetti，透明度为33%，这个texture是fireworks4自带的，

二、点击层面板底部的最左边一个按钮，建立新层，并把旧层锁住，这样做是为了使以后的工作方便一点。

三、圆形工具画一圆，在INFO中设置其W和H都为72，按回车确定。在fill面板中设置其填充类型为linear，由黑到白的渐变，点击黑色箭头工具调整渐变的方向，如下图所示。Edge( 边缘)选择feather，羽化值为3。

四、复制上面的圆形，（按住ALT键，用箭头工具把这个圆拖到下面）。在INFO面板中改变其W和H值都为69，比原图小了3个象素。

五、全选这二个圆，使用菜单命令modify->align->center vertical和modify->align->center horzontal，

这时，这二个圆的中心点在同一个位置，继续执行菜单命令modify->combine->punch，对二个圆进行冲压，执行后结果如下。

六、再用圆形工具画一个圆，在INFO面板中设置其W和H值都为68，按回车确定。FILL面板中的填充类型也为linear,只是反向和上面的圆相好相反，edge边缘不羽化。看下图所示。

七、复制这个圆形，方法同上。在INFO面板中改变其W和H的值都为66。全选这个二圆，使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时，这二个圆的中心点在同一个位置，继续执行菜单命令modify->combine->punch，对二个圆进行冲压，执行后结果如下。

八、继续用圆形工具画一圆，在INFO面板中设置其W和H值都为65。Fill面板中的填充类型选择radial，点击edit按钮编辑颜色条，如下圆所示。用黑色箭头工具编辑其填充点。

九、全选这三个圆形，使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时三个圆形的中心在同一个地方，我们所需要的按钮效果也就完成了，看下图。