Photoshop样式教程:制作透明玻璃雪花按钮

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

下面图老师小编要向大家介绍下Photoshop样式教程:制作透明玻璃雪花按钮,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - PS 】

本期教程中我们将设置图层样式效果来制作一个透明玻璃雪花按钮,制作中主要使用了 渐变叠加、斜面雨浮雕、光泽等图层样式效果。按钮的透明效果则是通过设置光泽样式中的图层叠加制作的,具体的方法读者可跟随教程同步制作并逐步了解。

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

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(1)运行Photoshop CS5,打开素材文件背景.psd文件。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(2)选择椭圆工具并在视图中进行绘制。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(3)为形状 1添加图层样式。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(4)新建图层 1,使用画笔在视图中绘制。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(5)将形状 1载入选区,反向选择将多余部分删除。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(6)取消选区选择状态,执行滤镜→模糊→高斯模糊命令。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(7)设置图层 1混合模式为柔光。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(8)新建图层,使用柔边圆画笔绘制出阴影并设置混合模式为线性光。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

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

(9)使用自定义形状工具绘制出形状 2。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(10)设置形状 2的填充为0%。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(11)为形状 2添加图层样式投影效果。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

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

(12)添加内阴影效果。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(13)添加外发光效果。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(14)添加斜面和浮雕效果。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(15)添加描边效果。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

(16)完成实例制作。

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

Photoshop样式教程:制作透明玻璃雪花按钮,PS教程,图老师教程网

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

延伸阅读
标签: PS教程
一:点击文件—新建一个文件,模式设置为RGB颜色模式。 二:新建一个透明图层,然后点击圆角矩形工具,设置前景色为蓝色,接着绘制出一个圆角矩形。 三:选择图层—图层样式—混合选项—执行投影和内阴影。 四:继续编辑图层样式,选择内发光;接着选择斜面浮雕。 五:选择—重新选择,然后新建一个图层,填充一个阴影颜色...
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾...
photoshop绘制透明玻璃质感长圆形按钮 最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右图老师半圆向右移动30像素...
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选...
最终效果图 步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。 步骤二:选择“椭圆工具 ”并画一个圆。 步骤三:转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。 步骤四:给“椭圆工具”应用这些混合选项。 ...

经验教程

417

收藏

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