在之前的文章中,我曾藉助 PPT 中平滑切換功能,製作出這樣的數值滾動的效果:
很酷,對吧?
但有很多讀者向我反饋說,他們的軟件中並沒有平滑這個功能,沒辦法做出這樣的動畫效果。
那該怎麼辦呢?
其實很簡單,我們只需要藉助 PPT 中一個不起眼的小功能,也可以做出酷炫的動畫效果!
這個功能就是「幻燈片背景填充」。
我們選中頁面中的形狀,右鍵設置形狀格式,就可以找到它啦!
那它是幹嘛的呢?
聽名字就知道,它的作用就是將形狀填充為頁面背景,簡單來說就是,它能夠讓形狀在頁面中“隱身”,看下動圖你就明白了:
你能看到形狀在哪嗎?
好了,瞭解完「幻燈片背景填充」的作用,接下來,咱們試著用它,來製作酷炫的數值滾動動畫。
1.設置圖片填充
先將頁面背景設置為圖片填充,選中圖片並剪切,在設置背景格式中選擇圖片或紋理填充,最後點擊插入圖片來自剪貼板即可。
2.插入文本框
在頁面中插入 4 個文本框,縱向隨機的輸入一些數字,並將文本框錯位擺放
3.添加動畫
分別對四個文本框添加直線路徑動畫:
到這一步,數值滾動的大致效果就已經完成了:
4.加入色塊
接著,我們要做的就是,使用色塊蓋住不需要展示的數字。
由於色塊和背景不融合,頁面看起來還很突兀!
5.幻燈片背景填充
最後,我們把色塊設置為幻燈片背景填充,就可以讓色塊與頁面背景完美的融合了。
現在你應該明白,為什麼第一步我們要把頁面背景填充為圖片了吧?
咱們來看一下效果:
看到這,相信你一定明白這些動畫是怎麼做的了:
他們其實都藉助了「幻燈片背景填充」這個功能。
當然,幻燈片背景填充除了能夠輔助我們製作遮罩動畫,還有其他很多非常實用的操作技巧:
下面就來介紹一下:
製作斷點線框
作為一個 PPT 設計師,經常會有朋友問我這樣一個問題:下面這些頁面中的線框到底是怎麼做的?
想要製作這些斷點線框,其實有很多種做法。
而這其中操作最簡單、快捷的,就是藉助幻燈片背景填充了,我個人也經常使用這個方法。
為了方便你更好的理解,咱們來看一個實際的案例:
源文件是這樣的:
只有一行文字,非常沒有美感,怎麼優化呢?
1.排版
我們先對標題文案進行排版,利用字重和字號進行一定的層級劃分:
2.添加邊框
依據標題排版樣式,選定一個邊框來突出重點。
這裡我選用三角形邊框界定標題文案:
3.設置幻燈片背景填充
接著我們選中文本框,將其設置為幻燈片背景填充,從而製作斷點線框:
4.添加背景
為了讓頁面看起來不單調,我們可以將背景填充為圖片:
當然,如果你覺得頁面兩個略顯空洞,我們還可以在頁面兩側加上光效素材:
到這裡,一張酷炫的斷點線框封面就完成了,是不是很贊呢?
而且,使用幻燈片背景填充來製作斷點線框還有個好處,只需要拖動文本框,就可以改變線框缺口的位置,就像這樣:
製作缺失文字
對於缺失文字這個概念可能大家都不是很理解,不過沒關係,因為這是我自己瞎起的名字。看完下面這幾個案例,你就會明白了:
讓文字缺一小塊,可以讓文字看起來更具設計感,還豐富了頁面的層次!
關於缺失文字的製作方法,也許大部分朋友都知道,使用布爾運算就能搞定:
選中文字,按住 shift 鍵,再點擊形狀,最後點擊布爾運算中的剪除。
使用這種做法倒也未嘗不可,但問題就在於,文字通過布爾運算後會被矢量化,簡單來說就是文字沒辦法編輯!
而想要解決這個問題,我們只需要將色塊設置為幻燈片背景填充,蓋住文字的部分筆畫即可。這樣我們就能夠隨意修改文字,而且還能夠快速的製作出,多個文字的缺失效果:
是不是很簡單呢?
製作科技素材
在製作科技類幻燈片的時候,我們經常會用到這樣的漸變圓形,模擬發光效果,進而增強頁面的視覺效果:
而想要製作這樣的圓形,操作也十分簡單,直接對圓形設置中心漸變即可:
不過,這個方法也只適用於圓形。為什麼這樣說呢?我們把圓形換成其他形狀看一下效果,你就會明白了。
比如我們把圓形換成正方形:
甚至是更復雜的形狀:
雖然是相同的漸變參數,但效果看起來並不是很好,對嗎?
這個時候就需要我們換一條思路,利用形狀的內陰影,來模擬發光的效果。
就拿剛才看起來很複雜的形狀為例:
我們先選中形狀,然後調整形狀內陰影的參數:
有發光效果了,對吧?
最關鍵的一步來了,我們把形狀設置為幻燈片背景填充:
接著,我們把做好的科技素材放到具體的頁面中,再看一下效果:
是不是超讚?
其實下面這些科技素材都用到了幻燈片背景填充:
而使用這些科技圖形,你就能很輕鬆的做出極具科技感的頁面:
以上呢,就是我總結的關於幻燈片背景填充的一些操作技巧,再跟各位總結一下:
最後,如果你對文章案例中的一些參數,有不理解的地方,可以點擊我的頭像私信回覆關鍵詞 ,即可獲取文章案例的源文件!
最後的最後,為了寫好這篇文章,整整配了一天的案例圖,如果覺得對你有幫助,可以動動手指點個贊哦!
閱讀更多 PPT進化論 的文章