前一段时间Apple的iCloud测试版上线了。登陆界面很有特色:一件紫黑色的T恤前面垂下一张金属质感的工牌:

我个人对这个界面的背景很感兴趣,因为它的纹理很独特,颜色也很沉稳又不失神秘(这段时间公司的电脑壁纸就是它了,^3^),于是就琢磨了一下这个背景的制作方法:
也许这个背景是Apple的设计师通过某个第三方专门滤镜生成的,也许是用某一些素材加工的,也可能是在绘图软件里面一个图层一个图层叠加出来的——我想说的意思是有很多种方法可以做出这种效果,所以以下方法仅仅是其中一种,在此抛砖引玉了。
(1)首先分析这个背景,通过获取网页素材我们得知这个页面是由一张图片连续平铺得到的,所以我们新建一个256X256(其他尺寸亦可)的PS文档,并填充上紫黑色:

(2)新建一层,使用“滤镜——杂色——添加杂色”,调整数值得到类似图中的杂点密度,然后“图像——调整——去色”得到下图的黑白杂点:

(3)接着新建一层,绘制竖线,遵循“亮、梢亮、留空”这种规律铺满一排。然后将之前做好的黑白色杂点载入通道,作为这一图层的蒙板,得到如下的效果:(右边为放大的细节)


(4)新建一个图层,使用“滤镜——渲染——纤维”,如下设置参数


然后将生成的图案旋转90度成为水平方向。之后将该图层复制一份,在副本上执行“滤镜——杂色——蒙尘与刻画”,如图设置参数。最后将这两个图层的图层模式设为叠加,得到如下的效果:

(5)合并目前为止的所有图层并命名为“合并”(记得做好备份)。新建一图层。使用上一步中的方法制作水平方向的纤维效果,之后使用“图像——调整——色阶”加深黑色提亮白色,得到如下效果:

加载这个图像中白色的部分为选区,然后切换到“合并”图层,执行高斯模糊,数值为2,得到如下效果:


从右边放大的细节可以看到部分区域已经被做了模糊的处理
(6)接着进行一些效果处理:添加杂色,调整对比度、调整饱和度。得到如下最终效果:

(7)将这张图设为PS图案,新建一个1280x800的壁纸尺寸,用这个图案填充。最后加上四周的暗角,大功告成:

进入论坛交作业:http://www.missyuan.com/viewthread.php?tid=526423
                    情非得已
                
3个平面设计技巧学会动态字体海报2020-07-09
                    
如何设计出优秀的文字类海报排版2020-04-02
                    
7个有效提升传达率折页设计技巧2020-03-19
                    
设计师如何解决作品视觉缺少层次感2020-03-14
                    
详细解析平面设计中元素的使用技巧2020-03-13
                    
设计师必须要学习的平面设计配色技巧2020-03-11
                    
解析设计师常用的6大构图方法2020-03-11
                    
3个帮你快速掌握字体搭配思路2020-03-10
                    
设计师如何设计出中国风主题LOGO2019-10-21
                    
详解如何让板式海报设计变得简单2019-10-21
                    
4个配色技巧帮助您解决色彩问题2021-03-10
                    
设计师需要掌握的平面设计技巧2021-03-10
                    
详细解析插画类海报的绘制思路和方法2021-03-09
                    
详细解析设计师必须掌握的色彩知识2021-03-09
                    
设计师必须要学习的高级配色技法2021-03-10
                    
设计师必须要学习的几个排版小技巧2021-03-10
                    
详细解析UI设计中终极配色宝典2021-03-11
                    
详解如何把产品和背景融合到一起2021-03-11
                    
                    详解如何把产品和背景融合到一起
                相关文章1072021-03-11
            
                    4个配色技巧帮助您解决色彩问题
                相关文章2022021-03-10
            
                    设计师必须要学习的高级配色技法
                相关文章1762021-03-10
            
                    浅谈设计师必看的图标和ICON设计指南
                相关文章3642020-09-26
            
                    如何设计出优秀的文字类海报排版
                相关文章13252020-04-02
            
                    实例解析如何设计点击量高的Banner
                相关文章3142020-03-18
            
                    设计师必须要学习的平面设计配色技巧
                相关文章6252020-03-11
            
                    9个非常实用的排版设计小技巧
                相关文章3202020-03-11
            