如何用AI和PS绘制出3D效果

近年流行3D风格，大家都如火如荼地学习C4D，blender也慢慢热门起来。互联网从最开始流行拟物追求真实质感到扁平风，现又开始流行3d和动效。作为视觉设计工作者，需要虚心保持学习心态，紧跟时代发展趋势，探索最新视觉风格。

上篇文章中有小伙伴在问banner是用什么软件制作的，所以写篇简单教程说明下制作过程，感兴趣的小伙伴可以试着做做，有问题大家一起交流。此教程适合想做出3D效果，但还未学会用三维软件的小伙伴。

P.S.：本教程非保姆级，重点讲述过程、方法、要点，适用于有一定软件基础、美术基础的小伙伴。

从开始找参考、构思、制作、修改需要4-5天。制作需要3天左右，看质感的复杂程度而定。如果你初次做不太熟练，可能会花更长时间，这很正常的没关系。假如用C4D等三维软件实现，1天左右。那为啥还要把方法分享出来呢？

·降低学习成本

学习软件需要积累，平时不常用容易忘记；三维软件相较学习平面软件PS、AI来说门槛较高，软件功能强大数据参数很多。它是一款需要较强综合能力的软件，需要学习建模、灯光、摄像机、材质等等知识，短期来学要实现好的效果成本较高。软件只是工具，学会如何使用达到想要的效果才是重点。

·了解原理、方法以此触类旁通

学习处理光影关系，熟练之后对制作运营海报、质感图标等很有帮助，平时做小需求也不用每次使用三维软件，重点是掌握方法可以举一反三、触类旁通去解决其他的问题。

有点废话了，我们马上开始，具体制作步骤如下：

1.构思草图 2.搜集参考 3.搭建模型 4.确定形状轮廓和基础色调 5. 绘制光影 6.完善细节

P.S.：对于透视把握准确和钢笔工具熟练的小伙伴，第3步可省略。

1.构思草图

根据文案内容确定画面具体内容，需注意画面板式，突出主次、前后空间关系。

2.搜集材质参考

这步很重要，后期的质感制作是需要参考案例中的质感表现的，可以理解为把案例中的材质表现临摹到自己制作的物体上，所以要找准确。

你可以参考多个案例的不同物体，将质感融入到自己的画面中，比如参考案例A的曲面、案例B的底座、案例C的地面，但最终需要从整体上把控画面的一致性（配色、光影、质感等）。

注意几个要点：

1. 找和自己画面光源一致的，比如你的画面构思是光源从左上方打过来，那参考也找类似的，去分析研究案例的高光、亮面、灰面、暗面是如何表现的。

2. 找单一光源的，有些案例可能不同方向都有光源或者光源不明确，这种光影表现复杂，不太适合作为参考。

3. 找光影细节丰富的，有些案例可能高光曝光过度、暗面没有变化，这种不考虑。

4. 如果你是初次制作，尽量不要临摹玻璃、透明材质，这种材质折射很多，表现比较复杂。

3.确定透视网格，AI绘制基础模型

先在AI里制作一个网格参考线，相当于三维软件的x、y、z坐标。这里用的平行视角（即没有消失点不带透视），类似之前流行的2.5d风格视角，带消失点的透视难度更大，本次不做详细说明，初次制作的还是建议采用无透视的平行视角。

用AI的3D绘制工具是为了更准确地把握准画面透视，美术功底强或者透视把握准确的小伙伴可直接在PS里面绘制形状轮廓。这个案例的物体都是几何基础形状，没有复杂的手、人物。如果是异形的非几何物体，AI的3D绘制工具就不好实现了。

3.1 新建形状，选中后使用 “效果>3D>凸出与斜角” 。

这里可以新建不同的形状（正方形、圆形、线条等），还可以进行旋转、增加描边，出来的效果都不同，大家可以自行探索下。

3.2 调整“凸出和斜角”面板的参数，使模型透视贴合你的网格参考线，边缘需要保持平行。第一次调整需要花点时间，然后记住三个轴向的数值。根据不同形状创建不同的立体模型后，直接输入参数就可以保持物体视角一致了，这样效率更高，不需要每次单独调轴向的数值。

3.3 AI里创建完成后选中所有立体模型，使用“对象>扩展外观” ，把模型不同面转化为形状。找到属性面板，使用合并工具将琐碎的形状合并（合并的规则是区分亮面、灰面、暗面），不要一次性把不同面都合并，方便后面导入PS里上色加效果。

4.导入PS形状/勾勒轮廓，确定基础色调

AI里图层处理好之后，打开PS新建相同大小画布，将形状逐个复制粘贴到PS里，弹窗选择导入类型为形状，将形状拼合起来组成画面。每一块形状都填充上色，这步决定了画面整体的色调。

5.绘制光影关系

根据参考案例的光影，通过使用图层渐变、添加图层样、画笔工具等方式，依次绘制物体的亮面、灰面、暗面、阴影、高光部分。注意保持画面光影关系的一致性。

若初次做把控不好，可直接吸取案例中物体的渐变颜色再微调下。这里担心篇幅过长未展示具体过程，每个人的方法都有不同，只要最终达到效果就好。

6.细节绘制，强化空间关系

细节是提升画面质感的关键，注意高光、阴影和物体反光部分的细微变化，还有整体的色调、明暗，前后虚实、近大远小，地面反射出物体的投影，固有颜色和环境色之间的相互影响等。

细节tips：

1. AI和PS建画布尺寸和分辨率保持一致，建议比实际要用的尺寸大1-2倍，方便缩放不影响画质。

2. 尽量不使用大面积高饱和度、高明度的颜色，这样更贴近真实世界配色，太过了看起来像玩具模型、质感不够好。

3. 投影的绘制尽量多层叠加，体现由实到虚的变化，而非整块没有变化的模糊色块，这里可利用蒙版+渐变工具或者模糊画廊的移轴模糊来处理。

4. 投影颜色不要用灰色/纯黑，要用高饱和度、低明度、有色相的深色，这样干净不显得脏。

5. 3d质感的表现在配色和光影上的变化是十分细微的，有时候稍微差异就可以有变化。不求每一块面积的大变化，需要一直累加就会真实且细腻，跟画画是一个道理。一步无法达到需要的质感，这个过程很漫长，一定要耐心耐心再耐心！一直叠加累积，你会看到惊喜。

写在最后：

做的时候把画面进行拆解，先整体后局部，大物体拆成一个个小物体，小物体拆成一个个小块面，把每一个小块面做好。不要给自己预设畏难情绪，感觉很复杂很难，其实复杂的问题都是由一个个小问题堆积在一起的，首先学会把问题拆解，然后解决一个个小问题，复杂的大问题也就迎刃而解了。

一开始我是从小的运营图和banner尝试做3D效果的，通过临摹一些3D素材，去分析3D质感在光影、配色上的细微变化。可能你刚开始对于质感、光影的把握并不是很准确，但是做多了就会越来越熟练、质感表现更细腻。不要过于着急，多尝试多做会越来越好。

第一次写制作教程，如果有不完善的地方，欢迎多提建议多多指正，谢谢～小伙伴有任何不懂的问题欢迎来评论区讨论～