Photoshop 制作ios5通知栏背景
制作工具：Adobe Photoshop cs5
作者：飞鱼
iOS5发布后评价都说很棒，于是毫不犹豫的刷了，算是纪念Jobs的临终大作。改进的功能很多，其中一个大功能就是有了一个跟android几乎一样的通知栏，同事看了说：我擦，这功能跟android 的下拉框有啥区别？完全抄袭么… 然后就有人说了：那不是，瞧，对比一下，明显… iOS5的通知栏帅多了，瞧这背景，瞧这细节…。
好吧，仔细看了下的确很酷，细节纹理做得很棒，像一块布。发现做起来也不复杂就几步就可以了^__^。
最终效果
步骤 1
新建psd，大小800*600，填充背景色(#45454c)。如下图。飞鱼：填充神马的不用我教了吧 XD
步骤 2
新建图层, 填充黑色(#000000)，选择 滤镜-杂色-添加杂色，杂色数量20%左右。然后将图层模式改为：滤色。如下图。
步骤 3
分别选择 滤镜-模糊-动感模糊，角度90，距离30左右。然后选择 滤镜-锐化-锐化，如下图：
这个时候基本有点感觉了吧^__^ 继续。
步骤 4
接下来只要做横向的效果就差不多了，新建一个图层，按照步骤2，只是角度变为45度。结果如下图：
这里其实还有另外一个办法就是复制一层，ctrl+t 旋转一下就可以了，不过长度会不够。
步骤 5
到这里效果基本都出来了，只要加个图层，做一下内阴影，或者黑白渐变，然后叠加一下就有效果了。
总结
可以发现，做这个东西只要几种滤镜就可以轻松达到效果，具体细节需要仔细去调，比如颜色，阴影等。
个人觉得主要的难点在于如何做成可以平铺的图案，抽空研究一下。^__^
哟？不错哎 订阅飞鱼的RSS Feeds 回去慢慢看^_^
该文章已经被摸了619次。 共有 13 条评论
你好 上次和你讨论关于表单元素垂直居中的问题，发邮件过去一直不成功，麻烦给一个QQ邮箱方便交流。
回复
飞鱼 Reply:
October 17th, 2011 at 22:01
QQ:32775565 ^__^ 欢迎交流~
回复
89645c9a7fc0
回复
酷，太酷了，无情的没收鸟！
扬州起源-http://www.yzqiyuan.com
回复
飞鱼 Reply:
October 24th, 2011 at 23:55
哈～
回复
0d9
回复
我最近也想学PS，一直没有时间，就从你这里开始学吧，谢谢飞鱼。
回复
飞鱼 Reply:
November 14th, 2011 at 16:21
啊哈哈~ 我是菜鸟哇~ 一起学一起学
回复
很细的教程
回复
哇！原来就是这样做的，cool!
回复
学习了！！！转到豆瓣去了
回复
步骤4的角度应该是180°吧。。。。45°斜了。
回复
飞鱼 Reply:
December 30th, 2011 at 19:16
^__^ 好吧 我凌乱了~
回复
发表评论