起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > PHOTOSHOP打造三角形酷炫像素BANNER教程

PHOTOSHOP打造三角形酷炫像素BANNER教程

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:photoshop字体下载


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: @设计达人网 多边形是可以很漂亮的,今天我们分享一个使用Photoshop来制作三角形像素效果的banner教程,只需几个简

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

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

第1步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第2步

复制两次背景层。

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第3步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第4步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第5步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第6步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第7步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第8步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第9步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

第10步

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

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

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

最终效果图

PHOTOSHOP打造三角形酷炫像素BANNER教程_qh.itpxw.cn

原文地址:设计达人

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

文章出自:http://qh.itpxw.cn/peixun/ui/201612914.html

文章标题:PHOTOSHOP打造三角形酷炫像素BANNER教程



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------