ps教程：个性按钮制作

ps教程：个性按钮制作（通用10篇）

1.ps教程：个性按钮制作 篇一

本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐!

最终效果

1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120

2.复制圆角矩形图层并缩小

3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了，

4.这是是具体的简便颜色设置

5.给上边的矩形添加样式

6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图

7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果

8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影，

9.加上文字。

10.最后添加一个色相饱和度可以调成自己喜爱的颜色。

2.ps教程：个性按钮制作 篇二

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

最终效果

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

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

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

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

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

由上至下拉出线性渐变。

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

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

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

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

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

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

3.ps教程：个性按钮制作 篇三

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

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

最终效果

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

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

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

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

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

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

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

4.ps教程：个性按钮制作 篇四

最终效果

1.新建一个500 * 300像素的文件，背景填充为白色，新建一个图层命名为“按钮”，用矩形选框工具画一个长条的矩形填充为黑色。

2.双击“按钮”层，弹出图层样式对话框，选择渐变叠加参数设置如下图

3.设置渐变颜色

4.继续添加图层样式选择外发光

5.继续添加图层样式选择描边确定后完成最终效果，

5.PS教程：制作个性的弹簧字 篇五

表面看上去，弹簧好像是有一根钢丝绕成的。如果要在PS里面实现可能会非常麻烦。不过我们可以把弹簧差分为一个细小的单元，只要做出这个单元，其它的复制对接上去就可以连成一个整体。

最终效果

1、新建一个800 * 800 像素的文件，背景填充黑色，新建一个图层，命名为“底部”，用钢笔工具勾出下图所示的路径，转为选区，然后填充颜色：#9A9DA4，取消选区后效果如图2。

图1

图2

2、把刚才做好的图层复制一层，锁定图层后填充颜色：#696B70，如图3，按Ctrl 点图层调出选区，把选区往上稍微移动一下，按Ctrl + Alt + D 羽化8个像素，如图4，然后按Delete 删除，取消选区后适当调整下图层不透明度，效果如图5。

图3

图4

图5

图6

图7

4、按Ctrl 点图层面板“底部”图层调出选区，选择菜单：选择 >修改 >收缩，数值为11，确定后按Ctrl + Alt + D 羽化3个像素，填充颜色：#EBEFFA，效果如图9。

图8

图9

5、把除背景以外的几个图层合并，选择加深工具把图形两端稍微加深一下，如图10，

图10

6、把做好的图形复制一层，稍微垂直移开一点距离，如图11。

图11

7、在背景图层下面新建一个图层，用钢笔工具勾出下图所示的路径，转为选区后填充颜色：#464648，效果如图13。

图12

图13

8、选择减淡工具，曝光度为：10%左右，涂一点高光出来，效果如图14。

图14

9、现在去掉下面的图形，然后把剩下的几个图层合并，背景图层除外，如图15。

图15

10、选择文字工具，打上自己想要的文字，做参考。

图16

11、现在开始从下面开始制作弹簧，先把图形稍微变换下角度，放到文字的顶部，如图17。

图17

12、把图层复制一层，对接到上面的图层上，适当调整角度，如图18。

图18

13、同样的方法，复制再调整角度，即可得到想要的文字效果。

图19

图20

6.CDR制作水晶质感按钮教程 篇六

FEVTE编注：更多CDR教程讨论和作业提交请到三联教程论坛COREDRAW交流区：bbs.fevte.com/forum-53-1.html

【自己做的效果，和教程有点差别，但是方法是一样的】在制作之前,首先要分析一下按钮的各部分组成及其形状，典型的按钮大致分为以下几部分：

按钮主体; 按钮阴影部分; 光泽区; 光泽区的透明渐变; 高亮区; 文本字符及其阴影，

9.选择按钮主体，用交互式阴影工具加上柔和的阴影效果，按钮主体阴影颜色为：(HSB：120,100,100)，在属性栏上适当调节阴影的不透明度和羽化程度，注意羽化程度数值不要太低。

同样，在按钮中间再加上文本或字符，并加上阴影效果，文本或阴影颜色：(HSB：180,100,20)。

制作步骤如下：

