|
打開微博,刷到一條優(yōu)設(shè)哥發(fā)的新浪微博: 點開GIF圖看了下,然后又自己點了個贊試了下,的確是簡單好看,感覺可以非常簡便的用PPT模仿粗來,就忍不住跑來寫教程了……GIF效果如下: 其實寫到這里我自己都還沒動手做呢,只是在腦子里過了一遍大概需要的步驟——這是個值得推薦大家學習的好習慣(陳老師好習慣不多,都是精華),看到一種平面或動畫效果,如果感覺可以在PPT里借鑒,就可以先逆向思考下,要做出這樣的效果大概可能需要些什么步驟,這樣才能得到提高。 如果你只是看了心里感嘆一下:真酷!真好看!那這個效果永遠不是你的。 要做出這個效果,首先需要準備原材料:點贊的大拇指圖標。因為后面需要改顏色,所以圖片是不行的,必須要是矢量元素或者形狀。 當然,你可以用任意多邊形自己畫,但如果有AI的話,可以直接到“阿里巴巴矢量素材庫”去下載一個AI素材,這樣更快一下。 打開阿里巴巴,搜索點贊: 在結(jié)果頁瀏覽了一下,感覺這個贊和新浪微博的贊比較像: 下載AI素材: 將素材在AI打開后拖動到PPT頁面,兩次解除組合轉(zhuǎn)換為形狀,點贊的大拇指就準備好了: 由于需要變換顏色,所以我們需要一個變色后的點贊效果,將大拇指復制一份,填充色改為紅色,然后利用矩形和任意多邊形沿拇指邊緣分別勾出兩個色塊置于底層,填充顏色,得到變色后的大拇指(這些顏色均可以截原圖取色),原大拇指也用矩形和多邊形鋪底,填充白色: 將變色后的拇指及底部填色編為一組,元素就只差點贊后拇指頂部的三條線了。因為三條線的位置要看點贊后運動的拇指頂端而定,所以最后再做,先做動畫。 再看一遍GIF: 這個動畫貌似包含了三個單獨效果: 1、放大縮??; 2、上移下移; 3、蹺蹺板。 三者綜合起來才有了最終的效果…… 對于動畫渣的小白來說,好像很麻煩啊!真的那么復雜嗎? 陳老師這么懶的人,都說了今天很忙了,如果真這么復雜我還會寫教程?所以說,年輕人就是圖樣圖森破,桑蠶絲拿衣服! 其實這個動畫是可以 偷懶的?。?/span> 要想偷懶,你必須要具備兩個素質(zhì):1、熟悉PPT的原生功能;2、熟悉插件。 只要你熟悉了PPT的原生功能,你就會知道,PPT的動畫效果中,“強調(diào)”一類動畫效果,有很多都只是針對文本的: 為什么后面那些動畫是灰色不可選?因為我現(xiàn)在選中的是一個形狀。如果我選中的是一個文本框,效果就不一樣了: 看到最后的“波浪形”了嗎,要不試試看它是個什么效果?
怎么樣?是不是和剛才的點贊動畫感覺很像呢?就差一個大小變化了。這還不簡單,添加一個放大動畫,并勾選“自動翻轉(zhuǎn)”,將“動畫文本”改為“整批發(fā)送”:
將動畫設(shè)置為“從上一項開始”,并把時間設(shè)置為0.25。這里需要注意,因為我們勾選了自動翻轉(zhuǎn),放大后還要縮小還原,所以時間會自動翻倍,波浪形動畫的時間是0.5,這個動畫就只能設(shè)置0.25了,翻倍后剛好和0.5一樣長:
現(xiàn)在再看一下效果,WOW~贊?。?/span>
我知道很多人都有疑惑——等下,陳老師!你剛才不是才說了,這個動畫只能針對文本嗎?我們的點贊手勢是圖形啊,選中它根本沒法使用這個動畫效果嘛!
呵呵,別忘了,剛才我說了,你還得具備的第二個素質(zhì):熟悉插件。 在OK插件工具欄最右下角有一個“口袋動畫”的按鈕,很多人可能以為那是一個友情鏈接,并沒有什么實際的功能:
你錯了。這里有一個很強大的口袋動畫(PA插件)的功能被內(nèi)置到了OK里,也就是說即便你沒有安裝口袋動畫,也可以在OK插件里使用它。這個功能就是“圖形逐幀”:
圖形逐幀功能可以將形狀轉(zhuǎn)變?yōu)槲谋?,從而利用文本動畫的很多獨有的特性做出很多原本無法做到的效果,比如一條魚在擺著尾巴游動的動畫……(時間緊迫,我就不去找那個素材了,銳普論壇里放過,是哪位大神的作品我忘了) 選中我們的點贊手勢,點擊“圖形逐幀”,提示需要手動修改一些參數(shù),如果在口袋動畫里設(shè)置,就可以一步完成。其實做我們這個動畫好像并沒有太大影響,點擊“確定”:
此時在PPT頁面的左上方就會生成一個文本框格式的點贊圖形了,好像看起來并沒有什么變化,但你可以把鼠標點到它身上試試……
看到了嗎?這是文本框??!有沒有很神奇? 好了,把剛才我們做到“陳老師好帥!”上的動畫用動畫刷直接刷給這個大拇指:
效果就粗來了:
帥爆了有木有? 接下來要做三條線的效果,平面上比較容易畫,只需強調(diào)一點就是把端點改為圓形:
動畫方面,擦除就好,一次進入動畫的擦除,一次退出動畫的擦除,退出動畫設(shè)置為緊跟進入動畫可能效果不夠緊湊,不妨設(shè)置為與上一動畫同時,然后通過調(diào)節(jié)延遲時間來推后一點,讓二者更加連貫。 完成之后的效果及動畫方案如下:
把未填色的大拇指疊放在填色大拇指的上層,將其擋住,設(shè)置動畫“消失”,設(shè)置觸發(fā)器為點擊自己(組合31即白色大拇指):
最后一步,把前面的動畫都拖到觸發(fā)器動畫下方,然后單獨選中文本框動畫,將其改為“自上一項之后”:
好了,看效果吧:
教了你們半天點贊效果,陳老師的苦心你們可懂????哈哈哈哈哈……都自覺點?。】烊?! |
|
|