拿到面试题，我傻眼了，让我做光影视觉，我没练过啊！

很多同学遇到强视觉表现的画面，特别是光影表现比较强的视觉搞不定，今天老师把画面拆分成步骤，教给大家如何处理这样的视觉画面：

首先是创意搭建，画面场景需要展示IP动作和品牌LOGO，我们跟跳跃的这个动作，将LOGO倾斜设定成一个“出口”，让IP从中跳出，搭建出传送门的创意概念：

接着可以给草图大致铺色，基于品牌视觉调性，我们采用暗色调光影视觉的方向，确定好光源，以及把IP的明暗面区分开，把氛围给做出来：

接下来进一步强化光照效果，正对着光源的面会被光照亮，成为受光面，有些受光面，因为角度问题看不见，但因为物体转折面的倒角只能看见一点面积，则形成了边缘光，只要背朝着光源的地方，都可以画上边缘光：

然后是泛光，发光体会往外晕染、虚化，有朦胧感，物体边缘受光也会 “发光、漫延”，发光物体和受光物体都会有泛光，发光体泛光强，受光体泛光弱，离光源越近泛光越强，越远则反之，在上述这些地方补充上泛光可大幅强化光感：

做完这些，光效的光感基本就能出来了，接着我们把IP主体单独拎出来交给AI 3D化细化，并将原本的五官表情换成了一个更简约的样式：

但AI生成后的IP的光照和原本的效果图有偏差，需要把它放到画面中，按照我们前面讲到的光效强化步骤：

1·根据光源区分明暗面 → 2·受光区域增加边缘光→ 3·发光体受光体增加泛光，来进行调整，让ai图贴合画面整体的光影环境

调整前：

调整后：

整体来看当前画面其实有些欠缺细节，于是我们补充了一些AI大模型和程序相关数据方块和01代码的元素来丰富画面，元素围绕在IP周围摆放，不要摆放得太平均，摆放的间距需要有变化，可以做出大小变化，这样能避免元素普通堆砌带来的僵硬呆板的感受：

将这些元素同样交给AI完成细化，生成3D细腻磨砂半透明效果：

将生好的元素放进画面中，我们需要让这些新增的元素也要融入到光影环境中，不能让元素在画面中过于突出而干扰了作为画面主体的IP形象：

于是我们先将代码元素往背景里融入一些减弱对比，进行弱化，并且前后的代码元素通过不同的对比强度来拉开空间感 ，还可以让代码元素距离光源从近到远做出光亮从强到弱的衰减的效果，数据方块也是如此处理：

最后为场景加入光点和光束，增加光影氛围，并叠加噪点纹理，增强质感，让画面视觉的细节和完成度更高一些，到这里，整个画面视觉就处理完成了

来看下放到页面里的效果：

虽然ai可以帮我们解决很多问题，但是大部分时候，更需要的是设计师自身的本领（审美、理论、经验），重复性的劳动交给ai解决，设计师则更多投入到创作

别迷茫，从简单的练起，厚积薄发，结合ai，持续进步就完了！