預(yù)計完整閱讀本文需流量 1.6MB
周末在家有WiFi,請放心食用~
在之前的教程中,我們介紹了兩種標(biāo)題動畫:
今天,秋小葉繼續(xù)教大家一個超具視覺沖擊感的標(biāo)題動畫的方式——放大,效果圖如下:
看!這個效果是不是自帶大片的氣場呢??
好,接下來我們就學(xué)習(xí)這種標(biāo)題動畫的制作方法
動畫原理分析
整體分析:
標(biāo)題的內(nèi)容在放大的同時,并且伴隨著淡出消失的動畫效果;
而文字消失后,標(biāo)題卻還在,所以這是兩層標(biāo)題文字完全重疊在一起
只是給第一層的標(biāo)題添加了動畫效果。
知道了動畫的邏輯,我們再來拆解標(biāo)題的動畫效果。
標(biāo)題文本添加的是兩個動畫效果的組合,分別是:【放大/縮小】強(qiáng)調(diào)動畫+【淡出】退出動畫。
那逐字放大消失的效果是怎么設(shè)置的呢?
這個是將動畫選項中的【動畫文本】,改為【按字母】發(fā)送就可以了。
關(guān)于延遲比的設(shè)置,輸入的數(shù)值越大,字母間動畫效果間隔時間越長。最大值100,就是上一個字母放大完之后,下一個字母才開始放大。
到這里我們已經(jīng)將動畫的邏輯與效果分析完了,現(xiàn)在再看這個動畫效果,是不非常簡單?
接下來,我們一起動手操作一下。
插入文本
【插入】-【文本框】-選擇【橫排文本框】;
設(shè)置文本的【字體】與【字號】,案例這里使用的是思源黑體,字號是 48,并添加【I】傾斜與【S】陰影效果。
復(fù)制文本,添加動畫效果組合
將剛才設(shè)置好的文本,復(fù)制一個,然后與原來的文本對齊,重疊在一起;
選中文本,【動畫】-【添加動畫】-選擇【放大/縮小】強(qiáng)調(diào)動畫;
再選中文本,【動畫】-【添加動畫】-選擇【淡出】退出動畫。
修改動畫參數(shù)
打開【動畫窗格】,選中所有動畫效果;
【開始】設(shè)置為【與上一動畫同時】;
【持續(xù)時間】設(shè)置為【0.5s】。
修改放大動畫的效果選項
雙擊放大動畫,效果選項,【尺寸】-【自定義】輸入「300」,(輸入好了之后記得按【Enter 鍵】確認(rèn));
【動畫文本】選擇【按字母】;
【延遲比】輸入「20」。
修改淡出動畫的效果選項
雙擊淡出動畫,【動畫文本】選擇【按字母】;
【延遲比】同樣輸入「20」。
點擊預(yù)覽,現(xiàn)在標(biāo)題的動畫效果就已經(jīng)制作好了,你學(xué)會了么?
聯(lián)系客服