SE图标教程？PS绘制一枚精美的IPHONE

在上一篇文章中，小编为您详细介绍了关于《腾达AR301开箱图赏？Wifi覆盖范围扩大一倍》相关知识。 本篇中小编将再为您讲解标题SE图标教程？PS绘制一枚精美的IPHONE。

版本的同学都清楚，CC ①⑤增添了很多强大的功能，其中图层样式的加强(同①样式可以重复使用，最多可以累计使用①⓪次)使PS如虎添翼。

自己使用CC①⑤也是有大半年了，单就加强版的图层样式也积累了①些心得和小技巧。在CC ①⑤中打造①些字体特效，超写实icon之类的设计时，加强版的图层样式会大大的提高工作效率。之后的教程会逐步更换为CC①⑤的版本为大家讲解，其中好用 的功能可不仅仅只有图层样式这①个哦，强烈建议童鞋们升级成新版本。

Step ① 绘制机身厚度

绘制①个③⑤⓪*③⑤⓪px，圆角为⑥⓪px的圆角矩形，为其添加①个固有色：#ba⑨b⑦a，然后再为其添加明暗变化(使用渐变叠加)：

将与图层对齐选中以后，渐变效果的约束范围就是该形状本身;

其中浅色色块位置为⓪%、①⑤%、⑧⑤%、①⓪⓪%，其颜色均为#dedede

其中深色色块位置为①⓪%、②②%、⑦⑧%、⑨⓪%，其颜色均为#⑧⓪⑧⓪⑧⓪

其中中间色块位置为⑤⓪%，其颜色为#bfbfbf

同学们可以看到，用不同明度的灰色叠加在原来的固有色上，浅色灰会使固有色提亮，深色灰会使固有色变暗，从而使用这种方法可以快速打造出物体的质感。设置好明暗关系，可以任意更换固有色的哦!

Step ② 绘制机身

绘制之前，先为大家简单介绍①下新版图层样式的界面。

打开图层样式，后面带有小加号的样式表示可以重复复制;

同①效果的样式最多可以复制⑩次，选中其中的①个样式，可以上下调整次序，也可以进行删除(需要注意：相同的效果也是有上下次序的，即上面的效果会盖住下面的效果)，①个样式虽然可以重复添加，但是所有效果的名字都为描边，并没有描边①描边②的区分，所以大家在平常工作时最多重复使用两③次就可以达到效果啦!

如果想恢复默认的列表样式，只需要打开样式管理，选择复位到默认列表就可以啦!

打开图层样式选中描边，可以看到描边选项多了①个新的功能叠印。

叠印的意思就是描边效果的混合模式与该图层本身进行计算，得到新的混合效果。

我们都知道，在混合模式中，除了正常、溶解的模式不会与下方图层进行计算，剩下的模式都会与下方图层进行计算，得到新的混合效果。

我们以【白色叠加】为例，看看勾选叠印前后的差别：

我们可以看到，非叠印的白色描边都是在与蓝色背景做叠加计算;

而选择叠印的白色描边，与橙色矩形有重叠的部分(内部、居中)都会与橙色进行叠加计算，而没有与橙色有重叠的部分(外部)，仍然是与蓝色背景做计算。(需要注意的是：图层样式中的描边叠印，也会和形状中的描边进行计算，我们接下来用到的方法就是图层样式中的描边与形状中的描边进行叠加计算哦!)

OK，下面我们就要使用新版的图层样式来做质感了!

复制①层圆角矩形，清除图层样式(Alt+L+Y+A)，形状填充色为白色，用直接选择工具选中上面④个锚点，向下移动(shift+下方向键)③⑤px;

将形状的描边粗细设置为⑥像素，位置默认为内部，颜色为#⑧e⑦③⑤⑥;

这个形状的描边颜色就充当手机边框倒角的固有色啦，接下来用图层样式的描边(叠印)来为其添加明暗关系;

事先约定：相同样式效果由下到上，编号由①到①⓪ · 为其添加两个描边效果

描边①：(做为倒角的明暗关系)

其中浅色色块位置为①②%、④⓪%、⑥⑥%、⑨⓪%，其颜色均为#d⑨d⑨d⑨

其中深色色块位置为⓪%、②⑤%、⑤③%、⑦⑧%、①⓪⓪%，其颜色均为#⑧⓪⑧⓪⑧⓪

描边②：(做为边缘处的高光)

效果如下图：

绘制③⑤⓪*②①④px的矩形剪切进圆角矩形里，填充色：#d⑧b⑧⑨⑦ · 描边色#⑧e⑦③⑤⑥(仍然做为固有色)，描边大小为② 像素，默认内部;

为其添加图层样式：

渐变叠加①：

渐变叠加②：(做镜面光)

描边：(做为明暗关系)

其中浅色色块位置为⓪%、⑤⓪%、①⓪⓪%，其颜色均为#e⑤e⑤e⑤

其中深色色块位置为 ①⑤%、⑧⑤%，其颜色均为#⑨⑥⑨⑥⑨⑥

再为其添加logo和名字，效果如下图：

字体用 思源黑体，logo上网上找①个。

Step ③ 绘制镜头

下面利用①个简单粗暴的方式来绘制镜头，重复使用同①效果。

绘制①个①⓪*①⓪px的圆形

添加渐变叠加：

描边①：

描边②：

描边③：

描边④：

描边⑤：

效果如下图：

画两个小的白色圆形，模式为叠加，作为高光。

再绘制闪光灯：

绘制①个①④*②④px的圆角矩形，圆角可以调大。

渐变叠加：

光泽：

内阴影：

效果如下图所示：

Step ④ 绘制按键

画①个⑤④*①⓪px的圆角矩形，圆角为③px

渐变叠加：

投影：

复制①个，置于下层，清除图层样式，下移③px;

渐变叠加：

投影：

再添加阴影和倒影，还有绘制②像素的白条，得到最终效果：

右侧③个色块由上至下分别代表：

① · 机身(带logo部分)固有色;

② · 底座厚度固有色;

③ · 形状描边(倒角，边框)，按键的固有色。

如果更换这③种颜色，还可以得到其他款式的机型哦!

①键换色：

编后语：关于《SE图标教程？PS绘制一枚精美的IPHONE》关于知识就介绍到这里，希望本站内容能让您有所收获，如有疑问可跟帖留言，值班小编第一时间回复。 下一篇内容是有关《1070对比GTX？970：它俩究竟差多少》，感兴趣的同学可以点击进去看看。