前些日子,逛蘋果官網(wǎng)中的幾個動效,引起了我的注意:
看起來還挺酷的,是嗎?但其實做法非常簡單,只需要用到PPT中的一個功能,花3分鐘就能搞定。
這個功能就是——平滑:
首先,我們插入所有需要飛入的窗口,并放置到相應(yīng)的位置,得到頁面01:
然后我們把頁面01復(fù)制一下,得到頁面02:
我們選擇頁面01,把電腦放大,并把各個窗口移動到頁面外:
最后,我們給頁面02添加一個【平滑】切換效果:
一個多窗口飛入的效果,就完成了!
怎么樣,是不是超級簡單?
沒有復(fù)雜的動畫,只需要動動鼠標(biāo)移動一下~
并且,利用這個原理,我們還可以做出更多簡單又有意思的設(shè)計!
這個效果該怎么做呢?
我們首先來分析一下,頁面中元素的變化原理:
Step01:產(chǎn)品A和介紹文字飛出,騰出版面空間
Step02:產(chǎn)品B和介紹文字從頁面外進(jìn)入
Step03:產(chǎn)品B和介紹文字飛出,騰出版面空間
Step04:產(chǎn)品C和介紹文字從頁面外進(jìn)入
因此,我們需要至少3個頁面。
因為3個產(chǎn)品要依次展示,所以我們先產(chǎn)品A和介紹放到頁面上,產(chǎn)品B和產(chǎn)品C則放到頁面外:
然后,我們把頁面復(fù)制一份,在新的頁面中,把產(chǎn)品A和介紹文字,移動到頁面外:
移動完畢后,為頁面添加【平滑】切換效果:
產(chǎn)品A和介紹都飛出去了,原理第一步實現(xiàn)了,對嗎?
接下來,我們再把產(chǎn)品B和介紹,移動到頁面上:
再預(yù)覽一下效果:
產(chǎn)品A飛出,產(chǎn)品B進(jìn)入,原理的第一步和第二步都實現(xiàn)了。
重復(fù)上面的操作,我們就能實現(xiàn)產(chǎn)品B飛出,產(chǎn)品C進(jìn)入的效果:
最后,我們把這3頁連起來看一下:
還不錯吧?
看完上面的講解,想必很多朋友已經(jīng)想到了,這個頁面的制作方法。
依舊只需要兩個頁面:
我們首先還是制作好最終的頁面效果:
然后把頁面復(fù)制一份,把一些元素拖拽到頁面之外:
最后,為頁面添加平滑切換,就大功告成了:
這里有一個小Tips:
為了讓頁面看起來更有穿插的動感,這里我們可以把許多元素,拖拽到頁面的對面,這樣元素的移動路徑,就會穿過整個頁面:
算是一個小小的細(xì)節(jié)處理,感興趣的可以記一下。
整個效果的原理,也非常的簡單,也可以拆解為兩步:
Step01:標(biāo)題文字縮放進(jìn)入
Step02:產(chǎn)品和背景圖片淡化出現(xiàn)
我們首先把標(biāo)題文字放大,放到第一頁:
然后把該頁面復(fù)制一份,把標(biāo)題字號縮小,并添加產(chǎn)品和背景圖:
最后,為第二頁添加平滑切換效果,就完成了:
怎么樣,是不是超級簡單?
其實,所謂平滑切換,無非就是把前后頁面中,相同元素的移動路徑,展示了出來。
方法很簡單,但卻能讓頁面變得更有創(chuàng)意。當(dāng)然,學(xué)會了這一招,你還可以做點更酷的 PPT 頁面。
比如用平滑營造頁面氛圍感:
再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對比:
都是可以的,以上,希望對大家有所啟發(fā)。
·
原標(biāo)題:蘋果官網(wǎng)的這2個動畫,太絲滑了!用在PPT中堪稱王炸!
]]>前段時間,有一位做幼師的朋友,給我發(fā)了一份她做的教學(xué)課件,內(nèi)容是介紹火烈鳥的特征和習(xí)性。
因為是給小朋友來講,所以,她覺得PPT做的太無趣,不能吸引小朋友的注意力,問我該咋辦?
其實,如果我們能夠借助 PPT 中的3D動畫效果,讓火烈鳥像飛機(jī)一樣,動起來,也許是個不錯的選擇。
但問題在于,我們到底該如何做,才能讓火烈鳥動起來呢?這篇文章,就來給各位分享一下我的解題思路。
想要讓元素在PPT中動起來,需要具備兩個條件:
這二者缺一不可。
如果能夠滿足以上兩個條件,接下來,就會簡單很多,咱們繼續(xù)往下看。
首先,從哪里找到火烈鳥的3d模型呢?
這里呢,給大家分享3個,我用到的免費3D模型網(wǎng)站。
1.https://free3d.com
這里有大量的3D模型,而且,免費的模型有很多:
而且,網(wǎng)站的使用體驗很好,下載也會很方便:
2.https://www.turbosquid.com
這也是一個國外的模型網(wǎng)站,以付費模型為主,但也有一些免費的:
在網(wǎng)站的首頁,有很詳細(xì)的模型分類:
3.微軟自帶的3D查看器
這是微軟自家的一個模型資源庫,之前微軟曾推出過一個網(wǎng)站,但去年關(guān)掉了,但里面的3D模型,可以在這里找到:
點擊3D資源庫可以找到:
在這3個網(wǎng)站中,我個人比較推薦的是微軟自帶的3D查看器。
為啥呢?因為其他的模型網(wǎng)站,雖然也提供3D資源,但當(dāng)你下載之后,在導(dǎo)入到PPT頁面上時,往往會出現(xiàn)的一個問題是素材的紋理效果丟了。
啥意思呢?啥叫紋理丟了呢?
簡單解釋一下,對于一個3d模型來講,其實分為兩個部分,一個是模型,一個是紋理:
如果沒有了紋理,那么,3D模型就會變成這樣:
這是PPT軟件中,3D功能的一個硬傷,目前,還沒有很好的解決方法。
而3D查看器的資源庫中,所有的3D模型,都是自帶紋理效果,所以,優(yōu)先推薦這個。
當(dāng)我們找到了想要的3D模型之后,接下來,把它拖入到頁面上,我們會發(fā)現(xiàn),素材上方有一個360度旋轉(zhuǎn)的按鈕。
在這里呢,我們可以任意的調(diào)整模型的角度:
但,如果想要讓火烈鳥給動起來,我們就需要為PPT頁面添加平滑切換效果,一鍵操作,非常簡單:
比如說上一頁的PPT,火烈鳥是這個造型:
在下一頁P(yáng)PT中,是這個造型:
我們只需要在下一頁 PPT 上,添加平滑切換效果即可:
很簡單對嗎?到這里呢,方法已經(jīng)解釋完畢,接下來,咱們就要修改課件了。
對于這份課件,看起來雖然有5個頁面,但其實,我們只需要來設(shè)計兩個頁面版式即可:
1.咱們先來做內(nèi)容頁
如果我們只是簡單地,把文字和素材放在頁面上,看起來會很單調(diào),對嗎?
那應(yīng)該如何進(jìn)行頁面的修飾呢?
提到火烈鳥,我在網(wǎng)上找了一些素材,給人的感覺是粉粉的:
所以, PPT 頁面的背景,我們就可以選擇粉色:
而為了確保頁面上的信息,能夠被看得清楚,因此,我們可以選擇深紅色,作為強(qiáng)調(diào)色:
但即便如此,頁面依舊很單調(diào):
那該怎么辦呢?
因為每一頁P(yáng)PT,都在講火烈鳥的一個器官,所以,我們可以在頁面上,插入一些手寫的英文字母,作為裝飾。
并且呢,添加一些輔助的點綴元素。就像這樣:
但頁面的視覺層次感,依舊有一點單薄,我們可以添加一個白色色塊,使其與文字和素材形成重疊的感覺:
到這里呢,內(nèi)容頁的版式就完成了。我們可以基于不同頁面內(nèi)容的含義,調(diào)整3d素材的角度:
2.接下來,我們來設(shè)計封面頁的版式
封面設(shè)計中,我們依舊可以采用,素材疊加色塊的形式進(jìn)行呈現(xiàn)。
比如我們在頁面中心,插入一個圓形,并將素材放在色塊上:
然后,我們把文字寫在色塊里即可。
這里呢,為了讓整體的排版樣式趨于一致,我采用了一個手寫的英文,疊在了標(biāo)題上。
但頁面的左右兩側(cè),看起來有一些單調(diào),那這時候怎么辦呢?
我們可以去添加一些植物素材,讓頁面的視覺效果,看起來更加豐富:
好了,到這里呢, PPT 的設(shè)計就已經(jīng)完成了,咱們來看一下最終的動態(tài)效果:
怎么樣?還不錯,對嗎?
原標(biāo)題:我修改了一份女孩看了會心動的PPT!
]]>這篇文章,來聊一聊平滑切換效果。
因為知識點比較碎,所以,為了方便閱讀,我使用列表式進(jìn)行寫作。
比如說之前分享過得一份課件 PPT ,我們可以把封面圖書素材,和后面的結(jié)構(gòu)圖建立關(guān)聯(lián):
比如說,我在制作公眾號的教程課件時,為了讓各位清楚的看到一些參數(shù)變化,所帶來的影響,我會這樣來呈現(xiàn)。
這里呢,其實就分為上下兩頁,上頁是初始形態(tài),下一頁是最終形態(tài):
而數(shù)字的變化,同樣也是利用平滑效果完成的。
我們在頁面上輸入一大串并列的數(shù)字,然后,復(fù)制,并粘貼為圖片:
利用裁剪,在上頁定位出一個初始的數(shù)字,在后頁P(yáng)PT上,依舊是利用裁剪,定位第2個數(shù)字:
最后,在第2頁 PPT 上,添加切換效果,大功告成:
這是數(shù)字滾動的慢動作
比如說,我們在講PPT時,講到后面的頁面,忽然想起,這個知識點,在前面的 PPT 頁面上出現(xiàn)過。
老師們一般會說:「還記得我前面講過的知識點嗎」?但學(xué)生們一般都忘了。
不過,這時候,如果我們能夠讓 PPT 快速回到前面的頁面中呢?就像這樣:
是不是好很多呢?
那這個是怎么實現(xiàn)的呢?其實,并不是真的回到了前面的頁面,而是利用平滑切換,在后一頁P(yáng)PT上,做了一個時光穿越效果。
方法很簡單,把前面的PPT頁面,全部導(dǎo)出為圖片,排成一列,并組合:
在后一頁 PPT 上呢,同樣把這一列圖片放在頁面上,但是位置上有些變化:
如果換成真實的 PPT 課件頁面,大概是這樣:
最后,在第二頁 PPT 上添加平滑切換效果即可:
當(dāng)我們給后一頁元素,添加三維旋轉(zhuǎn)效果后,平滑效果就不起作用了,這一點切記。
最后再啰嗦一遍,平滑效果屬于高版本軟件的功能,不要再問我,為啥2003版的軟件,沒有找到這個功能了。
因為那是17年前的產(chǎn)品。
好了,今天的文章就是這些。
原標(biāo)題:讓學(xué)術(shù)型PPT更出彩,強(qiáng)烈安利這個基礎(chǔ)動畫
]]>提到 PPT 平滑切換動畫,相信很多讀者都不陌生,最初是 keynote 中的神奇移動,到 PowerPoint 軟件中的平滑切換,好像最近 wps 也更新了這個效果。
總之,這是一個非常棒的切換動畫,在之前的文章中,我曾經(jīng)分享過一些,利用平滑切換做出的案例。
比如像這個:
還有像這個:
我們只需要在連續(xù)的兩張 PPT 上,添加相同的元素,然后輕輕一點『平滑切換』,就可以做出非常贊的動畫效果:
但是,如果你僅僅是這樣,為兩頁相同的元素,去簡單地添加平滑動畫,那你真的是浪費了這個功能。
因為對于平滑動畫來講,還有一個玩法,叫做『埋點』。
啥意思呢?啥叫『埋點』呢?
就是在兩頁 PPT 中,我們看不到有任何關(guān)聯(lián)的元素,但依舊能使用平滑切換。
到這里,很多讀者估計會有疑問,既然兩個頁面上,沒有相同的元素,那該如何進(jìn)行平滑切換呢?
答案很簡單,因為其中一個頁面的元素,被隱藏了起來,俗稱『埋點』。
舉個簡單的例子,比如像我前兩天的直播課件中,用到了這樣一個動效:
這個圓圈,是怎么滾動出來的呢?好像在 PPT 軟件中,并沒有這個動畫。
其實很簡單,我只是在上個頁面中,埋了一個點,并且對圓形進(jìn)行了一定角度的旋轉(zhuǎn):
所以,當(dāng)我為下一頁,添加平滑切換時,就會是這樣的效果:
這里的圓圈,其實就是『埋點』。明白了嗎?
那,當(dāng)我們理解了這個概念之后,在 PPT 中,什么時候會用到切換埋點呢?
我個人總結(jié)了3個方法,分別是:
簡單來說,就是在上一頁中,我們把元素埋在頁面的外側(cè),等切換到下一頁時,就會產(chǎn)生動效關(guān)聯(lián)。
做個動畫示意,大概就像這樣
而這種切換方式的應(yīng)用場景,簡直太廣闊了,堪稱萬能。
隨便舉個例子,比如說像這兩個頁面,幾乎沒啥關(guān)聯(lián)元素,該如何處理呢?
我們可以在P1頁的左右兩側(cè),添加上5個六邊形,并在下側(cè),添加一個梯形:
這樣一來,頁面上的元素,就已經(jīng)與后一頁,建立起了關(guān)聯(lián)性,加上平滑,咱們看下效果:
而且,使用這種動畫,會比直接給頁面上的元素,添加『飛入效果』更流暢。
啥意思呢?咱們先來看一下,直接添加飛入動畫的效果,3個元素同時到達(dá)終點,很生硬:
而如果我們埋點的話,只需要讓埋點的元素,錯位排列。就像這樣:
而我們小學(xué)時,都學(xué)過一個數(shù)學(xué)題,當(dāng)線段長度一樣,如果小球A和小球B,想要同時到達(dá)終點,那么,小球B的運(yùn)動速度,就必須要稍微大一點:
這樣一來,運(yùn)動的過程,就會顯得更流暢:
為了讓各位理解的更清楚,咱們再來看一個案例,直接上動效:
這里的圖片動畫,其實也是一樣的原理,在上一頁左右兩側(cè),提前放置好圖片元素即可:
再比如像這個頁面的切換動畫:
原理也是一樣的,只是在上一頁左右兩側(cè),各添加了一個圓形而已。
這個會比較容易理解,因為兩頁上的關(guān)聯(lián)元素,只是發(fā)生了尺寸的變化。
簡單來說,就是后一個頁面中,使用了上個頁面中局部的元素。大概就像這樣:
舉個實際的例子,讓大家更容易理解。
比如像昨天,我一位同事分享的設(shè)計復(fù)盤,其中,連續(xù)的兩頁的內(nèi)容,是這樣的:
那么,為了讓頁面的動效更流暢,他把前一頁的圖片放大后,放到了下一頁的頂部:
圖解:黃色線框區(qū)域,為第二個頁面區(qū)域
這樣一來,既避免了第二頁背景單調(diào)的問題,又讓頁面變得更有動感:
我個人非常喜歡,把它用在封面向目錄頁的過渡中。為啥呢?因為只要封面頁和目錄頁,使用了同一張圖片,這個方法就奏效。
舉個例子,比如像之前修改過的 B 站的 PPT 頁面,連續(xù)的兩個頁面是這樣的:
其中,第二頁的背景圖片呢,其實,就是封面圖片的局部放大:
這樣一來呢,只需要簡單地添加平滑效果,頁面的動效,就會變得超贊:
而如果再結(jié)合我們前面的外側(cè)滑入法,那么,頁面的動畫,就會變成這樣:
無可厚非,聽名字就能知道,這里的埋點元素呢,通常發(fā)生了變形,在切換過程中,又完成了復(fù)原。
啥意思呢?我做了個簡單的動畫示意:
那什么時候,會用到這個呢?
比如像這個頁面,為了表現(xiàn)出近大遠(yuǎn)小的透視關(guān)系,元素起始的尺寸會比較小,而滑動到下一頁中,會不斷變大:
為了便于各位理解,咱們可以看下頁面外的一些畫面,從這一頁可以看到,飛機(jī)的初始尺寸,很小:
同樣地,再比如像進(jìn)行產(chǎn)品輪播展示時,也可以很好地使用這個方法。
如果把這個動畫頁面拆解來看,其實會發(fā)現(xiàn),每一頁的左右兩側(cè),都是兩架小飛機(jī):
怎么樣?是不是很簡單?
好了,以上呢,就是平滑切換的一些新用法,操作很簡單,一鍵就可以完成,而底層所利用的原理呢,就是『埋點』。
希望能夠給各位,帶來一些新的啟發(fā)。
原標(biāo)題:3個鮮有人知的PPT動畫騷操作!同事:原來還能這么做?!
]]>