资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

在Photoshop中创建苹果的亚麻布纹背景

来源:常德网站设计 | 2014.03.12

iphone和ipad中的亚麻布纹背景看上去非常细腻而又不乏质感,给人以人性的柔和的感觉。这样的材质不仅可以出现在UI里,当然也可以应用到网页设计中,所以这篇文章里我就来介绍一下如何在Photoshop中创建这样的背景材质。

先来看最终效果:

在Photoshop中创建苹果的亚麻布纹背景-常德网站建设,常德网站设计

接下来是具体实现步骤:

一、Ctrl+N新建一个文档,680像素宽,390像素高,背景白色,其余保持默认,点击确定。新建文档的大小要比你最终想要的图片大小大一些,基本上上下左右各留出50像素,我这里最终要创建宽580像素,高290像素的图片,所以我给宽和高各加了100像素。然后在菜单栏选择图层>新建填充图层>纯色命令,选择一个较深的灰色,我这里的颜色为#303030。

在Photoshop中创建苹果的亚麻布纹背景-常德网站建设,常德网站设计

二、新建一个图层,命名为”深色横纹”,填充为白色,在菜单栏上选择滤镜>杂色>添加杂色命令,数量99%,平均分布,勾选单色,点击确定。再应用滤镜>模糊>动感模糊命令,角度0度,距离25像素,点击确定。最后将图层的混合模式更改为叠加。再次新建一个图层,命名为”深色竖纹”,应用和上面的图层一样的方法,只是将动感模糊的角度设置为90度。最后将两个图层的不透明度更改为25%。完成之后的效果如下图:

在Photoshop中创建苹果的亚麻布纹背景-常德网站建设,常德网站设计

这时你就能观察到为什么我们要将文档设置的大一些了,可以看到,文档的边缘部分的布纹好像被扯掉了一些纤维一样,看起来很稀薄。所以最后我们要将边缘部分裁切掉。


六年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458