PS按钮制作基础教程之制作黑光水晶导航按钮

PS按钮制作基础教程之制作黑光水晶导航按钮（精选4篇）

PS按钮制作基础教程之制作黑光水晶导航按钮 篇1

PS按钮制作基础教程之制作黑光水晶导航按钮

。大致过程：做好想要的按钮形状以后，填充黑色，用图层样式做出简单的高光效果。然后再添加一些纹理和反光效果即可。

最终效果

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

2、新建图层并命名为“按钮”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。

3、为“按钮”图层添加图层样式，单击“外发光”项目，设置其各项参数。

4、单击“斜面和浮雕”项目，设置其各项参数。

5、单击“渐变叠加”项目，设置其各项参数。

6、单击“描边”项目，设置其各项参数。按下“确定”按钮，关闭“图层样式”对话框，效果如图所示，

7、按下“确定”按钮，关闭“图层样式”对话框，效果如图所示。

8、新建一个文档，大小为“3px*3px”，分辨率为“72px”。将文档放大到“1600%”，用铅笔画出如下图案，再执行“编辑”→“定义图案”命令。

9、新建图层并命名为“图案”，按下键的同时单击“按钮”图层，将“按钮”图层载入选区，选择“油漆桶工具”填充设置好的图案。

10、完成后，效果如图所示。

11、新建图层并命名为“边”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。

12、为“边”图层添加图层样式，单击“外发光”项目，设置其各项参数。

PS按钮制作基础教程之制作黑光水晶导航按钮 篇2

PS按钮制作高级教程之制作导航按钮

。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单：先用图形工具制作出按钮的形状，然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。

最终效果

1、打开photoshop，然后新建一个文档250*150，并填充背影:#252a38。

2、在工具箱上选择椭圆图标并设置如图。

3、新建一个图层，然后填充一个颜色。

4、在调色板上设置如下。

5、使用渐变拉出线性渐变，渐变效果如下。

6、双击图层，打开图层样式，给图层添加阴影和描边，参数及效果如下图。

7、在工具箱上选择加深和减淡工具，设置如图。

8、然后在图所标识的地方，涂沫如下，

9、选择椭圆选区，作出效果如下。

10、添加渐变，设置如图，从上而下线性渐变。

11、按ctrl+D取消选区，并更改图层的不透明度：40%,，混合模式为“叠加”。

12、现在使用文字工具，添加文字并设置图层样式，参数及效果如下图。

13、添加下面的文字，效果如下。

14、在文字前面加上自己喜爱的图标，按ctrl+U调整色相/饱和度，设置如下，再把图层混合模式改为“叠加”，完成最终效果。

PS制作水晶质感按钮教程 篇3

把底图层填充成灰色 再创建一个新图层 在新图层上用矩形选框工具画出一个长方形(大小自己看着来)用兰色填充(兰色值为#22aff7) . 在这里顺便把选区储存起来 因为后面要用到. 最后给一个5px的下拉阴影 如下图:

第二步:

新建一图层 起名”深色” 用深兰色填充(颜色值为#0141af) 如下图:

第三步:

用橡皮擦工具(模式:画笔 直径:200px硬度:0 不透明:100%流量:80% ) 在”深色”层点几下 如下图:

第四步:

复制一个”深色”层 应用这个层的混合选项里的内阴影 具体数值如下图:

第五步:

用椭圆选框工具画出如下图这个样子:

新建一个层起名为”白色” 选区反选(Ctrl+Shift+i)后 填充白色 如下图:

栽入咱们最早保存的那个选区 执行反选(Ctrl+Shift+i)然后Delete多余白色 结果如下图:

第六步:

对这个”白色”层应用高斯模糊 (滤镜—模糊—高斯模糊) 模糊值为:3px 如下图:

第七步:

调整”白色”层的透明度 如下图:

PS按钮制作基础教程之制作黑光水晶导航按钮 篇4

一、“制作”他人按钮

有时看到别人Authorware中的按钮很漂亮，但苦于无法把它们导出来，如果通过抓屏并重新制作的话，工作量又太大。其实，我们只要照着下面的步骤去做，一定会有收获:

（1）启动Authorware，并打开包含有您所需要按钮和光标的源文件；

（2）拖动一个交互图标到流程线上，选择交互类型为按钮交互，这样就新建了一个空的按钮交互；

（3）双击这个按钮，打开它的设置框，并从按钮库中选择一个您所需要的按钮，再从光标库中选择一个您所需要的光标；

（4）选中这个空的交互图标，按下Ctrl+C，将它拷贝到Windows的剪贴板中；

（5）再次启动Authorware（即目前有两个Authorware窗口），并新建一文件，再按下Ctrl+V键，将Windows的剪贴板中的按钮交互图标粘贴到新建的文件中；

（6）打开新建文件的按钮库，里面就已经出现了您刚才所选择的按钮和光标了（如图1）；

已经打开的按钮库

（7）如果有多个按钮和光标，可以重复步骤（3）――（5），直到您所要的所有的按钮和光标都被拷贝到新建的文件中为止。

笔者注：

（1）通过这种方法可以拷贝他人的按钮资源外，还可以拷贝光标资源，方法差不多；

（2）您还可以通过这种方法再拷贝别的好的文件里的按钮和光标来形成自己的按钮库和光标库，以后自己作课件时就尽管到里面取，

而且，笔者也经常这么做，所以别人每每都会被我的多媒体产品中的漂亮按钮和光标所折服，其实，我也是从别人那里“借”来的。

二、巧做永久按键交互

在Autorware中提供了多种交互方式，但是我们发现有的交互能够设置为永久交互（Perpetual选项有效），而有的则不能，这就给我们制作多媒体程序时实现一些特殊效果带来了不便。如，我想制作一个永久的按键响应，当用户随时按下A或a键时就能够进行一定的操作，一般人肯定会想到使用按键交互响应来制作，但按键交互不支持永久交互，因此无法制作成功。其实这时我们完全可以通过按钮交互来代替按钮响应：我们可以先放置一按钮交互，并将它的Key(s)设置为您自己的热键，在本例中，是A|a，并设置这个按钮交互为永久交互，返回类型为Return（如图2），然后运行这个程序，按下暂停键Ctrl+P，将这个按钮拖到展示窗口外去，这样就看不到它了，但是无论您什么时候按下热键，其交互都会起作用。

设置交互类型

三、制作选项式按钮

某些情况下我们需要制作一个选项式按钮，如我们可以在展示窗口上放置一个按钮，它的标题为播放背景音乐，如果用户按下它前面的小勾，选中此选项，则播放背景音乐，如果再次按下它前面的小勾，则取消选中此选项，不再播放背景音乐等。下面我们就介绍其制作方法：

1、文字型按钮的制作（简单）

（1） 放置一交互图标到流程线上，命名为“选项式按钮”；