音乐图标,设计拟物风格的iTunes图标

来源:优设 作者:P大点S 学习:13791人次

现在流行扁平化,很多拟物图标都消失了,今天我们来回顾一下,设计一个拟物风格的iTunes图标,主要用图层样式来设计出质感,教程大量运用了图层样式,大家可以通过教程了解一下图层样式的实际运用。

在Photoshop中,图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现。利用图层样式中的混合模式可以得到千变万化的效果,很多的UI和icon绚丽的效果大多数是靠图层样式来实现的。

今天的iTunes图标是一个非常经典的icon,不过现在你们看不到了。现在的版本只能说是走火入魔,推崇扁平化,说它漂亮也谈不上,说难看也不至于~

下面是我完成的效果图,不过我对它的外轮廓作了一些恶搞性质的变化。这个外形介于正方形和圆形之间,它跟圆角矩形不是一个概念,迎合了现在的“审美观”:

www.16xx8.com_03253313W-0.jpg

下面开始制作过程,首先我百度了一张原图作为参考~

www.16xx8.com_0325336162-1.jpg

新建一个1000*1000的新画布~

www.16xx8.com_03253330Q-2.jpg

粘贴刚才复制的iTunes原图,移动到角落上作为参考~

www.16xx8.com_0325333a9-3.jpg

按ctrl+r打开标尺,右键标尺选择百分比~

www.16xx8.com_0325333439-4.jpg

快捷键alt+v+e(按住alt,依次按V再按E)在垂直位置输入50%~

www.16xx8.com_0325335a3-5.jpg

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
_SHENGBIN_2019-01-02 05:29
真棒
行则将至2019-01-02 04:07
真棒
娇女mj2018-12-28 03:32
真棒
Joker__2016-08-18 03:01
外面图层要正片叠底·这个没说清楚我晕
Joker__2016-08-18 03:08
白色方块混合模式滤色没显示。。一样是白色Joker__ 的原帖:外面图层要正片叠底·这个没说清楚我晕
Joker__2016-08-16 05:00
白色方块混合模式滤色没显示。。一样是白色
Joker__2016-08-16 05:08
白色方块混合模式滤色没显示。。一样是白色
混乱的图案2016-03-04 11:50
真棒真棒
承担就是成长2016-03-04 07:42
真棒真棒真棒真棒
飞飞峰2016-03-04 04:19
真棒
黑子驾到2016-03-04 04:19
真棒
情已逝仍坚强2016-03-04 04:19
真棒
石字佐转2016-03-04 04:19
真棒
口狮子座口2016-03-04 04:19
真棒
墙角上的小蚂蚁2016-03-04 04:19
真棒

关注大神微博加入>>

网友求助,请回答!