PS制作三角形像素效果banner图
发布时间:2015-05-12 来源:查字典编辑
摘要:1制作-45度马赛克背景多边形是可以很漂亮的,今天PS教程跟大家分享一个使用Photoshop来制作三角形像素效果的banner教程,只需几...
1制作-45度马赛克背景
多边形是可以很漂亮的,今天PS教程跟大家分享一个使用Photoshop来制作三角形像素效果的banner教程,只需几个简单的步骤即可完成,而且出来的效果也很赞哦,先来看看效果图,如果有兴趣,请继续往下看。
![PS制作三角形像素效果banner图1](/Images/jiaocheng/2015-05-0511/2601261014.jpg)
图00
第1步
准备一张作为banner背景的照片,下面我们以下图作为演示。
![PS制作三角形像素效果banner图2](/Images/jiaocheng/2015-05-0511/1125226588.jpg)
图01
第2步
复制两次背景层。
![PS制作三角形像素效果banner图3](/Images/jiaocheng/2015-05-0511/2198306025.jpg)
图02
第3步
使用自由变换工具(Ctrl + T 或选择主菜单“编辑”>“自由变换”)让图像水平倾斜45度。
![PS制作三角形像素效果banner图4](/Images/jiaocheng/2015-05-0511/2653417618.jpg)
图03
第4步
主菜单“滤镜”>“像素化”>“马赛克”,调整单元格的大小,大小根据你的banner图像大小来设置,这里是3888x2554px,所以我们设置为128px大小。
![PS制作三角形像素效果banner图5](/Images/jiaocheng/2015-05-0511/2290402710.jpg)
图04
第5步
使用自由变换工具(主菜单“编辑”>“自由变换”)让图像水平倾斜「-45度」。(其实就是第3步的相反方向)
![PS制作三角形像素效果banner图6](/Images/jiaocheng/2015-05-0511/2249428445.jpg)
图05
第6步
设置此图层的不透明度为50%」。
![PS制作三角形像素效果banner图7](/Images/jiaocheng/2015-05-0511/4187368291.jpg)
图06
2制作45度马赛克背景
第7步
选择中间层,使用自由变换工具(Ctrl + T),让图像水平倾斜「-45度」。
![PS制作三角形像素效果banner图8](/Images/jiaocheng/2015-05-0511/1416606417.jpg)
图07
第8步
再使用一次相同的马赛克滤镜(提示:Ctrl+F就可以重复上一次的滤镜操作)
![PS制作三角形像素效果banner图9](/Images/jiaocheng/2015-05-0511/305776270.jpg)
图08
第9步
使用自由变换工具(Ctrl + T)让图像水平倾斜45度。
![PS制作三角形像素效果banner图10](/Images/jiaocheng/2015-05-0511/3062404514.jpg)
图09
第10步
这步差不多完成了,把图像放大一点,我们可以看到边缘不是很对齐,解决方法是通过键盘左或右键来轻移图层,全其对齐,对齐后是三角形状的。
![PS制作三角形像素效果banner图11](/Images/jiaocheng/2015-05-0511/1346290738.jpg)
图10
接下来banner的背景已经完成。
![PS制作三角形像素效果banner图12](/Images/jiaocheng/2015-05-0511/2024201221.jpg)
图11
最终效果图
![PS制作三角形像素效果banner图13](/Images/jiaocheng/2015-05-0511/1379102885.jpg)
图12
注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:75789345欢迎你的加入