玩转AE之简单快速制作放大镜动画

是时候来玩玩AE了,做放大镜动画重要的一是放大,一是字体凸起的效果。这些对于AE都是分分钟的事情啦。

图来自网络,放大了看


在很多发布会上,或者各种演示视频中,比如锤子T2手机发布会上,就曾使用过“放大镜”动画效果,当然它也是能用PPT中的“变体”来做的。不过阿随君还是习惯用AE来玩,打开它只要简单快速地几步就可以做放大镜动画了。

说在前边的话:因为时间原因,阿随君并没有去复原锤子T2的原片,且这篇教程旨在展示AE制作放大镜动画的工作流程,如若偶有瑕疵,还请见谅。那闲言少叙,先来看一下今天教程的完成效果吧。

注意文字的凸起效果哦,很真实,有没有


(PS:为了将教程重点放在放大镜动画上,这里暂且用“圆形”代替了放大镜。当然,小伙伴也可以直接DL个带透明背景的放大镜素材,或者直接绘制都可以的,也都是很简单的。由于视频转gif的过程是有损的,画面质量请忽略。当然,为了达到演示级别,在真正的商业制作中还会有更多的特效手段可以使用,但这些不属于今天的教程内容,就忽略不计了。)

所以,接下来言归正传。在AE中制作放大镜动画,原理上就是利用“放大”和“凸出”两个特效,它可以实现鼠标拖动放大镜时的实时放大即“指哪哪放大”,而且不需要对“被放大的元素”(如锤子T2手机)做任何多余的操作,只要把它放到你的图层面板摆好位置即可;也不需要提前准备一大一小两份,只要一份“手机”,效果会主动放大它。(当然,如果你的素材是3D的,那么还可以实现360°环绕放大效果,玩法多多,也欢迎小伙伴们开脑洞。)

展开之前,预览一下设计步骤:

1.新建合成,新建背景图层。

2.将需要被放大的展示物品如手机(或者文字也一样)导入ae,并拖到图层面板。

3.制作或导入放大镜,并设定放大镜扫过“手机”的位移动画,扫过的速度和节奏自由设置。

4.新建调整图层,并把调成图层放在“放大镜”和“手机”之间。

5.对“调整图层”添加“放大”和“凸出”效果,合理设置参数。

6.完成,渲染输出作品。

说起来好像很多步骤,但是只要稍有AE基础,了解基本操作,那整个过程是很简单的,熟练了可能不到十分钟就搞定哦。最关键的是,做好后,这个合成就可以当模板用了,随时可以更换展示物品,今后的T3、T4……T10扔进来就可以用,分分钟制作。

那接下来,阿随君就分步骤介绍,跟大家分享下。


第一步:新建合成,新建背景图层。

打开AE软件,新建合成,参数设置如图所示。


然后,按如图所示操作新建一个纯色层作为背景,也可以直接按快捷键Ctrl+Y来新建,参数设置参考图中数据。


新建好之后,可以如下图所示锁定它并设置“消影”,就是隐藏该图层。PS:背景图层,在创作中自然也是可以根据作品效果、风格等独特设置的。这里只是为了突出动画操作,采取了简洁化处理。当然,你也可以省略这一步。


第二步:输入文字,作为放大对象

这里先以“文字的放大动画”为例展示。如图所示,选择文字工具,输入“幻方秋叶PPT”,文字参数设置参考图中数据。然后,把文字居中。


第三步:画放大镜,做位移动画

如图所示,选择“圆形工具”,按所示参数绘制“放大镜”,需要注意的是,在绘制前请确保没有任何图层被选中(如果在图层被选中的情况下,画圆则是给被选中的图层绘制遮罩了)。“放大镜”无填充色,描边蓝色30px。绘制好,请务必把圆形锚点放置圆心处。


