Photoshop样式教程:制作多彩的水晶胶囊按钮

2016-02-16 07:44 14 1 收藏

今天图老师小编给大家展示的是Photoshop样式教程:制作多彩的水晶胶囊按钮,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - PS 】

本期教程中我们将设置图层样式效果来制作一个胶囊状的水晶按钮效果,制作中主要使用了外发光、内发光、渐变叠加等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。

开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。

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

下载素材:MissYuan_蓝色背景.rar

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(1)运行Photoshop CS5,执行文件→打开命令,打开素材文件蓝色背景.psd文件。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(2)新建图层并命名为按钮,选择圆角矩形工具,单击工具选项栏中的路径按钮,创建路径并将路径载入选区。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(3)选择渐变工具填充选区,效果如图所示。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(4)为按钮图层添加图层样式,单击外发光项目,设置其各项参数。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(5)单击内发光项目,设置其各项参数

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(6)按下确定按钮,关闭图层样式对话框,效果如图所示。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(7)新建图层并命名为左半部,按下键的同时单击按钮图层,将按钮图层其载入选区,并为选区填充前景色。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(8)选择椭圆选框工具创建选区,执行选择→反向命令,并删除选区内容,效果如图所示。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(9)新建图层并命名为中部,选择椭圆选框工具绘制选区并填充前景色

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(10)新建图层并命名为下高光,按下键的同时单击按钮图层,将按钮图层载入选区,选择渐变工具填充选区。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(11)按下组合键,执行自由变换命令,调整后效果如图所示。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(12)更改图层混合模式为叠加,效果如图所示。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(13)新建图层并命名为上高光,选择圆角矩形工具,单击工具选项栏中的路径按钮,创建路径并修改路径。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(14)将路径载入选区并填充前景色。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(15)为上高光图层添加渐变叠加图层样式,并设置其各项参数。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(16)按下确定按钮,关闭图层样式对话框,更改图层混合模式为颜色减淡,效果如图所示。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(17)创建图层组命名为胶囊按钮,并将按钮、左半部、中部、下高光、上高光拖入该图层组中。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(18)参照制作胶囊按钮图层组的方法,制作出上按钮、下按钮图层,效果如图所示。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

(19)将图层调板中隐藏的装饰图层组显示,完成本实例的制作。

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

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

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

Photoshop样式教程:制作多彩的水晶胶囊按钮,PS教程,图老师教程网

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

延伸阅读
标签: PS PS基础
本期教程中我们将设置图层样式效果来制作一个透明玻璃雪花按钮,制作中主要使用了 渐变叠加、斜面雨浮雕、光泽等图层样式效果。按钮的透明效果则是通过设置光泽样式中的图层叠加制作的,具体的方法读者可跟随教程同步制作并逐步了解。 开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。 (1)运行Photoshop CS5...
标签: PS PS基础
开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。 (1)运行Photoshop CS5,执行文件→打开命令,打开素材文件红色背景.psd文件。 (2)选择矩形工具和椭圆工具进行绘制。 (3)选择路径选择工具,将路径组合。 (4)使用椭圆工具进行绘制。将路径组合。 (5)使用相同手法进行绘制并组合。 (6)切换到...
ps水晶按钮制作教程 photoshop教程最终效果 1.新建一个300tuLaoShi.com * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 ps水晶按钮制作教程(2) 4.这是是具体的简便颜色设置 ...
【PS文字特效】photoshop制作多彩光感文字效果 教程将向大家展示如何使用Photoshop笔刷和图层风格来创建丰富多彩的光感文本效果。 原文来自:textuts.com 最终效果: 注: * 本教程使用的软件为Adobe Photoshop CS5 Extended * 最后图像的尺寸是1024 * 768 步骤1: -设置前景色为# 212121,背景色为...
标签: PS PS基础 PS效果
本教程的按钮制作比较简单。大致的过程:先画好想要的按钮形状,可以使任意图形。然后设置一些图层样式,后面加上高光和文字即可。 最终效果 1、把底图层填充成灰色,再创建一个新图层,在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7)。在这里顺便把选区储存起来 因为后面要用到。 最后给一个5p...

经验教程

964

收藏

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