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

| 收藏本文 下载本文 作者:chjd0416

下面小编为大家带来PS按钮制作基础教程之制作彩色金属按钮(共含6篇),希望大家能够受用!同时,但愿您也能像本文投稿人“chjd0416”一样,积极向本站投稿分享好文章。

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

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

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

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

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

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

篇2: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,做出如下效果,设置混合属性如下:

篇3: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%,效果如下图。

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

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

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

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

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果

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

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

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

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

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

由上至下拉出线性渐变。

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

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

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

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

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

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

最终效果:

篇6: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、最后再打上您需要的文字,这个范例就算完成啦,如下图:

《按钮制作》教学反思

教你用Photoshop制作蓝色方形水晶按钮

PS制作金属质感文字教程

PS滤镜制作漂亮彩色漩涡

PS制作彩色水晶质感文字

PPT基础教程:制作比赛计时器

PS制作不锈钢文字效果

PS制作向日葵壁纸

PS制作发光文字

PS制作奥运台历

PS按钮制作基础教程之制作彩色金属按钮(精选6篇)

欢迎下载DOC格式的PS按钮制作基础教程之制作彩色金属按钮,但愿能给您带来参考作用!
推荐度: 推荐 推荐 推荐 推荐 推荐
点击下载文档 文档为doc格式
点击下载本文文档