Photoshop制作视觉错位的立体三角形

文章来源于一起PS吧，感谢作者佚名给我们带来经精彩的文章！

设计教程/PS教程/设计教程2010-09-07

此教程从视觉上看是一个错位的三角形,所以我们在制作过程中不要将图形变形后的位置排列错了.排列好后就是对三角形添加颜色渐变及光照效果.使其更有立体感.

最终效果

在Photoshop中新建文档，尺寸自定，背景填充35%灰色，画一矩形，颜色深一些。

Photoshop制作视觉错位的立体三角形

Ctrl+J复制一层，ctrl+T设置及摆放位置如下。

Photoshop制作视觉错位的立体三角形

接着设置倾斜度，注意中心点位置，不按回车!

Photoshop制作视觉错位的立体三角形

接着设置，注意中心点，回车确定变形。

Photoshop制作视觉错位的立体三角形

接着选择形状1，ctrl+T变形设置如下。

Photoshop制作视觉错位的立体三角形

合并2层，做如下选区，删除。

Photoshop制作视觉错位的立体三角形

Ctrl+J复制一层，ctrl+U调整，明度-20。Ctrl+T旋转120度，适当挪动位置，效果如下。

Photoshop制作视觉错位的立体三角形

重命名图层，复制111，得到333图层，挪到顶层，ctrl+U，明度-40。

Photoshop制作视觉错位的立体三角形

Ctrl+T旋转-120度，挪动下图所示位置。

Photoshop制作视觉错位的立体三角形

调出111选区，删除。

Photoshop制作视觉错位的立体三角形

情非得已