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

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

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

【 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)按下确定按钮,关闭图层样式对话框,效果如图所示。

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

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)按下确定按钮,关闭图层样式对话框,更改图层混合模式为颜色减淡,效果如图所示。

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
最终效果图 1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“10”如图2,绘制如图3所示的圆角矩形。 图1 图2 图3 2.把圆角矩形局部放大用钢笔工具勾出如图4所示的图形,按“Ctrl+Entr" 调出选区,再按"Delete"键删除选区...
【PS文字特效】photoshop制作多彩光感文字效果 教程将向大家展示如何使用Photoshop笔刷和图层风格来创建丰富多彩的光感文本效果。 原文来自:textuts.com 最终效果: 注: * 本教程使用的软件为Adobe Photoshop CS5 Extended * 最后图像的尺寸是1024 * 768 步骤1: -设置前景色为# 212121,背景色为...
标签: PS PS基础
开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。 (1)运行Photoshop CS5,执行文件→打开命令,打开素材文件红色背景.psd文件。 (2)选择矩形工具和椭圆工具进行绘制。 (3)选择路径选择工具,将路径组合。 (4)使用椭圆工具进行绘制。将路径组合。 (5)使用相同手法进行绘制并组合。 (6)切换到...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一个白色圆角矩形。 添加图层样式。 效果如下。 建新层,画一个小的圆角矩形,颜色#f7bdd6。 高斯模糊一下。 添加外发光样式。 不透明度改为80%,效果如下。 建新层,同样方法作出下图所示...
标签: PS PS教程
先看一下效果: 在下面的例子中我们将研究怎么样运用图层样式来为我们制作出优美的图案。新建825×595像素大小的工作窗口,选择渐变工具为背景添加渐变效果。 双击背景图层,打开“新建图层”对话框,单击确定。 在图层面板中单击“添加图层样式”,在下拉菜单中选择“渐变叠加”,然后如图设置弹出对话框。 在图层面板中再...

经验教程

937

收藏

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