向安宇知识库 向安宇知识库
  • 读书向
  • 学习向
    • AI工具
    • AI研究
    • 笔记
    • AIP:克丽丝AI日志
  • 创作向
    • 写作
      • 非虚构
      • 剧本
      • 小说
      • 文言
      • 随笔
      • 日记
    • 视听
      • 纪录片
      • 设计
      • 视频
      • 摄影
    • 课程
  • 影视向
    • 创意策划
    • 前期拍摄
    • 后期制作
    • 影像实验
    • 影像设备
    • 大师镜头
    • 电影赏析
    • 视频论文
    • 项目复盘
  • 折腾向
    • 穿越机
    • 户外
    • 代码
    • 手工
    • 书法
    • 篆刻
    • 绘画
首页 › 创作向 › 课程 › MG点线动画临摹《THE EDITOR》-01(形状层&Beam效果)
  • 2
  • 2

MG点线动画临摹《THE EDITOR》-01(形状层&Beam效果)

向安宇
2018-09-30 12:56:44

首先分析原作,一帧一帧看,将动作拆解:

  1. 四个方向短线条汇聚成十字;
  2. 十字变化成为指针;
  3. 指针上移,同时拉出来一条虚线;
  4. 指针左移,然后右移,拖出来红色影子,并且拉出来后面的字;
  5. 指针右移,然后左移,拖出来红色影子,并且拉出来后面的字;
  6. 旋转,并将字抹除。

临摹后:

我们第一次临摹,就临摹到这个位置。“Command + N”新建工程,分辨率设为1920 x 1080 ,时间长度暂时设为7秒。新建solid作为背景,命名为“BG”,颜色设为64、64、64

一、十字汇聚

双击形状工具里的方形,建立一个占满屏幕的长方形,将形状层命名为“left”,添加AE内置效果Beam。

设置Beam的参数,将Starting Thickness 和 Ending Thinkness 都设为1,得到一根1个像素粗细的线条,接着将Inside Color 和 OutSide Color,相当于填充和描边的颜色,全部设置为200,200,200 。然后将Length改为5%,得到一根短线条。

因为是1080P的工程,中心点是[960,540],所以将Ending Point设为[960,540],将starting Point设为[600,540],也就是x轴上向左偏移360个像素。

为了便于控制,我们新建一个null,关掉可见,将其命名为action,添加一个滑杆控制:slider control 。

option + 左键,单击Time,打开表达式面板,用拾取器将其拾取到slider。

给slider打关键帧,0 ,往右几帧的位置,100,再往右几帧的位置,让线条往右回弹一点,设为98% 。“F9”平滑关键帧。

“command + D”复制形状层,复制三层。分别命名为“right”、“up”、“down”。

先来设置从右往左运动的线条,这时候需要发射起点是在x轴往右偏移360个像素,960 + 360 = 1320,将starting Point的x轴设为1320,y轴不变。

另外两个层,Starting Point 分别改为[960,180]和[960,900]。y轴参数分别是540 - 360 ,和540 + 360 ,向上和向下偏移360个像素 。

既然是临摹学习,就用一下原片的音乐。把原片拖进来放到最底层,“L”,“L”,打开波形。选中action,“U”键打开关键帧,调整关键帧卡上音乐。

“shift + command + c”将十字和“control层”预合层,命名为“十字汇聚”。

二、十字变化

接着打开字幕安全框,放大视窗,选择形状工具里的方形,关掉填充,描边选择2个像素,颜色选择[200,200,200],拖拽绘制图形,松开鼠标左键前按住“option”保持不放,绘制好后松开左键,最后松开“option”键,这样绘制出来的形状是可以被编辑的。

这里有个小陷阱,如果先按住“option”,再按鼠标左键绘制,绘制的图形是不可以被编辑的,必须按下鼠标左键之后,在绘制过程中按住“option”不放,才能得到一个可以编辑的图形。

将图层命名为“指针”,将形状命名为“三角”,调整好位置,按住“command”键,框选其中一个点,“delete”删除,继续按着“command”键或者按“V”键切换到选择工具,key帧。

继续绘制一个长方形,命名为“四方”,调整位置,key帧。于是,得到一个十字变形成指针的动画。

如果绘制的图形有些大,选择图层,按“S”调出scale,参数调到50% 。

