玩轉(zhuǎn)AE之簡(jiǎn)單快速制作放大鏡動(dòng)畫

是時(shí)候來(lái)玩玩AE了,做放大鏡動(dòng)畫重要的一是放大,一是字體凸起的效果。這些對(duì)于AE都是分分鐘的事情啦。

圖來(lái)自網(wǎng)絡(luò),放大了看


在很多發(fā)布會(huì)上,或者各種演示視頻中,比如錘子T2手機(jī)發(fā)布會(huì)上,就曾使用過(guò)“放大鏡”動(dòng)畫效果,當(dāng)然它也是能用PPT中的“變體”來(lái)做的。不過(guò)阿隨君還是習(xí)慣用AE來(lái)玩,打開(kāi)它只要簡(jiǎn)單快速地幾步就可以做放大鏡動(dòng)畫了。

說(shuō)在前邊的話:因?yàn)闀r(shí)間原因,阿隨君并沒(méi)有去復(fù)原錘子T2的原片,且這篇教程旨在展示AE制作放大鏡動(dòng)畫的工作流程,如若偶有瑕疵,還請(qǐng)見(jiàn)諒。那閑言少敘,先來(lái)看一下今天教程的完成效果吧。

注意文字的凸起效果哦,很真實(shí),有沒(méi)有


(PS:為了將教程重點(diǎn)放在放大鏡動(dòng)畫上,這里暫且用“圓形”代替了放大鏡。當(dāng)然,小伙伴也可以直接DL個(gè)帶透明背景的放大鏡素材,或者直接繪制都可以的,也都是很簡(jiǎn)單的。由于視頻轉(zhuǎn)gif的過(guò)程是有損的,畫面質(zhì)量請(qǐng)忽略。當(dāng)然,為了達(dá)到演示級(jí)別,在真正的商業(yè)制作中還會(huì)有更多的特效手段可以使用,但這些不屬于今天的教程內(nèi)容,就忽略不計(jì)了。)

所以,接下來(lái)言歸正傳。在AE中制作放大鏡動(dòng)畫,原理上就是利用“放大”和“凸出”兩個(gè)特效,它可以實(shí)現(xiàn)鼠標(biāo)拖動(dòng)放大鏡時(shí)的實(shí)時(shí)放大即“指哪哪放大”,而且不需要對(duì)“被放大的元素”(如錘子T2手機(jī))做任何多余的操作,只要把它放到你的圖層面板擺好位置即可;也不需要提前準(zhǔn)備一大一小兩份,只要一份“手機(jī)”,效果會(huì)主動(dòng)放大它。(當(dāng)然,如果你的素材是3D的,那么還可以實(shí)現(xiàn)360°環(huán)繞放大效果,玩法多多,也歡迎小伙伴們開(kāi)腦洞。)

展開(kāi)之前,預(yù)覽一下設(shè)計(jì)步驟:

1.新建合成,新建背景圖層。

2.將需要被放大的展示物品如手機(jī)(或者文字也一樣)導(dǎo)入ae,并拖到圖層面板。

3.制作或?qū)敕糯箸R,并設(shè)定放大鏡掃過(guò)“手機(jī)”的位移動(dòng)畫,掃過(guò)的速度和節(jié)奏自由設(shè)置。

4.新建調(diào)整圖層,并把調(diào)成圖層放在“放大鏡”和“手機(jī)”之間。

5.對(duì)“調(diào)整圖層”添加“放大”和“凸出”效果,合理設(shè)置參數(shù)。

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

說(shuō)起來(lái)好像很多步驟,但是只要稍有AE基礎(chǔ),了解基本操作,那整個(gè)過(guò)程是很簡(jiǎn)單的,熟練了可能不到十分鐘就搞定哦。最關(guān)鍵的是,做好后,這個(gè)合成就可以當(dāng)模板用了,隨時(shí)可以更換展示物品,今后的T3、T4……T10扔進(jìn)來(lái)就可以用,分分鐘制作。

那接下來(lái),阿隨君就分步驟介紹,跟大家分享下。


第一步:新建合成,新建背景圖層。

打開(kāi)AE軟件,新建合成,參數(shù)設(shè)置如圖所示。


