Photoshop绘制蓝色水晶立体效果的按钮

2016-02-16 05:15 63 1 收藏

下面图老师小编跟大家分享Photoshop绘制蓝色水晶立体效果的按钮,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

面对相同的效果,每个人的实现方法都不尽相同,我把我常用的方法在这里写出来,第一次写教程,如有不妥之处望多多包涵。本次为写教程部分地方重新制作了一下,与之前发的图片在色彩等方面多少会有不同之处。

废话少说,先看效果图

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

1.制作按钮本体。先画一个圆角矩形,并加上渐变滤镜

这里颜色的选择是重点,选择好颜色后就已经有一种柔和的光照效果了

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

2.制作投影。首先画一个扁扁的椭圆形,填充偏黑的蓝色(因为按钮是蓝色的)

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

之后对椭圆进行高斯模糊

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

置于按钮本体的下层,调整大小和位置,这样投影就做好了

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

3.制作高光。先画一条1像素的白色直线,位置如图

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

然后给白线添加一层蒙版,点击图中图标可快速添加

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

选中该层蒙版后,打开左侧工具栏中的渐变工具,调整渐变颜色为左白右黑

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

然后选择对称渐变模式

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

从白线中间向两边(任意方向)拉一个渐变(依旧在选中蒙版的情况下)

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

这样一条高光就做好了,如果觉得太亮,可以适当调节一下透明度

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

复制一层,移动到按钮下边位置,底部发光的高光也就出来了

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

4.制作底部发光。一开始与制作投影一样,画一个椭圆,填充比较亮的蓝色

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

同样高斯模糊(这里可以模糊的比投影大一些)

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

调整位置、大小、微调颜色

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

将多出来的部分用矩形选框删除

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

将发光图层置于高光下面即可

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

5.制作上部反光。先画一个白色椭圆,调整位置、大小

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

调整椭圆的透明度

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

利用反选将没有与按钮重合的部分删除即可

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

6.最后加上文字,按钮制作完成。

Photoshop绘制蓝色水晶立体效果的按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1568492.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop绘制蓝色立体效果的软件下载图标,教程不难,重点是形状工具的运用,已经看到不少同学交作业了,你也来试试吧。有不懂的朋友可以下载PSD文件研究,下面就开始教程的绘制吧。 教程源文件: 超酷的蓝色下载图标PSD源文件 先看看效果图 这个是原图标 这个是我们的临摹成果 背景的创建没什么好说的,只是渐变,...
Photoshop绘制蓝色立体效果的小货车图标   本教程主要使用Photoshop绘制蓝色立体效果的小货车图标,整体的效果主要先使用钢笔工具勾画出轮廓,然后在使用图层样式来完成效果图,喜欢的朋友让我们学习吧。 先看看效果图 第一步 使用钢笔工具画出小货车的大的形状,值得注意的是一些形状中的细节,不要忽略,这是让图...
标签: PS PS基础 PS效果
水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。 最终效果 1、打开Adobe Photoshop,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像素,高度:400像素,分辨...
标签: PS PS基础 PS效果
水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 最终效果 1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。 2、底部矩形样式。 3、上部矩形样式。 4...
标签: PS PS基础
本教程主要使用Photoshop绘制水晶立体效果的祥云视频教程,喜欢的朋友让我们一起来学习吧. 教程素材:MissYuan_教程素材.rar 先看看效果图 下面是教程 进入论坛交作业:http://www.missyuan.com/thread-675877-1-1.html

经验教程

28

收藏

28
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部