相关分类
入门实例
文字效果
照片处理
滤镜教程
美白磨皮
图片合成
鼠绘教程
推荐教程
PS视频教程
PS作品欣赏
收费课程
飞特网 顶部通栏广告

PS制作质感细腻的iphone亚麻布纹背景

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

先来看最终效果:

FEVTE编注更多PS教程交流讨论及PS作品提交请进入飞特论坛PS作品交流区,地址:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

接下来是具体实现步骤:

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

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

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

三、我们再新建一个图层,命名为"浅色横纹",填充为黑色。应用添加杂色命令,这时我们使用和上一步骤中不同的杂色数量,目的是使布纹的纤维更为明显。所以这里我们使用101%,平均分布,勾选单色。然后应用动感模糊,角度0度,距离25像素。再按照相同的方法创建一个"浅色竖纹"图层。最后将两个图层的混合模式更改为滤色,不透明度更改为20%。完成后的效果如下:

四、最后使用裁切工具将图片的四边裁掉,调整为你想要的图片尺寸。当然你还可以通过调整填充图层的颜色和布纹图层的不透明度来创建多种色彩的背景图片,这也是为什么我们在第一步中使用填充图层的原因。以下是最终效果图:

FEVTE编注更多PS教程交流讨论及PS作品提交请进入飞特论坛PS作品交流区,地址:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

37

好评
17

差评

刚表态过的朋友 (54 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

发表评论

最新评论

引用
云朶发布于:2014-10-15 10:00
引用
喝牛奶啃馒头发布于:2014-5-23 17:04
这个小技巧挺有用的,感谢楼主
引用
【一世】发布于:2014-4-10 15:45

引用
e婕发布于:2014-4-3 15:12
挺好的。。
引用
_士为发布于:2014-3-19 00:02
有点看不太不明白!
引用
Happy_smile发布于:2014-1-25 20:53
学习啦
引用
6天-KB发布于:2014-1-2 00:29
每天一课学习了
引用
The_Silence发布于:2013-12-31 12:09
很好 学习了 

查看全部评论(9)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计