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

final

使用软件:Photoshop CS5(当然较旧版本也可以)
教程难度:初级
所需要时间:5-10分钟

第1步

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

第一步

第2步

复制两次背景层。

step2

第3步

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

step3

第4步

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

step4

第5步

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

step5

第6步

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

step6

第7步

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

step7

第8步

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

step8

第9步

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

step9

第10步

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

step10

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

step11

最终效果图

final

原文地址:设计达人

转载请注明:学UI网 » PHOTOSHOP打造三角形酷炫像素BANNER教程

登录收藏
 
你可能喜欢的:
AiDeep 英文字体 分享AiDeep 英文字体 分享
23款网页设计师必备:经典私藏英文字体23款网页设计师必备:经典私藏英文字体
阿里首创AI人工智能商用字库,供免费下载!阿里首创AI人工智能商用字库,供免费下载!
教你制作有趣简单的剪纸效果[AI教程]教你制作有趣简单的剪纸效果[AI教程]
设计师有福啦~这款免费字体专为东亚地区设计设计师有福啦~这款免费字体专为东亚地区设计
17年3月份免费字体集合17年3月份免费字体集合
中文字体应如何挑选和排版?中文字体应如何挑选和排版?
2016年9月设计圈免费干货大合集2016年9月设计圈免费干货大合集
百用不厌的明星字体百用不厌的明星字体
字言字语-英文字体总结及常用字体说明!字言字语-英文字体总结及常用字体说明!