前两天我们开了关于动态插画技术板块的一个公开课——灯光动态插画。

静态插画效果

制作完成后的效果

很多同学在后台表示自己非常喜欢用AE软件制作动效，但奈何手边没有一个详细的，一眼能明了的教程市面上大部分的视频教程不是速度过快，遇到问题要次次回调，效率很低，要不就是太过生涩，难以理解。看到这篇文章，你就赚到了！我们为了同学们的需求，把之前的软件类课程转换成文字和图像。今后我们也会这么做。

关于灯光动态插画

灯光对于插画来说有非凡的意义。灯光能有效的塑造氛围，帮助传达作品的情感和内涵。光的冷暖变化能改变画面的情感基调。当光表现为冷色调，画面显得更加沉静和神秘；而当光为暖色调，则会突出图像柔和和温暖的感觉。灯光比较适用于动感相对弱的情况，缓慢的柔和的变化仿佛有魔力一般把你吸入画里。下面看看静态插画中灯光的运用。

而动态的加入无疑让画面感更上一层楼。瞬间就能活泼生动起来。不论是夏日树下的斑驳树影还是冬日里靠在有光的窗户边沉思，插画中光的存在总能给人真实的感官体验，让你不自觉的想象自己处于一个这样的环境中，尽情的享受生活。

光和动态效果对插画的重要性是不言而喻的

下面就来看看怎么做吧

↓ ↓ ↓ ↓ ↓

插画的部分已经提前被画好，下面是在ps里的操作。

Step 1：

• 把灯光部分和背景的房子分开，单独建一个文件夹。
• 白色框里文件命名为：windows

Step 2：

• 把做好的PSD文件拖入AE中，弹出以上的窗口
• 因为需要在AE里显示每层的图像（便于编辑）
• 所以导入的时候需要选择组合（composition）和可编辑的图层样式
• 点击确定

Step 3：

• 上面步骤点击确定
• 这里出现两个选项
• 一个是灯光动态插画的合成
• 一个是图层的素材包
• 双击灯光动态插画
• 下方出现所有图层

• 双击合成windows
• 进入合成
• 显示窗口是全部灯光

Step 4：

• 把小灯光light1,light2,light3选中
• 按住crtl+shift+c新建预合成
• 命名为light all
• 点击确定

• 点击合成，新建合成，命名新合成“mask”
• 像素100*100，时间20秒

Step 5：

• 用上方矩形工具在画面中画个长方形
• 作为遮罩可以选择一个醒目的颜色

• 点击灯光动态插画的合成
• 把左侧的mask拖入画面中
• 确定能够覆盖住小灯光

• 按t键出现透明度选项
• 点击秒表，把透明度调到0
• crtl+shift+右键可以自动移动时间轴位置，调整透明度参数为100
• 把时间轴移动到1秒之后调整透明度参数为0
• 再crtl+shift+右键可以自动移动时间轴位置，调整透明度参数为100

• alt键点击秒表
• 再点击框中的小箭头
• 选择property
• 再选择loop out循环表达式

• 把mask再次拖入windows合成画面中
• 按住ctrl+d复制他们覆盖大部分灯光

• 选中所有画面中的mask图层
• crtl+shift+c新建预合成
• 命名为mask all
• 点击确定

• 点击进入mask预合成
• 左右拖动每个图层位置
• 制造一种参差不齐的灯光效果

Step 6：

制作月亮的闪烁动画：

• 首先用椭圆工具画出一个圆
• 选择和月亮一致的颜色
• 按t键调出透明度选项，调整透明度为40%

• 选择右侧效果控件一栏
• 在模糊和锐化中选择快速模糊
• 在左侧栏中调整模糊半径90
• 制造了月晕的感觉
• 按住alt键点击秒表
• 在白色框中输入wiggle(5,20)
• 开启抖动表达式

——————————————————————————————————————

更多知识干货以及其他海外留学的资讯可以关注 UXD视觉艺术设计学院 或者 添加小助手，还可获取讲座直播哦~

|福利大放送 | WELFARE

对于设计初学者，完成从0开始创作几乎是不可能的，就像学习过程中书读百遍其义自见一样。有了大量的积累，才能在脑海里建立素材库，这些素材库能帮助同学们完成最初的设计想法积累，基于这样的基础再进行个性化的创作，最终才能做出高质量的作品集。

全球院校最新作品集免费拿！添加小助手即可获取

UXD视觉艺术设计学院是尤克斯国际旗下专注于视觉传达、平面设计、交互服务、设计学的顶级艺术设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外，我们提供不定主题的公开课和内部小组课，教学计划课程由三大部分组成，包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。

本文版权归UXD尤克斯所有，部分图片来自网络不用于商业用途，如有侵权请与我们联系。