百木园-与人分享,
就是让自己快乐。

PS+AI教程!超简单的炫彩立体图标制作教学

视频地址:https://www.ixigua.com/iframe/6966524381199598093?autoplay=0&startTime=0

PS+AI教程!超简单的炫彩立体图标制作教学

关于教程

前几天做UAG的打卡,不知道用什么选题,但是你们的肥子老师给我推荐了这个作者Vlad Tretiak。就看到了他的这张作品。于是就按照他这张作品的风格,尝试延展做了四张新的图标。这次就跟着团长老师一起来看看,这种风格的图标从构思和实际操作中是如何完成的吧。

想让团长老师一对一帮你指导设计吗?戳这里立刻解锁团长老师一对一点评→设计师就业衔接班

首先在学习某种风格的时候,一定要尽可能的对学习对象的风格进行分析,整体造型是这种轻拟物带有三点透视视角的,配色风格上采用霓虹配色与深色背景相得益彰,体积光影上符合光影逻辑。

PS+AI教程!超简单的炫彩立体图标制作教学

一、造型部分

Step 01:首先根据分析去找图片作为参考。

PS+AI教程!超简单的炫彩立体图标制作教学

Step 02:根据参考在AI中使用形状工具制作出轮廓色块。

PS+AI教程!超简单的炫彩立体图标制作教学

Step 03:框选所有的色块,并添加3D-凸出的效果,调整凸出距离与透视角度。

PS+AI教程!超简单的炫彩立体图标制作教学

Step 04:分别选中每个图层,并调整位置与凸出距离的长度,让画面有相机的基本外形。

PS+AI教程!超简单的炫彩立体图标制作教学

PS+AI教程!超简单的炫彩立体图标制作教学

Step 05:选中所有图层,然后在对象中选择拓展外观。

PS+AI教程!超简单的炫彩立体图标制作教学

PS+AI教程!超简单的炫彩立体图标制作教学

Step 06:选中拓展外观后的图层,将同类型的结构面合并。

PS+AI教程!超简单的炫彩立体图标制作教学

 

Step 07:将图层复制到PS中,分路径调整好图层顺序,调整色块颜色。

PS+AI教程!超简单的炫彩立体图标制作教学

二、光影色调部分

Step 08:根据光影来向使用画笔工具加剪贴蒙板绘制出里面的彩色渐变光影,下方是深蓝色,上方为浅粉色,通过这样的颜色对比可以制作出初步的体积。PS+AI教程!超简单的炫彩立体图标制作教学

PS+AI教程!超简单的炫彩立体图标制作教学

Step 09:转折处使用浅色画笔增加转折处的反光效果,增强体积感。

PS+AI教程!超简单的炫彩立体图标制作教学

Step 10:正面也采用相同的方法,使用画笔绘制出渐变颜色。

PS+AI教程!超简单的炫彩立体图标制作教学

Step 11:绘制颜色的时候也需要遵循基本的光影规律,受光面的颜色整体要比背光面的颜色亮。

PS+AI教程!超简单的炫彩立体图标制作教学

Step 12:其它部位也采用相同的方式去塑造光影颜色。一些小的形状就不需要在AI中做。小的形状不需要考虑太精细的透视关系,所以在PS中用形状工具去做更节省时间。

PS+AI教程!超简单的炫彩立体图标制作教学

那基本的操作流程就是这样的,具体的参数与操作细节在视频中会有详细的讲解。大家记得要看视频,学会总结里面的方法,而不是对着参数抄。根据相同的思路,很快就能做出风格相似的作品。

PS+AI教程!超简单的炫彩立体图标制作教学 PS+AI教程!超简单的炫彩立体图标制作教学 PS+AI教程!超简单的炫彩立体图标制作教学 PS+AI教程!超简单的炫彩立体图标制作教学

学完这篇教程的人还在学…


来源:https://uiiiuiii.com/photoshop/1212391648.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » PS+AI教程!超简单的炫彩立体图标制作教学

相关推荐

  • 暂无文章