PS按钮制作基础教程之制作青色水晶雪花按钮
“RémèmBē↘”通过精心收集,向本站投稿了10篇PS按钮制作基础教程之制作青色水晶雪花按钮,下面是小编精心整理后的PS按钮制作基础教程之制作青色水晶雪花按钮,希望能够帮助到大家。
篇1:PS按钮制作基础教程之制作青色水晶雪花按钮
本教程的按钮大致分为两个大的部分:第一部分是按钮部分的制作,用选区工具做出想要的按钮形状,然后添加图层样式和高光做出水晶质感,
PS按钮制作基础教程之制作青色水晶雪花按钮
。第二部分是雪花部分的制作,需要用到雪花形状或笔刷做出雪花,然后添加图层样式即可。最终效果
1、打开下图所示的背景图片。
2、选择“椭圆”工具并在视图中进行绘制。
3、为“形状 1”添加图层样式。
4、新建“图层 1”,使用画笔在视图中绘制,
5、将“形状 1”载入选区,反向选择将多余部分删除。
6、取消选区选择状态,执行“滤镜”→“模糊”→“高斯模糊”命令。
7、设置“图层 1”混合模式为“柔光”。
8、新建图层,使用“柔边圆”画笔绘制出阴影并设置混合模式为“线性光”。
篇2:PS按钮制作基础教程之制作蓝色圆形水晶按钮
本教程的重点是要做出按钮的立体感及光感,
PS按钮制作基础教程之制作蓝色圆形水晶按钮
。制作的时候需要多分几个图层。从底色渐变开始一步一步渲染效果。尤其是高光部分一定要自然,并与光源部分一致。最终效果
1、新增一个图层1,并用圆形选取工具画出一个圆形选区,如下图:
2、先将前景色和背景色分别设定为浅蓝和深蓝色,再用渐层工具拉出圆形渐层,如下图:
3、先按Ctrl + D取消选取,再使用图层样式功能加上阴影和描上黑边,如下图:
4、再新增一个图层2,并用圆形选取工具画出一个圆形选区,这个圆形选区要画的比蓝色的圆形小一点,如下图:
5、将渐层工具调整为白色到透明的色彩,如下图:
6、在图层2的圆形选区内拉出白色到透明的直线式渐层,如下图:
7、先按Ctrl + D取消选取,再使用:滤镜 >模糊 >高斯模糊,如下图:
8、将图层2的透明度调整到60%左右,如下图:
9、再新增一个图层3,再用圆形选取工具画出一个圆形选区,这个圆形选区要画更小一点,如下图:
10、在图层3的圆形选区内拉出白色到透明的直线式渐层,如下图:
11、再用圆形选取工具,选取图层3圆形部份的下方,再按滑鼠右键设定羽化,如下图:
12、羽化值设定大约在10左右,设定完羽化,直接按键盘的Delete键,就会将图层3圆形的下半部删除,如下图:
13、先按C trl + D 取消选取,再使用:滤镜 >模糊 >高斯模糊,这次的高斯模糊不用设太大,如下图:
14、将图层3的透明度调整到80%左右,如下图:
15、最后再打上您需要的文字,这个范例就算完成啦,如下图:
篇3:PS按钮制作基础教程之制作黑光水晶导航按钮
本教程介绍主色为黑色水晶按钮的制作方法,
PS按钮制作基础教程之制作黑光水晶导航按钮
。大致过程:做好想要的按钮形状以后,填充黑色,用图层样式做出简单的高光效果。然后再添加一些纹理和反光效果即可。最终效果
1、打开下图所示的背景素材。
2、新建图层并命名为“按钮”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。
3、为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。
4、单击“斜面和浮雕”项目,设置其各项参数。
5、单击“渐变叠加”项目,设置其各项参数。
6、单击“描边”项目,设置其各项参数。按下“确定”按钮,关闭“图层样式”对话框,效果如图所示,
7、按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
8、新建一个文档,大小为“3px*3px”,分辨率为“72px”。将文档放大到“1600%”,用铅笔画出如下图案,再执行“编辑”→“定义图案”命令。
9、新建图层并命名为“图案”,按下
10、完成后,效果如图所示。
11、新建图层并命名为“边”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。
12、为“边”图层添加图层样式,单击“外发光”项目,设置其各项参数。
13、按下“确定”按钮,关闭“图层样式”对话框,为“边”图层添加图层蒙版,选择“渐变工具”,调整图像。
篇4:PS按钮制作基础教程之制作金属边框水晶按钮
本教程的按钮大致分为两个大的部分来制作,
PS按钮制作基础教程之制作金属边框水晶按钮
。首先是金属边框部分,用到的图层比较多,每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作,方法与前面的基本相近。最终效果
1、打开photoshop,新建一图层,按Shift使用椭圆工具画一正圆形。
2、然后双击图层1,在图层1的混合属性中做如下设置:
3、按Ctrl单击图层1,使图层1载入选区,依次点击菜单栏中的选区――修改――收缩,设置收缩量为2。
4、选取椭圆选框工具,设置为选区叉:
5、使用椭圆选框工具在图层1的选区上画椭圆,两选区交叉后效果如下:
6、新建图层2,使用渐变工具在拉渐变,取消选区,将图层透明度设为65,效果如下:
7、新建图层3,同样使用椭圆选框工具和渐变工具做出如下效果:
8、新建图层4,使用椭圆工具并做出如下效果:
9、按Ctrl单击图层4,依次点击菜单中的选择――修改――收缩,设收缩量为1,
10、新建图层5,使用渐变工具,选择对称渐变,做出如下效果:
11、设图层透明度为55,载入图层5的选区,将选区范围收缩9PX,按Del删除,效果如图:
12、再次将选区范围收缩1PX,新建图层6,填充,并设置如下混合选项:
13、新建图层7,做出如下效果,设置混合属性如下:
篇5:PS按钮制作基础教程之制作蓝色圆形水晶
水晶按钮的制作关键是把水晶质感渲染出来,
PS按钮制作基础教程之制作蓝色圆形水晶
。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。最终效果
1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。
2、底部矩形样式。
3、上部矩形样式。
4、在画面右侧添加一个白色椭圆,图层模式柔光。
5、建新层,画一白色正圆,
6、添加图层样式。
7、建新层,画一个小些的黑色正圆,与大圆中心对齐。
8、添加图层样式。
9、建新层,前景色#204478画一音乐符号。
10、添加图层样式。
篇6:PS按钮制作基础教程之制作水晶风格网站导航条
网站制作中导航栏的设置非常重要,
PS按钮制作基础教程之制作水晶风格网站导航条
。漂亮的导航按钮和菜单会给网站增色不少。下面介绍一款精致的水晶风格按钮的制作。作者不仅介绍了按钮的制作还介绍了文字部分的制作方法,非常值得学习。最终效果
1、创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。
2、应用层样式:内发光,混合模式:滤色,方法:柔和。
3、渐变叠加:颜色设置为:#5e80a3,#839db8,#b8c7d6。
4、描边: #5e80a3。
5、这就是它应该呈现的样子。
6、现在打上菜单文字,字体Segoe,大小:14 pt,颜色白色#ffffff。
7、给字体链接应用层效果:描边 #53769a。
8、创建一个新层。选择矩形选框工具,绘制1px宽度的线条并使用# ffffffs填充。
9、复制这个层接着在每个链接之间添加每个线条。现在选择矩形选框工具选取线条底部的区域覆盖到所有的线条,然后使用选择- >修改- >羽化和应用5px半径,
按下Del然后采取相同的方法处理上方的线条。
10、将线条图层的混合模式改为柔光。
11、使用矩形选框工具选取你链接的内部区域 (在两个线条之间)然后填充任何你想要的颜色。
12、现在给这个层应用混合模式渐变叠加使用颜色: #567595, #728fae #b3c3d3。
13、这就是它应该呈现的样子。
14、现在使用矩形选框工具2px的半径绘制一个小矩形使用#ffffff填充。
15、应用如下的层效果到形状图层: 内发光(混合模式:叠加)。
16、渐变叠加: #e6e6e6 和 #ffffff。
17、描边: #5e80a3。
18、这就是它应该呈现的样子。
19、在形状内输入“search”使用Segoe字体,大小为 12pt 颜色#7b7b7b。
最终效果:
篇7:PS按钮制作基础教程之打造条纹水晶导航栏
本教程介绍非常精致的导航栏的制作方法,
PS按钮制作基础教程之打造条纹水晶导航栏
。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。最终效果
1、打开下图所示的背景素材。
<点小图查看大图>点小图查看大图>
2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。
3、为“形状 1”图层添加图层样式,单击“投影”项目,并设置其各项参数。
4、单击“内阴影”项目,并设置其各项参数。
5、单击“斜面和浮雕”项目,并设置其各项参数。
6、单击“图案叠加”项目,并设置其各项参数,
7、单击“描边”项目,并设置其各项参数。
8、按下“确定”按钮,关闭“图层样式”对话框,设置图层“填充”参数,效果如图所示。
9、复制“形状 1”图层,得到“形状 1 副本”图层,并将“形状 1 副本”图层的图层样式删除,效果如图所示。
10、为“形状 1”图层添加“渐变叠加”图层样式,并设置其各项参数。
11、按下“确定”按钮,关闭“图层样式”对话框,设置图层的“填充”参数,效果如图所示。
12、选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 2”图层。
13、为“形状 2”图层添加图层样式,单击“投影”项目,并设置其各项参数。
篇8: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图层的多余部分,效果如下图。用复制 + 水平翻转得到另一半的圆形,效果如下图。
6、按住Ctrl 的同时单击形状1,此时出现形状1的选区,按Ctrl + Shift + I 反选选区,然后按Delete 删除形状2图层的多余部分,效果如下图。用复制 + 水平翻转得到另一半的圆形,效果如下图。
7、在最顶部新建一个图层,按Ctrl + 单击形状1得到选区,然后选择菜单:编辑 >描边,参数设置如下图。
取消选区,然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为:55%,效果如下图。
篇9:PS按钮制作基础教程之制作宝石质感按钮
本教程介绍非常通透的宝石质感按钮的制作方法,
PS按钮制作基础教程之制作宝石质感按钮
。大致过程:先用选区工具做出想要的形状,调色后用一些图层样式做出纹理和质感效果。然后再加上高光和文字即可。最终效果
1、打开下图所示的背景素材。
2、选择“椭圆”工具进行绘制。
3、双击图层缩览图,设置打开的“拾取实色”对话框。
4、执行“编辑”→“变换”→“变形”命令。
5、为“形状 1”添加“内阴影”图层样式效果。
6、设置“图案叠加”图层样式。
7、新建“图层 1”,选择“矩形选框工具”绘制选区,
8、设置渐变色,并填充选区。
9、新建“图层2”,设置渐变色并填充选区。
10、设置“图层2”的混合模式为“柔光”。
11、设置“图层1”的混合模式为“强光”。
12、选择“图层 1”图层,执行“图层”→“创建剪贴蒙版”命令。
13、为“图层 2”创建剪贴蒙板。
14、选择“椭圆”工具进行绘制。
篇10:PS按钮制作基础教程之制作透明玻璃按钮
本教程教大家制作一款简单又美观的玻璃按钮,不用任何图层样式就可以做出非常漂亮的效果,
PS按钮制作基础教程之制作透明玻璃按钮
。用最简单的方法制作最漂亮的作品。最终效果
新建一个400 * 250像素的文档,背景填充蓝色:#106D98。
1、新建一个图层,命名为“玻璃边框”,选择矩形工具,半径设置为25,然后拉出下图所示的选区并填充白色。填色后不要取消选区。
2、把当前图层复制一层,得到图层副本,隐藏“玻璃边框”图层,保持选区,执行:选择 >修改 >收缩,数值为1,确定后按Delete 删除。确定后不要取消选区。
3、再新建一个图层,选择菜单:选择 >修改 >收缩,数值为1,然后选择渐变工具,拉上渐变。
渐变色设置如下图,两边为白色,中间位透明,
由上至下拉出线性渐变。
4、输入自己需要的文字,字体颜色为白色。
5、新建一个图层,命名为“下载”,用钢笔工具勾出选区,并填充绿色,用来制作动态效果。
6、调出“玻璃边框”图层的选区,新建一个图层填充白色,设置不透明度为:20%,用矩形选框工具删除其不需要的部分,如下图。
7、选择菜单:窗口 >动画面板,选择下载图层,新建空白帧,使用移动工具把下载图层向下移几格像素。
8、按住Shift 键选择两个帧,为其添加过渡帧。
9、再为其添加时间为0.6秒,储存为Web格式所用,完成最终效果。
最终效果:
【PS按钮制作基础教程之制作青色水晶雪花按钮】相关文章:
10.PS制作霓虹文字效果






文档为doc格式