Photoshop教程:轻松绘制iOS通知栏背景

ios的通知栏无论是否抄袭安卓的下拉,但是他的确做的很酷,比安卓稍显精细,其实我觉得安卓原生4.3的下拉也很酷!好吧,不讨论这个了,让我们来看看这细节纹理要怎么去实现吧,其实真超简单,轻松几步就能搞定!

步骤 1

新建psd,大小800*600,填充背景色(#45454c)如下图:
Photoshop教程:轻松绘制iOS通知栏背景

步骤 2

新建图层, 填充黑色(#000000),选择 滤镜-杂色-添加杂色,杂色数量20%左右。然后将图层模式改为:滤色。如下图:
Photoshop教程:轻松绘制iOS通知栏背景

步骤 3

分别选择 滤镜-模糊-动感模糊,角度90,距离30左右。然后选择 滤镜-锐化-锐化,如下图:
Photoshop教程:轻松绘制iOS通知栏背景

步骤 4

接下来只要做横向的效果就差不多了,新建一个图层,按照步骤2,只是角度变为45度。结果如下图:
Photoshop教程:轻松绘制iOS通知栏背景

步骤 5

到这里效果基本都出来了,只要加个图层,做一下内阴影,或者黑白渐变,然后叠加一下就有效果了。是不是超简单!
Photoshop教程:轻松绘制iOS通知栏背景

方法还有很多种!欢迎大家大胆尝试!

转载请注明出处:氧16设计网(yang16.com) » Photoshop教程:轻松绘制iOS通知栏背景
分享到:
赞(0) 打赏

评论6

  1. #0
    干货。博主我建了个千人设计师群,有兴趣加入做管理么,建群的目的是技术交流、分享、职业讨论、价值观交流等等。可能会有菜鸟,也需要博主这样的高手。群号232900564,进来我给你管理。
    雨痕2013-08-07 18:22:38回复
  2. #0
    学习
    微历史(weilishi.com.cn)2013-08-07 15:41:04回复
  3. #0
    一直想学PS来着。。。。
    BJD娃娃2013-08-07 13:27:54回复

觉得有用就打赏一点小钱

支付宝扫一扫打赏

微信扫一扫打赏