標籤:

怎麼製作動畫版PPT?


我猜題主所說的動畫應該不是像powerpoint裡面自帶的轉場動畫那麼簡單。如果題主熟悉一些編程基礎的話,在這裡推薦一些基於js實現的網頁版ppt,讓你輕鬆實現酷炫的動畫效果,保證高冷有逼格。

1. impress.js

Impress.js是國外一位開發者受Prezi啟發,採用CSS3與JavaScript語言完成的一個可供開發者使用的用戶界面框架(presentation framework)。Impress.js是基於webkit瀏覽器(Chrome、Safari)開發,在其他基於非webkit引擎,但支持CSS3 3D效果轉換的瀏覽器(Firefox 10、IE10)中也能正常運行,支持WebGL。同時為保證畫面運行流暢,需要使用到瀏覽器中的硬體加速功能。另外,該框架目前還不支持任何移動瀏覽器。

Github Page:impress/impress.js · GitHub

英文展示鏈接:http://bartaz.github.com/impress.js

中文展示鏈接:http://www.vaikan.com/docs/impress.js/impress.js.htm

展示鏈接:http://demo.orbitale.io/easy_impress/

展示鏈接:http://parhumm.github.io/presentation-learning-to-design/

展示鏈接:http://pkoperek.github.io/bytecode-presentation

展示鏈接:http://programma.piratenpartij.be/

2. reveal.js

reveal.js是一個製作3D幻燈片效果的插件,它同時應用最新的web技術,來創建漂亮的html演示效果。 reveal.js不依賴其他任何javascript庫,是一個獨立的javascript插件庫。效果可能沒有impress.js那樣豐富,但是提供了markdown支持,如果有js基礎的話上手非常簡單,轉場效果酷炫,個人感覺用在發布會上非常不錯。

官網:reveal.js - The HTML Presentation Framework

github hakimel/reveal.js · GitHub

此外reveal.js還提供了可視化編輯的功能,不會寫代碼也能帶你裝逼帶你飛哦

3. prezi

prezi可能是大家會比較熟悉的工具,它打破了傳統Powerpoint的單線條時序,採用系統性與結構性一體化的方式來進行演示,以路線的呈現方式,從一個物件忽然拉到另一個物件,配合旋轉等動作則更有視覺衝擊力。這個有專門的桌面應用下載,不需要編程,做完ppt以後會直接生成一個.exe應用,絕對是快速裝逼的神器(我們學校當年演講比賽就用過,當時覺得非常神奇的)。

官方網站:Presentation Software


先手把手教一下搜索框動畫吧

效果圖的這樣的:

製作搜索框動畫,需要用到的元素

游標用直線繪製;搜索圖標來源於網路素材;矩形框用矩形繪製,去掉填充;白色矩形框同樣用矩形繪製,白色填充;最後添加文字。

搜索框製作完成後,我們可以開始設置PPT動畫了。

以上動畫效果設置好後,調整好游標閃爍與文字出現的時間銜接節奏。當文字出現後,為游標添加消失動畫。

現在搜索框動畫已製作完成

預覽下效果。

PPT動畫還能做出下面的效果

下面再來介紹一些PPT的插件輔助製作

這是口袋動畫

是針對怕PPT動畫製作的插件

這是OK插件

OK插件更針對於平面的設計,兩者可以相互配合使用。

希望對你有所幫助。

動圖鏈接:【動畫】給你一個搜索框動畫,多加一分


用Focusky動畫演示大師就能製作了。。支持導入PowerPoint文件,有多種布局和樣式可以選擇。還可以製作*.exe,視頻,網頁的


@ilem


推薦閱讀:

如何在PPT中插入大量圖片而又保持其美感?
如圖所示右邊圖片的效果在PPT中如何實現?
ppt里的波浪效果怎麼做出來的?
請問這種三角形在ppt里怎麼畫呢?
PPT里如何製作三維階梯金字塔?

TAG:PPT |