MG动画基础——几何图形之碰撞、跳跃动画(遮罩使用、编辑速度图表)

MG动画基础

MG动画介绍

MG动画,英文全称为:Motion Graphics,直接翻译为动态图形或者图形动画。通常指的是视频设计、多媒体CG设计、电视包装等等。 动态图形指的是“随时间流动而改变形态的图形”,简单的来说动态图形可以解释为会动的图形设计,是影像艺术的一种。
动态图形融合了平面设计、动画设计和电影语言,它的表现形式丰富多样,具有极强的包容性,总能和各种表现形式以及艺术风格混搭。 动态图形的主要应用领域集中于节目频道包装、电影电视片头、商业广告、MV、现场舞台屏幕、互动装置等等。

几何图形之碰撞、跳跃动画展示

MG动画基础——几何图形之碰撞、跳跃动画(遮罩使用、编辑速度图表)
(这里上传的是gif格式,运动速度变慢了QAQ…)
主要有的知识点:位置、缩放等关键帧添加,图表编辑器(编辑速度图表)颜色变化(遮罩使用)

图表编辑器(编辑速度图表)

MG动画基础——几何图形之碰撞、跳跃动画(遮罩使用、编辑速度图表)
位于ae的位置---->右边第一个图标
选中关键帧,按F9添加缓动,进入编辑速度图表,同时右击下发第2个按钮,选择编辑速度图表(一定要选择编辑速度图表),可以看见速度的变化曲线啦~
可以使用这个调节运动变化的缓急快慢
MG动画基础——几何图形之碰撞、跳跃动画(遮罩使用、编辑速度图表)
例如 这是粉色小球弹跳运动速度的变化曲线~
由物理学,小球下落的速度应越来越快,到底碰撞后会再次弹起,且弹起的速度由块到慢,同时再次下落,再次弹起…
曲线下方的两个锚点,点击拖动便可以调整曲线(调整速度变化)
左边锚点往右------>速度先慢后快
右边锚点往左------>速度先快后慢
两边锚点的手柄一样长------>曲线为抛物线,速度变化均匀
MG动画基础——几何图形之碰撞、跳跃动画(遮罩使用、编辑速度图表)
例如 这是小球缩放的变化曲线
由无到有,曲线为正向;由有到无,曲线为反向

曲线的变化可以根据自己的需要调整~

颜色变化(遮罩使用)

小球进入大圆时及方形进入大圆时,颜色会发生改变----->这里使用遮罩使颜色变化
MG动画基础——几何图形之碰撞、跳跃动画(遮罩使用、编辑速度图表)
下面是ae中的图层设置
MG动画基础——几何图形之碰撞、跳跃动画(遮罩使用、编辑速度图表)
step 1.先复制(快捷键ctrl+d)与小圆相同的一个图层,并且修改圆的颜色
step 2.复制一个蓝色大圆,作为遮罩的蒙版
step 3.调整三者的图层顺序-----复制大圆、复制小圆、粉色小圆
step 4.复制小圆选择Alpha通道-----建立蒙版
step 5.复制大圆设置为不可见(关掉小眼睛)

颜色改变成功~

最后最后

文章素材来源及借鉴:
https://huke88.com/course/21800.html?pageType=1&key=mg&identify=1563082511
临摹了这个小动画加上了自己总结的一些东西~
虽然比较简单、基础,但是希望是可以积少成多,能独立创作出一个小动画,成为大佬hhh~加油!!

上一篇:python基础库-Pandas


下一篇:MS建模mmt