教你如何设计iTunes图标教程
现在流行扁平化，很多拟物图标都消失了，今天我们来回顾一下，设计一个拟物风格的iTunes图标，主要用图层样式来设计出质感，教程大量运用了图层样式，大家可以通过教程了解一下图层样式的实际运用。在Photoshop中，图层样式是最为直观的东西，所有的效果都能量化，以数值的形式表现出来，就是各种晦涩难懂的等高线也可以用数字来表现。利用图层样式中的混合模式可以得到千变万化的效果，很多的UI和icon绚丽的效果大多数是靠图层样式来实现的。今天的iTunes图标是一个非常经典的icon，不过现在你们看不到了。现在的版本只能说是走火入魔，推崇扁平化，说它漂亮也谈不上，说难看也不至于"下面是我完成的效果图，不过我对它的外轮廓作了一些恶搞性质的变化。这个外形介于正方形和圆形之间，它跟圆角矩形不是一个概念，迎合了现在的“审美观”：http://pic.16xx8.com/allimg/160304/03253313W-0.jpg
作者：P大点S 出处：优设 下面开始制作过程，首先我百度了一张原图作为参考～
http://pic.16xx8.com/allimg/160304/0325336162-1.jpg
新建一个1000*1000的新画布"
http://pic.16xx8.com/allimg/160304/03253330Q-2.jpg
粘贴刚才复制的iTunes原图，移动到角落上作为参考"
http://pic.16xx8.com/allimg/160304/0325333a9-3.jpg
按ctrl+r打开标尺，右键标尺选择百分比"
http://pic.16xx8.com/allimg/160304/0325333439-4.jpg
快捷键alt+v+e（按住alt，依次按V再按E）在垂直位置输入50%"
http://pic.16xx8.com/allimg/160304/0325335a3-5.jpg
继续横向位置也是50%"
http://pic.16xx8.com/allimg/160304/0325335O5-6.jpg
设置好参考后点击图层栏下面的快捷按钮添加一个渐变调整层。
http://pic.16xx8.com/allimg/160304/032533H14-7.jpg
选择你认为比较合适的颜色搭配。本来我打算给出颜色的代码，后来想想还是算了，每个人都有自己的独好。我认为好看的你不一定也认同，所以这里你大可不必按照我的选择。
http://pic.16xx8.com/allimg/160304/032533HX-8.jpg
在图形工具里选择椭圆工具"
http://pic.16xx8.com/allimg/160304/0325331547-9.jpg
以参考线的交叉点为中心画一个大小差不多跟画布大小的圆形。至于它的颜色大可不必在意，任何颜色都可以，我只要的是它的形状"
http://pic.16xx8.com/allimg/160304/0325334X4-10.jpg
右击“选择工具”，选择“直接选择工具”，也就是白色的箭头。如果你比较熟悉这个工具的话可以结合ctrl建快速转换"
http://pic.16xx8.com/allimg/160304/0325335350-11.jpg
框选水平方向的两个锚点"
http://pic.16xx8.com/allimg/160304/0325333100-12.jpg
右键选择“自由变换点”"
http://pic.16xx8.com/allimg/160304/0325334H5-13.jpg
在”设置水平缩放”里输入80%大小。这时候你看到这个圆形变成一个椭圆。
http://pic.16xx8.com/allimg/160304/032533G61-14.jpg