独特的纹理背景制作教程

bestbuyroc

bestbuyroc

2016-02-17 03:02

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐独特的纹理背景制作教程,无聊中的都看过来。

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

独特的纹理背景制作教程,PS教程,图老师教程网

我个人对这个界面的背景很感兴趣,因为它的纹理很独特,颜色也很沉稳又不失神秘(这段时间公司的电脑壁纸就是它了,^3^),于是就琢磨了一下这个背景的制作方法:

也许这个背景是Apple的设计师通过某个第三方专门滤镜生成的,也许是用某一些素材加工的,也可能是在绘图软件里面一个图层一个图层叠加出来的我想说的意思是有很多种方法可以做出这种效果,所以以下方法仅仅是其中一种,在此抛砖引玉了。

(1)首先分析这个背景,通过获取网页素材我们得知这个页面是由一张图片连续平铺得到的,所以我们新建一个256X256(其他尺寸亦可)的PS文档,并填充上紫黑色:

独特的纹理背景制作教程,PS教程,图老师教程网

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

独特的纹理背景制作教程,PS教程,图老师教程网

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

独特的纹理背景制作教程,PS教程,图老师教程网

独特的纹理背景制作教程,PS教程,图老师教程网

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

独特的纹理背景制作教程,PS教程,图老师教程网

独特的纹理背景制作教程,PS教程,图老师教程网

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

独特的纹理背景制作教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

独特的纹理背景制作教程,PS教程,图老师教程网

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

独特的纹理背景制作教程,PS教程,图老师教程网

独特的纹理背景制作教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

从右边放大的细节可以看到部分区域已经被做了模糊的处理

(6)接着进行一些效果处理:添加杂色,调整对比度、调整饱和度。得到如下最终效果:

独特的纹理背景制作教程,PS教程,图老师教程网

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

独特的纹理背景制作教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

独特的纹理背景制作教程

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
独特的纹理背景制作教程

Photoshop制作独特的纹理火焰字

PS效果 PS PS基础
Photoshop制作独特的纹理火焰字

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop制作质感纹理背景的金属字教程

PS PS基础
Photoshop制作质感纹理背景的金属字教程

Photoshop制作无缝菱形编织纹理背景教程

PS PS基础
Photoshop制作无缝菱形编织纹理背景教程

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Photoshop快速的制作木头纹理背景

PS PS基础
Photoshop快速的制作木头纹理背景

Photoshop制作岩石纹理背景的立体字

设计创意
Photoshop制作岩石纹理背景的立体字

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

为网页设计创建有效的配色方案

为网页设计创建有效的配色方案

10个让人眼花缭乱的HTML5和JavaScript效果

10个让人眼花缭乱的HTML5和JavaScript效果
下拉加载更多内容 ↓