最近,看到很多人開始用「補間」的功能,做一些看起來很厲害PPT設計。真的,看上去真的設計感十足,非常贊,放一些例子,大家可以看一下
有關於形狀的
關於文字設計的
關於線條設計的
怎麼樣,是不是乍一看感覺高級的不行。但其實要做到這些效果真的不!難!
只需要掌握補間動畫這個技巧,分分鐘就可以製作出來。
希望看完文章,你也能做出一樣的,甚至更酷炫的效果!!
1認識補間
補間其實並不是什麼新的概念,只不過它一般出現在製作動畫的時候,又叫做中間幀動畫、漸變動畫。
「補間」這兩個字,最通俗的理解就是「補足中間部分」
它的作用效果呢,就是我們只需要建立對象起始和結束的狀態,中間部分由算法自動生成。
比如這樣!顏色補間
大小補間
形狀補間
旋轉角度補間
透明度補間
因為補間只需要設定兩個對象的狀態,中間部分都是算法自動生成的,而且補間又能計算顏色、大小、形狀、旋轉角度等等這些屬性。
所以兩個對象之間千千萬萬的組合方式,就能夠生成無數多種結果。
可能你不經意的一個旋轉形狀,就生成出了非常令人驚喜的效果,繼續往下看,你會明白更多。
2補間插件
在PPT中,我們藉助插件就能夠輕鬆實現補間的功能,也能做出這些酷炫的效果。
目前能夠實現補間功能的插件我看到有這兩款:1.iSlide;2.lvyhTools
兩款插件都很強大,其中的其它功能大家可以把玩把玩。而這兩款插件的補間功能,能夠實現的效果也是不一樣的。
我們可以看到,islide生成出了顏色的變化,卻沒有生成出形狀的變化過程,而lvyhTools恰恰相反主要是形狀補間。
正常情況下islide的色彩補間和一些別的功能更能滿足我的需求,所以補間我一般用islide就足夠了。
3操作技巧
接下來我們就用islide來實際操作一下,看看上文案例中的效果都是怎麼做出來的吧。
當我們安裝完iSlide後,打開PPT就會發現多了一個iSlide的選項卡,其中「補間動畫」就是我們要用到的功能。
圖中可以看到,iSlide的補間動畫有非常多的參數可以調節,我們開始操作之前,先把每幀時長前的勾選給取消。
然後就可以開始嘗試做出最簡單的,單色線條補間!
插入曲線後,複製一個出來,根據自己想要的效果來設置補間幀數。
這裡有個小技巧就是,略微調整一個對象的旋轉角度、大小和位置,然後再進行補間,會讓線條看起來更有質感。
你也可以改變其中一個對象的顏色或透明度,讓最終效果更有層次感。
現在你是不是就明白了上面案例中的黑白線條是如何做出來的了~
這一頁用了兩次補間功能,第一組線條設置了透明度,第二次則沒有設置,用來營造層次感。
繼續調整上面的兩根線條,如果給他們加上基本上,然後相對位置和旋轉角度大一些的話,會是什麼效果呢?
注意,這裡又有個知識點!如果你進行了旋轉的操作,補間功能會補足的是兩個對象順時針的差值。
上圖中我分別進行了順時針旋轉和逆時針旋轉兩種操作,可以看到產生的效果是差很多的。
所以大家在操作的時候,可以多試一試不同旋轉方向的效果。
那麼線條的第二個案例就也很簡單啦~
目前為止用的都是自己畫的不規則線條,那麼我們可以嘗試把線條換成形狀的輪廓,以此來生成一些看起來更加規律性的效果。
恭喜你又解鎖了線條設計的一種~給線條加顏色,就能做出這種規律性遞進的效果啦!
我們繼續,把形狀的輪廓色去掉,換成填充色,為兩個對象設置不一樣的顏色,讓補間幫我們不足中間的色彩過渡。
把形狀換成兩個大小不同的圓形,放到畫面中央,就是色彩案例中的第一張了~
這個效果需要注意配色效果了,可以參考別人的雙色漸變,或者選擇同一色系的兩個顏色。
比如我用到的深藍和淺藍,這樣子是最安全的。
我們繼續給形狀加上一些旋轉、大小和位置的調整,就能夠生成這種更加酷炫的效果!
相信現在色彩案例中的抽象漸變色背景對你來說已經不是什麼難事了。
至此利用線條和形狀製作的效果就都演示完了~將上面的對象換成文字,做出文字案例中的前兩個效果,已經是小兒科了~
還沒說到的呢,就是補間動畫結合三維格式。給對象加上三維旋轉之後,就能夠做出文字案例中第三個案例的效果了。
但是有一點需要注意的是,文本框進行補間的話,沒辦法計算透明度,我們需要先將文字形狀化,也就是將文字利用布爾運算,轉化為形狀。
補間動畫只是一個插件中的功能,更多的效果需要大家自己動手去發掘哦。今天的內容就是這樣,希望你喜歡。
作者:有鋒,轉載來源:腦洞PPT