Photoshop制作非常精致的红色水晶按钮

2016-02-02 08:46 36 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop制作非常精致的红色水晶按钮吧。

【 tulaoshi.com - PS 】

效果图看上去有点复杂,其实构成非常简单,由金属边框及中间水晶部分构成。制作之前可以先看一下作者的分解图,然后由底部开始慢慢制作即可。
最终效果


1、制作之前先来拆分一下按钮,大致由一下几部分构成。

2、新建大小适当的文档,新建一个图层,用椭圆选框工具拉一个正圆选区,填充黑色,如下图。

3、给正圆添加图层样式,分别设置内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。

4、接下来,我们开始做内圈,还是用椭圆工具画一个圆,比底盘稍微小一点。

5、添加图层样式,设置投影、内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。

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

6、下面开始给内圆添加细节,这是最初效果的步骤:
新建图层“光点”,用画笔工具,用一个稍大的白色画笔,在内圆上点一下,改变图层样式为叠加模式,然后复制“光点”图层2次。注意:为了防止光溢出,使用内圆的选区做一个蒙版即可。

7、继续添加光感:
新建图层“内圆”,用椭圆工具画一个圆,用肩膀工具填充,并设置图层混合模式为“叠加”,不透明度为:30%。

8、添加阴影效果,如下图。

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

9、再次丰富细节:添加环境光和泛光,如下图。

10、用钢笔工具画一个圆形的路径,然后用字体工具点一下路径,在路径上打上需要的文字即可。

11、最后新建图层,画个圆形,高斯模糊,放在图标底部作为投影。

最后加上背景,完成最终效果。


来源:http://www.tulaoshi.com/n/20160202/1533133.html

延伸阅读
   先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手. 一.背景的制作: 1.打开photoshop 新建一个400*400的文件 最好是"RGB"颜色 用黑白圆形渐变绘制如图2所示渐变 图1 图2 2.选择滤镜 杂色 ...
标签: PS PS基础 PS效果
本教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。 最终效果 1、打开下图所示的背景素材。 2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。 ...
来源:PS联盟 作者:大眼仔~旭 作者寄语:本教程教大家制作一款简单又美观的玻璃按钮,不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。 最终效果 新建一个400 * 250像素的文档,背景填充蓝色:#106D98。 1、新建一个图层,命名为“玻璃边框”,选择矩形工具,半径设置为25,然后拉出下图所示的选...
标签: PS PS基础 PS效果
作者寄语:本教程教大家制作一款简单又美观的玻璃按钮,不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。 最终效果 新建一个400 * 250像素的文档,背景填充蓝色:#106D98。 1、新建一个图层,命名为“玻璃边框”,选择矩形工具,半径设置为25,然后拉出下图所示的选区并填充白色。填色后...
标签: PS PS基础 PS效果
本教程的按钮制作比较简单。大致的过程:先画好想要的按钮形状,可以使任意图形。然后设置一些图层样式,后面加上高光和文字即可。 最终效果 1、把底图层填充成灰色,再创建一个新图层,在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7)。在这里顺便把选区储存起来 因为后面要用到。 最后给一个5p...

经验教程

623

收藏

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