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

相关教程:
使用PS创建梦幻迷离的彩虹背景
轻松几步创建简洁几何组合背景

Photoshop打造三角形酷炫像素banner教程

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

第1步

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

Photoshop打造三角形酷炫像素banner教程
 

第2步

复制两次背景层。

Photoshop打造三角形酷炫像素banner教程
 

第3步

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

Photoshop打造三角形酷炫像素banner教程
 

第4步

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

Photoshop打造三角形酷炫像素banner教程
 

第5步

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

Photoshop打造三角形酷炫像素banner教程
 

第6步

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

Photoshop打造三角形酷炫像素banner教程
 

第7步

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

Photoshop打造三角形酷炫像素banner教程
 

第8步

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

Photoshop打造三角形酷炫像素banner教程
 

第9步

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

Photoshop打造三角形酷炫像素banner教程
 

第10步

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

Photoshop打造三角形酷炫像素banner教程

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

Photoshop打造三角形酷炫像素banner教程
 

最终效果图

这里我们可以添加一些漂亮的字体来设计这个banner,推荐你来这里瞧瞧  →  最值得收藏的65套英文字体,微盘打包好哦
如果想查找一些排版灵感,可以来这里看看 → 排版技巧及优秀排版欣赏

Photoshop打造三角形酷炫像素banner教程

原文地址:设计达人

 
================关于优设网================
优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量41万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

Photoshop打造三角形酷炫像素banner教程
 

点赞 1
收藏
继续阅读相关文章

发表评论 已发布 1

还可以输入 800 个字
 
 
载入中....
1 收藏