然后,按如圖所示操作新建一個(gè)純色層作為背景,也可以直接按快捷鍵Ctrl+Y來(lái)新建,參數(shù)設(shè)置參考圖中數(shù)據(jù)。


新建好之后,可以如下圖所示鎖定它并設(shè)置“消影”,就是隱藏該圖層。PS:背景圖層,在創(chuàng)作中自然也是可以根據(jù)作品效果、風(fēng)格等獨(dú)特設(shè)置的。這里只是為了突出動(dòng)畫操作,采取了簡(jiǎn)潔化處理。當(dāng)然,你也可以省略這一步。


第二步:輸入文字,作為放大對(duì)象

這里先以“文字的放大動(dòng)畫”為例展示。如圖所示,選擇文字工具,輸入“幻方秋葉PPT”,文字參數(shù)設(shè)置參考圖中數(shù)據(jù)。然后,把文字居中。


第三步:畫放大鏡,做位移動(dòng)畫

如圖所示,選擇“圓形工具”,按所示參數(shù)繪制“放大鏡”,需要注意的是,在繪制前請(qǐng)確保沒(méi)有任何圖層被選中(如果在圖層被選中的情況下,畫圓則是給被選中的圖層繪制遮罩了)?!胺糯箸R”無(wú)填充色,描邊藍(lán)色30px。繪制好,請(qǐng)務(wù)必把圓形錨點(diǎn)放置圓心處。


接下來(lái),為“放大鏡”制作位移動(dòng)畫。來(lái)到時(shí)間軸/圖層面板,選中“放大鏡”圖層(即剛才繪制的圓形已被命名“放大鏡”),按快捷鍵P即展開(kāi)位移屬性,將當(dāng)前時(shí)間指示器移到起始幀,記錄關(guān)鍵幀,然后把放大鏡拖出畫左;接著把時(shí)間指示器移到第12幀,記錄關(guān)鍵幀,把放大鏡移動(dòng)到“幻”字上面;最后將時(shí)間指示器移動(dòng)到3秒鐘的地方,記錄關(guān)鍵幀,把放大鏡移除畫右。PS:只有第一幀需要按碼表,其他只要在不同時(shí)間點(diǎn)參數(shù)有變化,軟件會(huì)自動(dòng)記錄。


然后,選中三個(gè)關(guān)鍵幀,按F9,讓位移運(yùn)動(dòng)更自然些。這一步完成。


第四步:新建調(diào)整圖層

如圖所示,新建調(diào)整圖層,并把它移動(dòng)到“放大鏡”和文字層中間。


第五步:添加放大特效

選中”調(diào)整圖層1“,如圖所示,為它添加”放大“效果,該效果屬于”扭曲效果組“。


我們可以在效果面板上看到”放大特效“的所有參數(shù),這里只需調(diào)整”中心“、”放大率“和”大小“即可,先看下三個(gè)參數(shù)是啥意思。

中心:就是“放大”效果影響的、擴(kuò)散的中心點(diǎn)/焦點(diǎn),換言之它就是“放大鏡”鏡片的中心,也正是這個(gè)原因,只要把“放大鏡”的位移數(shù)據(jù)賦予給“中心”,那放大效果就有了運(yùn)動(dòng)。你可以如圖所示的復(fù)制粘貼,也可以直接用表達(dá)式完成。

放大率:就是把“文字”放大的倍數(shù)。參數(shù)如圖。

大小:就是“放大”效果影響的范圍,設(shè)置上需要把它調(diào)整到覆蓋整個(gè)“放大鏡”鏡片。參數(shù)如圖。

設(shè)置完畢后,就已經(jīng)完成一半了,可以按空格鍵預(yù)覽下動(dòng)畫效果。


第六步:添加凸出特效

此時(shí)的動(dòng)畫,確實(shí)是放大了文字,但是我們知道生活中用放大鏡看東西時(shí),不僅有放大的效果,由于材質(zhì)的特性它還會(huì)產(chǎn)生一定的變形。對(duì)此,就可以添加“凸出”效果來(lái)實(shí)現(xiàn),在選中“調(diào)整圖層1”的基礎(chǔ)上,點(diǎn)擊菜單欄的“效果>扭曲>凸出”來(lái)添加,或者也可以直接在效果面板搜索到后雙擊“凸出”。