首先，我们要创建基本图形：按钮主体，高亮区，光泽区。1.选择椭圆工具，按住CTRL键,绘制一个圆，作为按钮主体的基本形状，其大小取决于你要制作的按钮大小。

2. 将此圆再复制一个：向上拖动圆，到按钮外形上方合适位置时，按鼠标右键再放开(或者按小键盘上“+”键)

3. 复制的圆作为按钮的光泽区，还需要进一步调节：先将圆转换成曲线，用形状工具将其塑形成图2形状，并移动到大圆内部适当位置，

4.现在创建高亮区域，并添加透视效果：在按钮外形的内部下方绘制一个椭圆，使其宽度略小于按钮，高度要小许多。

5. 选择椭圆，打开“Effects”菜单上的“Add Perspective”命令，按下Shift和Ctrl健，向外拖动椭圆上部的透视控制点。

6. 好，现在有了所需的基本外形了,首先，去掉各个基本图形的轮廓线，加上填充色。具体的颜色值设置如下：(在此例中采用HSB颜色模式)按钮主体：(HSB：150,100,40),光泽区：(HSB：122,7,97)高亮区(HSB：120,100,100)

7. 可以看出，按钮只是初步完成填色，还要进一步的精心修饰。我们先来给光泽区美化修饰：选择交互式调和工具，从高亮区中心拖动到按钮主体的中心，建立一个调和效果，其中调和的步长请自己尝试。如果按钮主体和高亮区的调和将光泽区遮挡住，请用“Shift+PgUp”命令将光泽区安排到最前面。

7.ps教程：个性按钮制作 篇七

先让我们看看第一个圆形的立体按键是怎么做出来的 。其实仔细的分析一下它仅仅是两个填充了渐变色的圆组成的。怎么样不像想象的这么复杂吧！现在让我们一步一步地学学怎么做的。首先先用圆形工具 画出一个圆。当我们画圆的时候是不是不是很容易画出一个正圆来，这里有个技巧，在画圆的时候按住Shift键就可以方便的画出一个标准的圆。然后在 Gradient浮动面板调一个中间白色（当然你也可以用其它颜色）边缘蓝色的放射状渐变，然后用渐变工具填充圆形。

然后把绘制好的圆复制一个。然后用变形工具将它缩小到适当的大小。然后旋转到一个恰当的角度（参考下图）

最后将小圆移动到大圆的中心（技巧：为了精确的移动可以使用键盘上的方向键），这个按键就大功告成了，

第二种按键实际上是第一种的灵活运用。把圆形换为圆角的矩形，同样用一个中间白色边缘蓝色的放射状渐变填充，（填充的时候一定要选择好适当的位置，填充的中点放在矩形的一个角上）

同样复制一个矩形，然后将它缩小，左右颠倒。最后将它放在大矩形的中心就完成了。

第三个按键同样是矩形按键，但制作方法与第二个矩形有很大的不同。它是利用图形和色彩渐变工具 制作的。首先画一个圆角矩形。然后画一个较小的圆角矩形并放在大矩形中心。较大的矩形填充较深的颜色，较小的矩形填充较浅的颜色。

用色彩渐变工具  或者object blends make就可以创造出一个漂亮的按键了。

上一讲：Illustrator 8.0基础入门教程之金属文字制作

8.PS教程：制作黄昏效果 篇八

本教程的色调以暗黄为主，有点类似黄昏的效果。大致调色过程：先把图片的整体色调压暗，然后再把色调调成金色。人物部分可以分开来调。

原图

最终效果

1、打开原图素材，新建一个图层填充颜色：#0A，然后把图层混合模式改为“排除”，效果如图1。

图1

2、创建亮度/对比度调整图层，参数设置如图2，确定后只保留天空部分，其它部分用黑色画笔擦掉。

图2

图3

3、新建一个图层，按Ctrl + Alt + Shift + E 盖印图层，把图层混合模式改为“叠加”，加上图层蒙版把天空部分用黑色画笔擦出来，如图4。

图4

4、新建一个图层，盖印图层，按Ctrl + Shift + U 去色，按Ctrl + B 调整色彩平衡，参数设置如图5，确定后把图层混合模式改为“颜色加深”，图层不透明度改为：50%。

