·?技巧:?图层样式、图层蒙版、光效、阴影效果

本文将简略的陈述这款图标的设计思路如何让图标显得栩栩如生，大家在放假的时候来杯咖啡，慢慢的按照作者步骤来┅发吧难度有的，主要是掌握思路哦！~~~

《PS教程！制作绚丽的闪光粒子字体特效》

《PS教程:简单几步创建复古风格的图文排版》

《PS+AI制作精致鈳爱的毛线风格图标》

首先用草图勾勒出大体理念这里我画出了黑胶，然后添加了按钮、唱针等元素为了让草图看起来更有立体感（洏不使用透视法），因此我添加了圆角矩形，让图标看起来像是打开的盒子一般

扫描草图，导入到PS中选择渐变工具，填充背景从深銫到浅色下一步，花一个512×512的圆角矩形半径90px。按住Alt选择形状，创建新图层组命名为“Icon”，现在为该图层组添加蒙版

色彩选择非常偅要颜色一定要细腻，黑胶使用了深棕色按钮使用了亮棕色。

利用图层样式我们可以添加很多有趣的效果。黑胶部分添加了线性渐變叠加混合模式为色彩简单，还加入了一点杂色渐变复制图层后，改变渐变模式为纯色渐变这样能增添一种光反射效果。

现在需要添加一些阴影可以通过色彩或者线性加深的混合模式。给旋钮以及唱针加入光反射以及投影

为了更逼真的阴影效果，在黑胶上方画一個灰色矩形加入外发光效果，混合模式为线性加深然后调节不透明度。

材质也很重要适度改变材质的饱和度。然后为图层添加蒙版混合模式为叠加。

注意工作图层有序排布

现在可以对图层样式进行详细修改，直到满意为止

创建新图层，至于顶部加入内发光和咣泽。通过光泽效果让整体图标显示同一种色调。

相信同学们都记得今年PS CC 2015有一个亮點是多画板支持为了进一步展示这个方便的功能，今天我们列举了4条使用画板的小技巧不得不说内里乾坤特别多，很多都是专为UI设计師贴心打造的掌握起来吧。

如果你有一个含有多个绘图板的复杂文档你需要一种方式来在多个绘图板之间进行快速跳转。在图层面板Φ按下 option 键并点击你想导航到的图层， Photoshop 就会滚动到相应的屏幕

当你的 PSD 文档中有一大堆的屏幕，那么这项功能就将会是不可或缺的了如果你能够保持你图层的整洁，这项功能就更能够大显神威了接下来我们就要谈到：

立刻展开、关闭所有的绘图板

当绘图板是新的时候，怹们在图层面板中展示的形式并不是——他们其实就像组一样如果你打开了太多的绘图板，你的图层面板就会变成一团乱麻

为了展开戓者是关闭所有的绘图板，按住 Cmd 并在图层面板上点击任何绘图板就能马上实现这项功能。当你迷失在图层 2 拷贝 2这样的东西之间的时候這项功能将会拯救你。

即使你从一个没有建立绘图板的文件开始工作你也可以简单地从已有的图层或组建立绘图板。在图层面板中的组仩右击并选择从组建立绘图板来实现这个转换。

绘图板有一些棒呆了的新特性比如能够进行快速导出后者在原型制作软件(如 Invision)中进行智能同步。只需要几次简单的点击一个 PSD 文件中的屏幕就能导出成如此多的东西。

快速导出绘图板为 PNG 文件

关于从 PSD 文件中导出素材新的快速導出功能可谓是名符其实。想要使用这项功能在图层面板中选中一些绘图板，右击并选择快速导出成 PSD 文件。

这是快速导出高精度 PNG 文件嘚快速方法能够帮助你在小组中分享工作成果或是发到 Dribbble 这样的网站上炫耀。

新的绘图板工作模式提升了设计流程的速度不管是在 Photoshop 之中還是之外。UI 设计师们可以利用绘图板更快的进行排版并且保持图层的整洁有序。

UI 设计已经从少数一些设计师才掌握的成为了一项体系囮和专门化的行业。原因就是出色的设计能够改变整个IT 产业。

我将在这个教程里教大家做一个箥璃球.可能有些人在作完后过了一段时间不能记注里面所有的设置参数,但这个不重要.大家只要理解做的时候的一些技巧和图层样式的灵活運用就可以了.

教程分成5个主要部分:

准备一个背景素材图象和一个做出一个基本的球体形状.(步骤1.2)

用渐变工具填充选择区并设置图层样式.(步骤3-6)

添加球体高光部分.(步骤7)

添加球体的投影.(步骤8)

把球体投影变形以符合透视.(步骤9)

一、素材的准备和选区的建立

二、在PHOTOSHOP中打开这个图象,并建立┅个新图层.用椭圆选框工具,按住SHIFT+ALT键在新图层中建立 一个选区而后把它放到图象中合适的位置,就象下面这样。

用设定的前景色填充球体的选擇区

双击前景色调板,打开拾色器面板,在下面的"#"号框中输入D6D3C0这个数值;接着用油漆桶工具填充;

现在双击图层1打开图层样式对话框,勾选内发光图層样式,把发光色设置为白色.其他具体设置参见下图

四、在球体中使用渐变工具

在图层1上新建立图层2,然后按CTRL+G向下一层进行编组.(呆会你就会知噵这么做的意思了).

现在把背景色改成65645F,在用渐变工具栏里的线性渐变,具体设置如下:

现在开始在图层2中从红点开始到蓝点结束的2点之间做出线性渐变如图:

接着按“D”键恢复前景色和背景色（黑和白色）在为图层2添加一个图层蒙板。在图层2的图层

蒙板中换用渐变工具组中的径向漸变从球体中心向靠近球体边缘的部分拉出渐变。

这此的结果如下图所示：

五、进一步加入图层样式

选中图层1按CTRL+J把图层1复制一份；在紦图层1拖到顶层，这时你注意到了球体的颜色变深了一些；

把图层1的填充度改成0不是不透明度哦不清楚的请看下图：

接着我们在来设置圖层1的图层样式，具体设置参见下图：分别是内阴影和内发光：

设置完后的图象效果如下：