“凸出”效果的眾多參數(shù)中,這里必需用到的是:

水平半徑和垂直半徑:就是調(diào)節(jié)它來(lái)覆蓋住“放大鏡”鏡片,參數(shù)如圖。

凸出高度:調(diào)節(jié)放大效果的大小,參數(shù)如圖。

凸出中心:即鏡片中心,所以還是要把“放大鏡”的位移數(shù)據(jù)復(fù)制粘貼給它。


如圖設(shè)置好之后,那么基礎(chǔ)的放大鏡動(dòng)畫就完成了。剩下的就可以進(jìn)入根據(jù)需求調(diào)整和豐富細(xì)節(jié)等后續(xù)工作了。

可以很明顯地看到,放大的同時(shí),字體在放大鏡下發(fā)生了“凸起”變形的效果,很真實(shí)。


第七步:變成模板

那么,如果想放大其他文字該怎么辦呢?So easy啦,只需選中文字層,然后選中文字工具重新輸入文字即可了。


至于,如何對(duì)圖片應(yīng)用放大鏡動(dòng)畫,那也很簡(jiǎn)單,只需將圖片比如案例中這支5s導(dǎo)入ae,再將它直接拖到時(shí)間軸面板的最下層,記得關(guān)閉文字層,就可以了。當(dāng)然,如果是通過(guò)表達(dá)式建立的“放大鏡”位移跟“放大”中心、“凸出”凸出中心的關(guān)系,那么只要更改“放大鏡”的位移路徑,那么就可以隨意想放大哪兒就放大哪兒的效果嘍。

接下來(lái),就是渲染導(dǎo)出了,在選中放大鏡動(dòng)畫合成的基礎(chǔ)下,選擇菜單欄的“合成>添加到渲染隊(duì)列”,選擇合適的格式和保存文件夾,點(diǎn)擊渲染即可。


OK,這就是今天的AE動(dòng)效小技巧了,兩個(gè)內(nèi)置插件輕松搞定放大鏡動(dòng)畫,如果你也喜歡做小動(dòng)畫玩,歡迎留言交流哦,么么噠


OK,我就是那個(gè)愛(ài)折騰軟件的策劃君阿隨,沒(méi)事搞搞視頻、聽(tīng)聽(tīng)Nirvana、讀讀陶淵明、看看戈達(dá)爾的電影,生活就很美好。

如果親愛(ài)的小伙伴喜歡這篇文章,阿隨這里賣萌求點(diǎn)贊求支持哦,么么噠。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評(píng)論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,582評(píng)論 3 418
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 176,540評(píng)論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 63,028評(píng)論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,801評(píng)論 6 410
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 55,223評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評(píng)論 3 442
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 42,442評(píng)論 0 289
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,976評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,800評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,996評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評(píng)論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,233評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 34,662評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 35,926評(píng)論 1 286
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,702評(píng)論 3 392
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,991評(píng)論 2 374

推薦閱讀更多精彩內(nèi)容

  • 官網(wǎng)中文版 1 簡(jiǎn)易天空替換## 技能:線性擦除,追蹤運(yùn)動(dòng),用顏色鍵K出人物,用色彩曲線調(diào)色。(1)天空?qǐng)D片素材放...
    朱細(xì)細(xì)閱讀 10,794評(píng)論 4 82
  • 一、工作區(qū)和工作流程 1.工作區(qū)和面板 保存、刪除、重置工作區(qū)???、編組、浮動(dòng)面板 2.首選項(xiàng) 常規(guī)、預(yù)覽、導(dǎo)入、...
    朱細(xì)細(xì)閱讀 7,560評(píng)論 0 52
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過(guò)程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,543評(píng)論 6 30
  • 我們知道,做動(dòng)畫有多種形式,可以用CSS的animation,也可以用Canvas,或者是用JS控制CSS的屬性形...
    極樂(lè)君閱讀 3,914評(píng)論 0 24
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫全貌。在這里你可以看...
    F麥子閱讀 5,131評(píng)論 5 13