接下来,为“放大镜”制作位移动画。来到时间轴/图层面板,选中“放大镜”图层(即刚才绘制的圆形已被命名“放大镜”),按快捷键P即展开位移属性,将当前时间指示器移到起始帧,记录关键帧,然后把放大镜拖出画左;接着把时间指示器移到第12帧,记录关键帧,把放大镜移动到“幻”字上面;最后将时间指示器移动到3秒钟的地方,记录关键帧,把放大镜移除画右。PS:只有第一帧需要按码表,其他只要在不同时间点参数有变化,软件会自动记录。


然后,选中三个关键帧,按F9,让位移运动更自然些。这一步完成。


第四步:新建调整图层

如图所示,新建调整图层,并把它移动到“放大镜”和文字层中间。


第五步:添加放大特效

选中”调整图层1“,如图所示,为它添加”放大“效果,该效果属于”扭曲效果组“。


我们可以在效果面板上看到”放大特效“的所有参数,这里只需调整”中心“、”放大率“和”大小“即可,先看下三个参数是啥意思。

中心:就是“放大”效果影响的、扩散的中心点/焦点,换言之它就是“放大镜”镜片的中心,也正是这个原因,只要把“放大镜”的位移数据赋予给“中心”,那放大效果就有了运动。你可以如图所示的复制粘贴,也可以直接用表达式完成。

放大率:就是把“文字”放大的倍数。参数如图。

大小:就是“放大”效果影响的范围,设置上需要把它调整到覆盖整个“放大镜”镜片。参数如图。

设置完毕后,就已经完成一半了,可以按空格键预览下动画效果。


第六步:添加凸出特效

此时的动画,确实是放大了文字,但是我们知道生活中用放大镜看东西时,不仅有放大的效果,由于材质的特性它还会产生一定的变形。对此,就可以添加“凸出”效果来实现,在选中“调整图层1”的基础上,点击菜单栏的“效果>扭曲>凸出”来添加,或者也可以直接在效果面板搜索到后双击“凸出”。

“凸出”效果的众多参数中,这里必需用到的是:

水平半径和垂直半径:就是调节它来覆盖住“放大镜”镜片,参数如图。

凸出高度:调节放大效果的大小,参数如图。

凸出中心:即镜片中心,所以还是要把“放大镜”的位移数据复制粘贴给它。


如图设置好之后,那么基础的放大镜动画就完成了。剩下的就可以进入根据需求调整和丰富细节等后续工作了。

可以很明显地看到,放大的同时,字体在放大镜下发生了“凸起”变形的效果,很真实。


第七步:变成模板

那么,如果想放大其他文字该怎么办呢?So easy啦,只需选中文字层,然后选中文字工具重新输入文字即可了。


至于,如何对图片应用放大镜动画,那也很简单,只需将图片比如案例中这支5s导入ae,再将它直接拖到时间轴面板的最下层,记得关闭文字层,就可以了。当然,如果是通过表达式建立的“放大镜”位移跟“放大”中心、“凸出”凸出中心的关系,那么只要更改“放大镜”的位移路径,那么就可以随意想放大哪儿就放大哪儿的效果喽。

接下来,就是渲染导出了,在选中放大镜动画合成的基础下,选择菜单栏的“合成>添加到渲染队列”,选择合适的格式和保存文件夹,点击渲染即可。


OK,这就是今天的AE动效小技巧了,两个内置插件轻松搞定放大镜动画,如果你也喜欢做小动画玩,欢迎留言交流哦,么么哒


OK,我就是那个爱折腾软件的策划君阿随,没事搞搞视频、听听Nirvana、读读陶渊明、看看戈达尔的电影,生活就很美好。

如果亲爱的小伙伴喜欢这篇文章,阿随这里卖萌求点赞求支持哦,么么哒。

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

推荐阅读更多精彩内容

  • 官网中文版 1 简易天空替换## 技能:线性擦除,追踪运动,用颜色键K出人物,用色彩曲线调色。(1)天空图片素材放...
    朱细细阅读 10,650评论 4 82
  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 7,413评论 0 52
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,460评论 6 30
  • 我们知道,做动画有多种形式,可以用CSS的animation,也可以用Canvas,或者是用JS控制CSS的属性形...
    极乐君阅读 3,865评论 0 24
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,091评论 5 13