After Effects与形状变形

shape morphing with After Effects

有没有想过如何变形形状?特别是在After Effects?只需要12个简单的步骤。我已经有一个简单有效的方法来做这件事情,你可以用矢量路径将不同的路径相互转换。

1、创建新合成


新建合成

在新项目中,创建1200px*630px大小的合成,持续时间设置为4秒,这样可以有足够的时间来改变形状,保持新的形状一秒钟,变回原来的形状并保持一秒钟。

2、添加背景


添加一个黄色背景

创建一个新的纯色图层并给它一个颜色,我选择了可爱的Engage黄色#FFEEOO,锁定该图层,这样它就不会干扰其他的过程。

3、创建形状图层


新形状图层

使用矩形工具,在合成里绘制一个矩形。不要担心为什么看起来会是这样,因为这不是我们最终变形形状。

4、转换为贝塞尔路径


贝塞尔路径

下拉形状属性,进入Contens,然后进入rectangle 1,右键点击矩形路径并将其转换为贝塞尔路径。这将把矩形转变为具有变化为不同形状的能力的关键帧路径。

5、绘制你的形状


绘制形状

我们现在需要绘制我们想要变形的形状,你可以再After Effects中做到这一点,但在这个例子中,我要从Illustrator复制并粘贴路径。这种工作方式是很好的,因为实际上Illustrator是专为创建矢量形状而应运而生的。在这里,你可以看到我画了一个480px*480px的正方形和圆形,选择正方形点击复制。

6、添加第一个关键帧


第一个关键帧

回到After Effects,确保当前时间指示器位于时间轴的最开始处,打开Path1,让后点击小秒表图标在时间轴开始处插入关键帧。

7、将你的形状粘贴到时间轴上


粘贴路径到时间轴

在当前指示器的同一位置,粘贴你的形状,并使用对齐工具将其和合成居中对齐。

8、粘贴你的第二个形状


粘贴圆形

现在我们需要圆形,回到Illustrator并复制圆形。返回After Effects将当前指示器移动到后1s,并选择Path1,点击粘贴。

9、检查你的动画


预览动画

如果你沿着时间轴滑动,你会看到现在创建了两个不同形状路径之间的过渡效果。

10、暂停动画


暂停1s

为了包装动画,我们想要圆形暂停一秒钟,然后变回原来的形状。为此,只需要复制第二个关键帧,将当前时间指示器移动到2秒,然后点击粘贴。

11、完成循环


还原形状

现在将其还原为原始形状。从时间轴开始复制原始关键帧,将当前时间指示器移动到3秒钟,然后点击粘贴。这将转换成你的原始的形状并完成循环,空格键进行内存预览动画。

12、整理


最终动画

瞧!After Effects形状变形完成。

记住,这是矢量图形变形的最基本的形式。一旦你掌握了这些,你就可以使用这些步骤创建更复杂的形状变化。

本文原作者:James

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容