今天我分享一个使用Photoshop来制作三角形像素效果的banner教程，只需几个简单的步骤即可完成，而且出来的效果也很赞哦，先来看看效果图，如果有兴趣，请继续往下看。
[url=http://www.shejidaren.com/create-triangle-pixelation-effect-banner-photoshop.html][img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044243Fiz.jpg[/img]
使用软件：Photoshop CS5（当然较旧版本也可以）
教程难度：初级
所需要时间：5-10分钟
第1步准备一张作为banner背景的照片，下面我们以下图作为演示。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244ZRy.jpg[/img]
第2步复制两次背景层。
[img=323,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244NCU.jpg[/img]
第3步使用自由变换工具（Ctrl + T 或选择主菜单”编辑”>”自由变换”）让图像水平倾斜45度。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244BDn.jpg[/img]
第4步主菜单”滤镜”>”像素化”>”马赛克”，调整单元格的大小，大小根据你的banner图像大小来设置，这里是3888x2554px，所以我们设置为128px大小。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244QyZ.jpg[/img]
第5步使用自由变换工具（主菜单”编辑”>”自由变换”）让图像水平倾斜「-45度」。（其实就是第3步的相反方向）
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244cVr.jpg[/img]
第6步设置此图层的不透明度为50%」。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244emy.jpg[/img]
第7步选择中间层，使用自由变换工具（Ctrl + T），让图像水平倾斜「-45度」。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244nHu.jpg[/img]
第8步再使用一次相同的马赛克滤镜（提示：Ctrl+F就可以重复上一次的滤镜操作）
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244ZAu.jpg[/img]
第9步使用自由变换工具（Ctrl + T）让图像水平倾斜45度。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244HCO.jpg[/img]
第10步这步差不多完成了，把图像放大一点，我们可以看到边缘不是很对齐，解决方法是通过键盘左或右键来轻移图层，全其对齐，对齐后是三角形状的。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244Hkc.jpg[/img]
接下来banner的背景已经完成。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044244MYC.jpg[/img]
最终效果图这里我们可以添加一些漂亮的字体来设计这个banner。
[img=550,0]http://images.shejidaren.com/wp-content/uploads/2013/07/044243Fiz.jpg[/img]
粤公网安备 44030902001796号 粤ICP备19041343号-3
签到成功
全部评论()