欢迎来到福编程网,本站提供各种互联网专业知识!

Photoshop中制作三角形像素banner

发布时间:2016-09-10 作者:佚名 来源:互联网
Photoshop中制作三角形像素banner今天我们分享一个使用Photoshop来制作三角形像素效果的banner教程,只需几个简单的步骤即可完成,而且出来的效果也很赞哦,先来看看效果图,如果有兴趣,请继续往下看。第1步准备一张作为banner背景的照片,下面我们以下图作

Photoshop中制作三角形像素banner

Photoshop中制作三角形像素banner   全福编程网

今天我们分享一个使用Photoshop来制作三角形像素效果的banner教程,只需几个简单的步骤即可完成,而且出来的效果也很赞哦,先来看看效果图,如果有兴趣,请继续往下看。

第1步

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

Photoshop中制作三角形像素banner教程

第2步

复制两次背景层。

Photoshop中制作三角形像素banner教程

第3步

使用自由变换工具(Ctrl + T 或选择主菜单”编辑”>”自由变换”)让图像水平倾斜45度。

Photoshop中制作三角形像素banner教程

第4步

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

Photoshop中制作三角形像素banner教程

第5步

_ueditor_page_break_tag_

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

Photoshop中制作三角形像素banner教程

第6步

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

Photoshop中制作三角形像素banner教程

第7步

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

Photoshop中制作三角形像素banner教程

第8步

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

Photoshop中制作三角形像素banner教程

第9步

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

Photoshop中制作三角形像素banner教程

第10步

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

Photoshop中制作三角形像素banner教程

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

Photoshop中制作三角形像素banner教程

最终效果图

这里我们可以添加一些漂亮的字体来设计这个banner。

Photoshop中制作三角形像素banner教程

相关推荐