优艾设计网

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

优艾设计网 https://www.uibq.com 2023-02-18 15:46 出处:网络 作者:bbs.16xx8.com
作者:佚名   出处: 此教程从视觉上看是一个错位的三角形,所以我们在制作过程中不要将图形变形后的位置排列错了.排列好后就是对三角形添加颜色 渐变及光照效果.使其更有立体感.

作者:佚名   出处:

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

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

最终效果

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

调出111选区,删除。

 

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

 

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

 

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

 

得到下图效果。

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

图层效果如下。

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

 

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

 

效果如下。

 

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

 

下面制作投影,底部建新层,调出曲线1选区,图层黑色,ctrl+T挪动位置并优艾设计网_PS海报制作教程压扁些。

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

修复后效果如下。

 

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

 

 

 

 

 

 

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消