用 “option + ]”调整十字汇聚出点,用“option + [”调整指针的入点。

三、虚线生长

给指针图层里Transform的Position打一个上移的关键帧。

选择钢笔工具,绘制一根竖线,命名为“虚线”。

找到“stroke 1 ”里面的“Dashes”,点旁边的“+”号,将“Dash”的参数改为 20 。

选择形状“虚线”,点击旁边的“Add”的小三角,选择“Trim Paths”,给“End”属性,打上0~100的关键帧。

打开曲线面板,微调,这样就得到一个指针拉出虚线的动画。

四、指针拖影

先按音乐key好虚线指针的运动。“command + D”复制图层,命名为“左虚影”。颜色改为[238,60,129],删掉多余的关键帧,设置出点、入点,给Position添加表达式:

delay = 2;

d = delay*thisComp.frameDuration*(index - 1);
transform.position.valueAtTime(time - d) 

给Opacity添加表达式:

opacityFactor = .75;

Math.pow(opacityFactor,index - 1)*100

“command + D”复制图层,复制四层就差不多了。“shift + command + C”预合成,预合成时候把“Adjust composition duration to the time span of the selected layers”勾选上。

同样方法制作右边的拖影效果。

五、指针旋转

“command + D”复制“指针”,命名为“指针旋转”。给Dashes里的Dash打一个20~0的关键帧,变为实线,顺便将“虚线”改名为“实线”,设置好出点和入点。

按“Y”选择锚点工具,将“指针旋转”的锚点移动到中心点。

按“R”调出rotation,打上关键帧,旋转180度。给“四方”和“三角”的透明度打上关键帧,让它们在旋转的初期消失掉。

选择“实线”,添加Trim Paths,给“start”和“End”属性添加关键帧。

为了方便观察,可以用“shift + command + H”隐藏掉边框。“start”从50%~65% ,“End”从100%~85% 。打开动态模糊。打开曲线面板,微调。

六、添加文字

在所有的形状层下方,背景层上方添加文字。利用mask做出文字的遮罩动画。

AE AE案例 MG动画
2
AE表达式|26、如何将透明度添加进父子关系?@ parent
上一篇
镂空平安扣
下一篇

评论 (2)

登录后可发布~
立即登录
  • Maquis

    你好,请问十字变换哪里在做完形状图层后key帧是在路径里key吗?

    7 年前
    • 向安宇

      @Maquis: 是的,在path,也就是路径那里key帧

      7 年前

向安宇

痴迷文字,醉心影像
447
文章
5
评论
325
喜欢

聚合文章

1.我将深入研究如何提升学习力,以及如何用AI提升学习效率
克丽丝是谁?(人物设定1.0)
AIP克丽丝的构想
wordpress也要拥抱AI

近期评论

不同意知识过时这么快,数学公式几百年都没变啊
—— Baron von Laughsalot 4 月前 1.我将深入研究如何提升学习力,以及如何用AI提升学习效率
这学习方法太适合我这种记性差的了,必须追更!
—— 狂血战士 4 月前 AIP克丽丝的构想
数字人做语言教学太香了,求Anni快出实操指南!
—— 贪吃小熊 4 月前 Anni搞钱系列:普通人用AI,到底能做起来什么副业?
想问作者会开线下课吗?想带孩子去听听
—— 秋分桂落 4 月前 1.我将深入研究如何提升学习力,以及如何用AI提升学习效率
想问下这个AI工具对服务器配置要求高吗?
—— 狂喜的烟花 4 月前 wordpress也要拥抱AI

猜你喜欢

聊一聊我的剪辑的流程

聊一聊我的剪辑的流程

2019-10-13 23:01:58
1,890 0 3
MG动画教程003|手写字

MG动画教程003|手写字

2018-03-12 14:39:44
1,321 0 0
AE表达式|23、如何用颜色取样制造隐身效果?@sampleImage

AE表达式|23、如何用颜色取样制造隐身效果?@sampleImage

2018-09-18 12:17:29
2,506 1 6
AE表达式|30、如何制作打字光标效果?

AE表达式|30、如何制作打字光标效果?

2018-10-19 15:19:29
3,953 1 3
2 2

关于我:

想要读万卷书,行万里路,看万部电影。

推荐栏目:

视频论文 课程 后期制作 非虚构 照片 视频

特色专题:

专题汇总 宜看一侃 帧影帧画 重读文学史 青玉记
Copyright © 2016-2026 向安宇知识库. 鄂ICP备16005400号-1 鄂公网安备42050602000017号
  • 读书向
  • 学习向
    • AI工具
    • AI研究
    • 笔记
    • AIP:克丽丝AI日志
  • 创作向
    • 写作
    • 视听
    • 课程
  • 影视向
    • 创意策划
    • 前期拍摄
    • 后期制作
    • 影像实验
    • 影像设备
    • 大师镜头
    • 电影赏析
    • 视频论文
    • 项目复盘
  • 折腾向
    • 穿越机
    • 户外
    • 代码
    • 手工
    • 书法
    • 篆刻
    • 绘画
  • 剪辑
  • 转场
  • 纪录片

向安宇

痴迷文字,醉心影像
447
文章
5
评论
325
喜欢