PS教程：一个写实风格唱机图标的设计思路

· 软件: Photoshop

· 耗时 3-4 小时

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

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

相关教程推荐：
《PS教程！制作绚丽的闪光粒子字体特效》
《PS教程:简单几步创建复古风格的图文排版》
《PS+AI制作精致可爱的毛线风格图标》

步骤01

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

步骤02

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

步骤03

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

步骤04

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

步骤05

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

步骤06

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

步骤07

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

步骤08

注意工作图层有序排布。

步骤09

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

步骤10

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

原文地址：www.creativebloq.com

优设网翻译:@MartinRGB
本文由优设网原创翻译，转摘请注明优设网译文出处，谢谢各位小编。

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量61万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：