Photoshop制作菱形虚化效果的背景图

2016-02-16 00:43 158 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop制作菱形虚化效果的背景图的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - PS 】

最终效果

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

1、准备一张作为banner背景的照片,下面我们以下图作为演示。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

2、复制两次背景层。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

3、先对最上面的图层使用自由变换工具(Ctrl + T 或选择主菜单编辑自由变换)让图像水平倾斜45度。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

4、主菜单滤镜像素化马赛克,调整单元格的大小,大小根据你的banner图像大小来设置,这里是3888x2554px,所以我们设置为128px大小。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

5、使用自由变换工具(主菜单编辑自由变换)让图像水平倾斜-45度。(其实就是第3步的相反方向)

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

6、设置此图层的不透明度为50%。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

7、选择中间层,使用自由变换工具(Ctrl + T),让图像水平倾斜-45度。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

8、再使用一次相同的马赛克滤镜(提示:Ctrl+F就可以重复上一次的滤镜操作)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

9、用自由变换工具(Ctrl + T)让图像水平倾斜45度。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

10、这步差不多完成了,把图像放大一点,我们可以看到边缘不是很对齐,解决方法是通过键盘左或右键来轻移图层,全其对齐,对齐后是三角形状的。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

11、接下来banner的背景已经完成。

Photoshop制作菱形虚化效果的背景图,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1565991.html

延伸阅读
IOS7透明感的UI设计大行其道的时候,别处找来的背景图总是不能符合自己心中理想的配色,在此,PS教程将教大家利用Photoshop制作出这类超级简单又能与自己的界面风格完全搭配的背景图。制作此类背景图的前提是需要一定的色彩理论,当然更需要一双对色彩搭配敏感的眼睛。 最后做出的背景图如下: 图01 OK,让我们...
标签: PS PS基础
本教程主要使用Photoshop使用极坐标快速打造放射背景,这种效果在电商和平面海报中应用的非常广泛,主要通过PS的极坐标工具来完成,喜欢的朋友让我们一起来学习吧。 看一下最终效果 1、新建文件,舞台大小为正方形 2、切换到通道面板,点击下面图标,新建一个通道【Alpha】 3、点击菜单--滤镜--杂色--添加杂色。如图 4、点击...
标签: PS PS基础
示例: 这个是我完成的最后效果: 新建一个足够大的画布。 设置一下前景色: 以及背景色。 小技巧:前景色和背景色很多情况下直接作用在滤镜中,也就是说。我前景色和背景色设置成什么颜色,那我滤镜后就显示这两种颜色。 新建一层,滤镜-渲染-云彩,这样我得到一个对比度不是那么强烈的云彩。 滤镜-像素化-马赛克 ...
标签: PS
巧用Photoshop的素材合成制作中国风全景背景图   1.效果图素材拆解与思路 思路:这组图片就是利用前期拍摄的素材通过Phtotoshop的后期制作完成的,希望为大家提供些新的创作思路。 素材:首先拍摄了一些街道环境的图片,打算拼合成一幅全景图片,然后拍摄了一些红旗、人力车、灯笼的图片,可以放到画面里增加趣味性和视...
最终效果 1、新建一个文件,大小自定,创建纯色调整图层,给文件做一个底色,颜色自定。 2、按Ctrl + A键全选,在英文输入法状态下,按Q进入快速蒙版,执行:滤镜 素描 半调图案,参数设置如下图。 3、执行:滤镜 锐化 锐化,确定后按Ctrl + F多次,直到自己人物满意即可。 4、按Q键退出快速蒙版,得到如下图所示选区。 ...

经验教程

158

收藏

33
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部