当前位置 : IT培训网 > ui设计 > photoshop > Photoshop制作三角形酷炫像素banner方法

Photoshop制作三角形酷炫像素banner方法

时间:2016-10-26 16:00:19  来源:ps教程网  作者:IT培训网  已有:名学员访问该课程
banner制作需要技巧,并不单单只是一张图片,多边形是可以很漂亮的,现在小编分享一个使用Photoshop来制作三角形像素效果的banner教程,只要几个简单的步骤喔,而且出来的效果也很赞哦,先给大家一个效果图,有兴趣继续接着看

banner制作需要技巧,并不单单只是一张图片,多边形是可以很漂亮的,现在小编分享一个使用Photoshop来制作三角形像素效果的banner教程,只要几个简单的步骤喔,而且出来的效果也很赞哦,先给大家一个效果图,有兴趣继续接着看。

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

使用软件:Photoshop CS5(当然较旧版本也可以)

教程难度:初级

所需要时间:5-10分钟

第1步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第2步

复制两次背景层。

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第3步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第4步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第5步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第6步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第7步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第8步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第9步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

第10步

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

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

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

最终效果图

Photoshop制作三角形酷炫像素banner方法_www.itpxw.cn

IT培训网依托中国互联网行业蓬勃发展优势,为中国的软件开发学习者和IT从业人员提供培训学校、编程学习、经验交流、咨询解答等服务,帮助更多喜爱编程的人员实现自己的IT梦想。

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容