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

作者:佚名 出处: 此教程从视觉上看是一个错位的三角形,所以我们在制作过程中不要将图形变形后的位置排列错了.排列好后就是对三角形添加颜色 渐变及光照效果.使其更有立体感. 最终效果 在 Photoshop 中新建文档,尺寸自定,背景填充35%灰色,画一矩形,颜色深一些。 Ctrl+J复

Photoshop快速制作照片包围的立体方盒

Photoshop快速制作照片包围的立体方盒 本文我们用Photoshop将你喜欢的照片包围成一个立体的方盒。 首先找到自己喜欢的一副图片: 用Photoshop打开原图,然后剪切为下面的两个形状,分别放在两个图层里: 然后分别为


作者:佚名   出处:
Photoshop制作视觉错位的立体三角形插图

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

最终效果

Photoshop制作视觉错位的立体三角形插图(1)
 

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

 

Photoshop制作视觉错位的立体三角形插图(2)
 

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

 

Photoshop制作视觉错位的立体三角形插图(3)
 

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

 

Photoshop制作视觉错位的立体三角形插图(4)
 

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

 

Photoshop制作视觉错位的立体三角形插图(5)
 

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

 

Photoshop制作视觉错位的立体三角形插图(6)
 

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

 

Photoshop制作视觉错位的立体三角形插图(7)
 

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

 

Photoshop制作视觉错位的立体三角形插图(8)
 

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

 

Photoshop制作视觉错位的立体三角形插图(9)
 

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

 

Photoshop制作视觉错位的立体三角形插图(10)
 

调出111选区,删除。

 

Photoshop制作视觉错位的立体三角形插图(11)
 

建新层,黑白直线渐变,设置如下,接着曲线调整一下。

 

Photoshop制作视觉错位的立体三角形插图(12)
 

得到下图效果。

 

Photoshop制作视觉错位的立体三角形插图(13)
 

建新层,重复刚才步骤,上下直线渐变,效果如下。

 

Photoshop制作视觉错位的立体三角形插图(14)
 

建新层,左上到右下直线渐变,重复刚才步骤。

 

Photoshop制作视觉错位的立体三角形插图(15)
 

3个渐变层命名为光、光2、光3,图层模式都为强光,挪到对应层上部,创建剪切蒙版。

 

Photoshop制作视觉错位的立体三角形插图(16)
 

新建层阴影3,调出111选区,黑到透明直线渐变,图层不透明度80%。

 

Photoshop制作视觉错位的立体三角形插图(17)
 

调出222选区,减选红框部分,重复上一步。黑到透明直线渐变等等。

 

Photoshop制作视觉错位的立体三角形插图(18)
 

建新层,调出333选区,重复上一步。

 

Photoshop制作视觉错位的立体三角形插图(19)
 

图层效果如下。

 

Photoshop制作视觉错位的立体三角形插图(20)
 

光、光2、光3分别高斯模糊25像素。合并除背景外所有层。添加色度 饱和度调整层。调出合层选区,选择蒙版填充白色,图层模式叠加,70%不透明度。

 

Photoshop制作视觉错位的立体三角形插图(21)
 

添加曲线调整层,增加对比,图层模式柔光。

 

Photoshop制作视觉错位的立体三角形插图(22)
 

合并除背景外所有层,添加图层样式。

 

Photoshop制作视觉错位的立体三角形插图(23)
 

 

 

Photoshop制作视觉错位的立体三角形插图(24)
 

效果如下。

 

Photoshop制作视觉错位的立体三角形插图(25)
 

下面制作投影,底部建新层,调出曲线1选区,图层黑色,ctrl+T挪动位置并压扁些。

 

Photoshop制作视觉错位的立体三角形插图(26)
 

应用高斯模糊和动感模糊滤镜,设置如下。

 

Photoshop制作视觉错位的立体三角形插图(27)
 

建新层,填充黑色,滤镜>渲染>镜头光晕,图层模式滤色。

 

Photoshop制作视觉错位的立体三角形插图(28)
 

建新层,填充50%灰色,滤镜>杂点>添加杂点,图层模式叠加,不透明度50%。

 

Photoshop制作视觉错位的立体三角形插图(29)
 

合层锐化一下,效果如下。

 

Photoshop制作视觉错位的立体三角形插图(30)
 

效果有个缺点,画圈部分太暗,下面解决一下。

 

Photoshop制作视觉错位的立体三角形插图(31)
 

建新层,做如下选区,填充白色。

 