图5

图6

5、创建通道混合器调整图层，对红色及蓝色进行调整，参数设置如图7，8，确定后把图层不透明度改为：30%，效果如图9。

图7

图8

图9

6、再创建通道混合器调整图层，参数设置如图10，效果如图11，

图10

图11

7、新建一个图层，盖印图层，把图层混合模式改为“正片叠底”，图层不透明度改为：50%，效果如图12。

图12

8、按Ctrl + Alt + ~ 调出高光选区，新建一个图层填充颜色：#2362FF，然后把图层混合模式改为“柔光”，图层不透明度改为：40%，效果如下图。

图13

9、新建一个图层，盖印图层，把图层混合模式改为“正片叠底”，图层不透明度改为：60%，效果如下图。

图14

10、把背景图层复制一层，按Ctrl + Shift + ] 置顶，用钢笔工具把人物部分抠出来，复制到新的图层，再把背景副本隐藏，效果如图15。

图15

11、对抠出的人物图层按Ctrl + M 调整曲线，参数设置如图16-18，效果如图19。

图16

图17

图18

图19

12、执行：图像 > 调整 > 亮度/对比度，参数设置如图20，效果如图21。

图20

图21

13、选择减淡工具，曝光度为：10%左右，把人物脸部的高光部分涂亮一点，效果如图22。

图22

14、最后整体调整下颜色，完成最终效果。

9.PS制作手镯详细教程 篇九

最终效果

1.新建一个文件，新建一个图层，设前景色为绿色，背景色为白色，执行菜单/滤镜/云彩，然后用椭圆工具画一个正圆。

2、Ctrl J复制出一个椭圆图层。

3、将背景填充为黑色，在图层面板按住Ctrl键单击椭圆图层以载入其选区，执行菜单/选择/变换选区，按住Shift Alt键等比例缩小。

4、按Delete键删除，形成一个环形。

5、下面就开始调样式了。双击手镯图层调出其图层样式窗口，勾选如下样式。将投影的参数设置如下。

6、将内阴影的参数设置如下。

7、将外发光的参数设置如下。

8、将斜面和浮雕的参数设置如下。

9、将等高线的参数设置如下，

10、将渐变叠加的参数设置如下。

11、一个碧玉手镯就成形了。如果觉得不满意，可以继续调整各项参数，一边调整一边观察手镯的变化，直到满意为止。

12、可以设置一个漂亮的背景来反衬手镯的光彩，这里选择紫色，紫色很高贵，能衬托珠宝的华美。

13、执行菜单/滤镜/纹理/染色玻璃参数设置如图13， 给背景添加纹理效果。

14、我们还可以勾选“图案叠加”样式，用不同的图案，做出不同质地的手镯。这是褶皱图案的效果。

15、这是绸光图案的效果。

16、这是分子图案的效果，质感像大理石。

17、这是金属画图案的效果。

10.ps教程：个性按钮制作 篇十

PS按钮制作基础教程之打造条纹水晶导航栏

。大致过程：先用做出自己想要的导航栏形状，然后分别对导航栏的高光及背景部分设置图层样式，做出水晶质感。后期调整细节并加上文字即可。

最终效果

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

<点小图查看大图>

2、选择“圆角矩形工具”，在打开的工具选项栏中选择“形状图层”按钮，创建“形状 1”图层。

3、为“形状 1”图层添加图层样式，单击“投影”项目，并设置其各项参数。

4、单击“内阴影”项目，并设置其各项参数。

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

6、单击“图案叠加”项目，并设置其各项参数，

7、单击“描边”项目，并设置其各项参数。

8、按下“确定”按钮，关闭“图层样式”对话框，设置图层“填充”参数，效果如图所示。

9、复制“形状 1”图层，得到“形状 1 副本”图层，并将“形状 1 副本”图层的图层样式删除，效果如图所示。

10、为“形状 1”图层添加“渐变叠加”图层样式，并设置其各项参数。

11、按下“确定”按钮，关闭“图层样式”对话框，设置图层的“填充”参数，效果如图所示。

12、选择“矩形工具”，在打开的工具选项栏中选择“形状图层”按钮，创建“形状 2”图层。