• 2017年7月2日,氧16网正式改版,增加会员登录注册功能,感谢群里小伙伴的支持!
  • 氧16网设计交流1群:331622745,设计交流2群:536159510,欢迎志同道合的朋友加入!
  •    4年前 (2013-08-06)  教程 |   6 条评论  14 
    文章评分 0 次,平均分 0.0

    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网原创,转载请注明出处来自http://yang16.com/1614.html

    关于
    氧16网 — 分享设计&素材&工具|文章烂,更新少,茫茫人海,能够被你关注真是三生有幸

    发表评论

    表情 格式
    1. 干货。博主我建了个千人设计师群,有兴趣加入做管理么,建群的目的是技术交流、分享、职业讨论、价值观交流等等。可能会有菜鸟,也需要博主这样的高手。群号232900564,进来我给你管理。

      雨痕 评论达人 LV.3 4年前 (2013-08-07) [0] [0]
    2. 学习

      微历史(weilishi.com.cn) 评论达人 LV.1 4年前 (2013-08-07) [0] [0]
    3. 一直想学PS来着。。。。

      BJD娃娃 评论达人 LV.2 4年前 (2013-08-07) [0] [0]
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享