之前,有位讀者在微信上問我這樣一個問題,她想知道下面這個水平面波動上漲的動畫,是怎么實現(xiàn)的?
不到 10 分鐘,我就用 PPT 復刻了這個動畫,效果如下:
其實呢,這個動畫的原理十分簡單,只需波浪形狀外加路徑動畫即可實現(xiàn)。
什么意思?可能有些同學,還沒弄太明白。沒關(guān)系,看完下面兩張圖,你就完全搞清楚了!
這張圖是波浪形狀在 PPT 界面中初始位置:
下面這張是給形狀添加了向左上方移動的路徑動畫:
理解了嘛?其實就是通過波浪形狀的移動,從而產(chǎn)生了水平面上漲的錯覺!
可能又有些同學會問,路徑動畫好說,這個波浪形狀該怎么畫???
這就牽扯到 PPT 中的一個少有人知的形狀工具,叫做曲線。
為了讓你更容易掌握曲線工具的使用技巧,我特意錄制了一波操作動圖。
技巧一:通過點擊鼠標,確定曲線的頂點,雙擊結(jié)束繪制
技巧二:同側(cè)頂點相距越大,曲線的弧度就越平坦,反之則陡峭
技巧三:點擊起始頂點,可構(gòu)成封閉的形狀
技巧四:右鍵編輯頂點,可對曲線弧度二次調(diào)整
看到這兒,相信你一定學會了,波浪形狀的繪制方法。再回過頭來,看一下文章開頭的動畫,是不是覺得簡單多了?
既然學會了曲線工具的使用方法,如果只是拿來做波浪動畫,就顯得有些大材小用了。考慮到這一點,接下來我再跟各位分享 3 個非常實用的,曲線工具應用場景。
1.繪制時間軸線
對于時間軸頁,相信大多數(shù)人還停留在,“一根直線走天下”的層面上。而使用曲線,則能夠讓版面看起來更具跳躍感,就像這樣:
作者:肖志乾
為了方便你更好理解這一點,這里我再多列舉幾個,曲線在時間軸頁中應用的案例。
比如,只是使用一根曲線:
或者兩根曲線交錯排布:
如果覺得頁面不夠豐富,那就再添一根:
當然,除了單純的曲線,用曲線工具繪制的波浪形狀作為時間軸,效果也很不錯。
我們還可以給形狀加上路徑動畫,再來看下動態(tài)效果:
是不是很贊呢?
2.表現(xiàn)某種趨勢
通過控制曲線波浪的起伏,來表現(xiàn)某種事物的發(fā)展趨勢,從而讓觀眾看起來更加的直觀,是一種很常用的頁面可視化手法!
舉一個簡單的例子,比如下面這張圖,是有關(guān)于產(chǎn)品生命周期的介紹。都是文字,很難在短時間內(nèi),看出產(chǎn)品在各個周期的具體情況。
這個時候,我們就可以根據(jù)文字內(nèi)容,繪制一條曲線來表現(xiàn)產(chǎn)品發(fā)展趨勢:
現(xiàn)在看起來,是不是清晰多了?
再來看個案例,比如小米手機的這頁 PPT,利用曲線來表現(xiàn)芯片迭代的性能增幅。同時通過加大曲線的陡峭程度,來襯托最新一代芯片的性能。
同樣的,用曲線來表現(xiàn)電腦性能的增幅也是一樣的道理。
另外,用曲線來表現(xiàn)單個數(shù)據(jù)的發(fā)展趨勢也很有創(chuàng)意。因為在通常情況下,會使用三角形或者箭頭來表現(xiàn)數(shù)據(jù)的增長或者是下跌:
不得不說,這種表現(xiàn)手法太常見了。而使用曲線來表現(xiàn)數(shù)據(jù)的發(fā)展趨勢,則可以讓人耳目一新:
3.豐富頁面內(nèi)容
除了上面所說的兩點,曲線還能夠起到豐富版面的作用,避免頁面單調(diào)。
比如下面這套騰訊云的 PPT,就通過虛實、粗細、顏色混搭的曲線,進而達到豐富頁面內(nèi)容的目的:
再跟各位舉一個例子,這一頁想要展示下年工作目標:
只有 4 個圈加文字,看起來很單調(diào),對嗎?而我們加上曲線,讓 4 個圈串聯(lián)起來,頁面就會變得大不一樣:
好了,以上呢,就是有關(guān)于曲線工具的 4 個使用技巧。
最后,再給各位推薦一個曲線生成網(wǎng)站 ——?getwaves.io
該網(wǎng)站能夠隨機生成波浪圖形,支持下載 SVG 格式的矢量圖形,可直接導入到 PPT 中編輯。如果你不擅長繪制曲線,不妨去這個網(wǎng)站試一試!
另外,再送給大家一個小福利,開頭的波浪動畫免費送給你!
好了,就這么多
原標題:這個基礎(chǔ)的PPT形狀,原來還可以這么用!太有創(chuàng)意了。
]]>那么,如果頁面上的標注線過多,該如何才能避免頁面視覺雜亂呢
比如統(tǒng)一使用直線進行標注:
除了標注細節(jié)的名稱之外,那它還有什么具體的使用場景呢?
除此之外,再比如像這個頁面,也是利用標注線,來對某一個點進行更詳細的解釋:
好了,這篇文章就這么多,希望對各位有所啟發(fā)。
原標題:這個基礎(chǔ)的PPT線條,也太實用了吧!
]]>經(jīng)過數(shù)天不斷的返工,第六期教程終于出爐。這次教程吸取了同學們的意見,更多的考慮了大量文字情況下的排版問題。那么PPT排版很難嗎?不,主頁君教你的方法絕對簡單有效。秘密就在于——線條。線條?!
?
直接上例子。我選了兩個PPT,一個是我的,一個是曹將PPTao的,你發(fā)現(xiàn)共同特點了嗎?如果圖片看不清就算了。我告訴你答案。共同特點就是我們都在標題上加了線條。問題就來了,為什么要加這個線條呢?
?先不談為什么,先談一下如何插入線條。非常簡單,就是插入形狀里面的直線。不過有個注意點,就是插入直線時要按住Shift,才能插入完全垂直或者水平的直線。(補充一句,插入正方形和正圓也是要按住Shift)
下面就來慢慢解答,這個線條究竟有什么樣的強大作用。
很多PPT高手都會在標題旁邊加一條粗線。這條粗線有什么用?單純是為了好看嗎?其實你潛意識會關(guān)注這條黑線,這個黑線的作用就是吸引你的注意力。
?這里直接對比效果,加黑線和不加黑線,效果完全不一樣。左邊力場更強大,右邊力場則偏弱。
對于這種全圖PPT,在背景上方直接加文字是很帥氣的,但很多情況下都會看不清。怎么辦?還是加線條。
我們來個效果對比,加了線條以后,文字那一層,層次感明顯強了很多。右邊則效果不佳,有時候很難區(qū)分背景和文字。
如果整個畫面的中心偏移,可以巧妙地加入一些看似不起眼的線條,起到平衡畫面的作用。
?
這里給出的圖,是我在制作過程中,參考線的情況。如果拋去LOGO,整個畫面的中心偏左,于是我在右邊相應的位置加了條線條,這樣畫面的平衡點又會往中心靠一些。
人的潛意識會跟著線條走。這里利用這一點做了目錄。
?這里對比下效果(小圖可能看不明顯)。在圖片很大的情況下,比如投影儀上,人眼無法一次看完整個頁面的信息,眼球必然要移動。有線條引導的情況下,人眼會跟著線條走,直接到最下方。沒有線條引導的情況下迷人眼會一行一行閱讀,視線類似Z字形。
這個頁面沒有用實體的線條,而是用了很多無形的線條。即,利用線條為版面搭一個骨架,所有內(nèi)容都和線條對齊??梢钥醋魇恰鞍咨木€條”。這種看不見的白色線,在事實上成為了整個版面力場的骨架。
?
在排版的時候,先用線條畫出版面的骨架(推薦用參考線),這里有兩個主軸。雖然最后的效果里,線條沒有出現(xiàn)。但線條感已經(jīng)融入到了整個版面里。成為了組織內(nèi)容的骨架。
?
左邊是線條搭建骨架的版本,右邊是系統(tǒng)默認樣式,區(qū)別就類似于T骨牛排和無骨雞柳的差別。
上下兩個橫線加的看似不經(jīng)意。但卻Hold住了整個頁面。
拿掉線條后,整個頁面輪廓不太規(guī)則,甚至有些頭重腳輕。左邊則沒有這種感覺。不過右邊的排版依然運用了線條,主軸還是能看出來的。如果完全不用線條,則會更亂。
當內(nèi)容較多的時候,線條可以起到分隔閱讀區(qū)的作用。使得整個閱讀體驗更加有節(jié)奏。
左邊閱讀區(qū)被線條分割,閱讀節(jié)奏感比較強。右圖雖然排版上借助了線條,但由于沒有實體線條分割閱讀區(qū),節(jié)奏感比較弱。
本文來自@PPT設(shè)計前沿,由PPTfans網(wǎng)整理發(fā)布。請尊重別人的勞動成果,轉(zhuǎn)載請申明來源。
]]>