Photoshop制作视觉错位的立体三角形插图(32)
 

添加蒙版,用黑色笔刷涂抹掉不需要的部分,图层不透明度30%。

 

Photoshop制作视觉错位的立体三角形插图(33)
 

修复后效果如下。

 

Photoshop制作视觉错位的立体三角形插图(34)

 

 

 

 

 

 

 




作者:佚名   出处:
Photoshop制作视觉错位的立体三角形插图

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

最终效果

Photoshop制作视觉错位的立体三角形插图(1)
 

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

 

Photoshop制作视觉错位的立体三角形插图(2)
 

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

 

Photoshop制作视觉错位的立体三角形插图(3)
 

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

 

Photoshop制作视觉错位的立体三角形插图(4)
 

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

 

Photoshop制作视觉错位的立体三角形插图(5)
 

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

 

Photoshop制作视觉错位的立体三角形插图(6)
 

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

 

Photoshop制作视觉错位的立体三角形插图(7)
 

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

 

Photoshop制作视觉错位的立体三角形插图(8)
 

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

 

Photoshop制作视觉错位的立体三角形插图(9)
 

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

 

Photoshop制作视觉错位的立体三角形插图(10)
 

调出111选区,删除。

 

Photoshop制作视觉错位的立体三角形插图(11)
 

建新层,黑白直线渐变,设置如下,接着曲线调整一下。

 

Photoshop制作视觉错位的立体三角形插图(12)
 

得到下图效果。

 

Photoshop制作视觉错位的立体三角形插图(13)
 

建新层,重复刚才步骤,上下直线渐变,效果如下。

 

Photoshop制作视觉错位的立体三角形插图(14)
 

建新层,左上到右下直线渐变,重复刚才步骤。

 

Photoshop制作视觉错位的立体三角形插图(15)
 

3个渐变层命名为光、光2、光3,图层模式都为强光,挪到对应层上部,创建剪切蒙版。

 

Photoshop制作视觉错位的立体三角形插图(16)
 

新建层阴影3,调出111选区,黑到透明直线渐变,图层不透明度80%。

 

Photoshop制作视觉错位的立体三角形插图(17)
 

调出222选区,减选红框部分,重复上一步。黑到透明直线渐变等等。

 

Photoshop制作视觉错位的立体三角形插图(18)
 

建新层,调出333选区,重复上一步。

 

Photoshop制作视觉错位的立体三角形插图(19)
 

图层效果如下。

 

Photoshop制作视觉错位的立体三角形插图(20)
 

光、光2、光3分别高斯模糊25像素。合并除背景外所有层。添加色度 饱和度调整层。调出合层选区,选择蒙版填充白色,图层模式叠加,70%不透明度。

 

Photoshop制作视觉错位的立体三角形插图(21)
 

添加曲线调整层,增加对比,图层模式柔光。

 

Photoshop制作视觉错位的立体三角形插图(22)
 

合并除背景外所有层,添加图层样式。

 

Photoshop制作视觉错位的立体三角形插图(23)
 

 

 

Photoshop制作视觉错位的立体三角形插图(24)
 

效果如下。

 

Photoshop制作视觉错位的立体三角形插图(25)
 

下面制作投影,底部建新层,调出曲线1选区,图层黑色,ctrl+T挪动位置并压扁些。

 

Photoshop制作视觉错位的立体三角形插图(26)
 

应用高斯模糊和动感模糊滤镜,设置如下。

 

Photoshop制作视觉错位的立体三角形插图(27)
 

建新层,填充黑色,滤镜>渲染>镜头光晕,图层模式滤色。

 

Photoshop制作视觉错位的立体三角形插图(28)
 

建新层,填充50%灰色,滤镜>杂点>添加杂点,图层模式叠加,不透明度50%。

 

Photoshop制作视觉错位的立体三角形插图(29)
 

合层锐化一下,效果如下。

 

Photoshop制作视觉错位的立体三角形插图(30)
 

效果有个缺点,画圈部分太暗,下面解决一下。

 

Photoshop制作视觉错位的立体三角形插图(31)
 

建新层,做如下选区,填充白色。

 

Photoshop制作视觉错位的立体三角形插图(32)
 

添加蒙版,用黑色笔刷涂抹掉不需要的部分,图层不透明度30%。

 

Photoshop制作视觉错位的立体三角形插图(33)
 

修复后效果如下。

 

Photoshop制作视觉错位的立体三角形插图(34)

 

 

 

 

 

 

 



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部