分享

Photoshop制作三角形像素banner教程 | 设计达人

 燚心设计 2017-01-02

Photoshop制作三角形像素banner教程


前面我们介绍过《多边形的网页设计趋势》一文,很多设计朋友都很喜欢,并下载哪个多变形工具来制作,多边形确实是可以很漂亮的,今天我们分享一个使用Photoshop来制作三角形像素效果的banner教程,只需几个简单的步骤即可完成,而且出来的效果也很赞哦,先来看看效果图,如果有兴趣,请继续往下看。

final

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

教程难度:初级

所需要时间:5-10分钟

第1步

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

第一步

第2步

复制两次背景层。

step2

第3步

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

step3

第4步

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

step4

第5步

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

step5

第6步

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

step6

第7步

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

step7

第8步

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

step8

第9步

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

step9

第10步

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

step10

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

step11

最终效果图

这里我们可以添加一些漂亮的字体来设计这个banner,推荐你从这里下载优秀英文字体。如果想查找一些排版灵感,可以看看《文字与图片排版灵感》一文。

final

如果有什么不懂的地方,可以通过下面评论处给设计达人留言。

下载源文件(2.9MB):微盘下载 | Downloads(国外下载页)

相关的文章

赞助商链接
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,欢迎转载。                     

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多