幻燈片中多媒體的那些事兒

這篇文字屬本欄第一篇,不要當真,這是屬略有逼格的文字。

Office組件中,PowerPoint自打從2007之後的2010,2013,2016版本,多媒體插入就不再是把音視頻文件放置在ppt文件目錄下了,而是將其嵌套到演示文稿的文件之中。

要是不信,將其.pptx後綴名改為.rar/.zip,然後解壓,在其根目錄:pptmedia,即可看見圖片、音視頻文件了。

1 觸發器

來正式開始之前,讓我們嘮叨下幻燈片中的觸發器,觸發器說白了就是我們日常使用的應用程序中的按鈕,按下去會有所響應。當然在幻燈片中的觸發器觸發響應,通過滑鼠點擊或者鍵盤來實現。

動畫初始默認方式均為滑鼠單擊觸發。使用觸發器來進行動畫的觸發,其好處就是可重複性操作,而不像直接滑鼠/鍵盤觸發的那些動畫一樣按動畫窗格中的順序依次進行。

一般的動畫操作,對象設置動畫——滑鼠鍵盤——對象開始動畫;對於觸發器的動畫操控,為對象綁定觸發事件——滑鼠點擊觸發器——響應對象綁定響應。後者相對前者來說,就是提供了一個觸發動畫事件的中間媒介,即為觸發器。

下圖中,只要綁定了觸發器,都會有一個閃電形狀的圖標,即下面的文本框已經綁定觸發事件,誰來觸發,就是那個按鈕,按鈕就是觸發器。

2 音視頻的觸發器

2.1 音視頻中的觸發器

下圖看到的那樣,插入音視頻之後,兩者均出現觸發器的『電擊』圖標,視頻文件顯示為視頻中某一幀圖像,音頻文件顯示為一個小喇叭。

2.2音頻中的設置

插入音頻文件,可以對音頻文件進行剪裁操作,也就是說我們可以直接將歌曲開始設置為曲子的最佳處/曲聲高潮;並且有的需要跨幻燈片播放,可以勾選「跨幻燈片播放」,然後進行到底要怎麼跨頁數操作即可。當然還有歌曲的淡入淡出,可以嘗試著去設置,這樣做是使得背景樂在播放過程中,不會覺得很突兀。

上面有說到選中「跨幻燈片播放」,到底要跨幾個頁面。下面這張圖就進行系統的說明。

First 打開動畫窗格,找到音樂文件對應的觸發器,右鍵—效果選項,出現播放視頻對話框Second 停止播放功能項,有三個選項:1 為單擊,就是通過單擊來停止目前音頻播放;2 為當前幻燈片之後,就是只跨一張幻燈片;3 在N張幻燈片之後,這是個跨幻燈片播放的關鍵設置,設置N,表示從當前幻燈片1開始,標號為N的幻燈片結束。

當然,一般音視頻處理,都設置為自動播放,不需要單獨設置一個按鈕作為觸發器,可能將音視頻的播放/停止/暫停操作,直接調整到動畫次序中去。下圖即是將觸發器事件刪除,然後重新為音頻文件添加動畫—播放動畫,然後將其調整到其他動畫次序之後

3 音視頻的視覺媒介邏輯

對於一個音視頻文件,呈現給觀眾的體驗可能不同。可以把音頻文件單純作為後台播放,幻燈片切換界面顯示展示內容,這樣的方式缺了點交互的樂趣。同樣,視頻文件,如果一點滑鼠開始播放,也缺少一點樂趣有裡邊。所以,這篇文字的逼格之處來了,實不實用倒是其次,關鍵是體驗。

3.1 音頻的視覺

3.1.1 黑膠片的質感

借鑒了黑膠片的元素,輔以陀螺旋動畫,還原黑膠片播放場景。恩,用過幾次展示類彙報,大家都說有點感覺有點意思。

該廝製作手法,主要是陀螺旋必須要求中心對稱。還有磁碟底座需要做漸變處理,具體手法在幻燈片均有涉及,可以去參考。

3.1.2 磁帶

是使用磁帶作為媒介,一對傳動輪輔以陀螺旋動畫,另外根據歌曲長度,讓磁帶厚度產生變化,給人種我去,還真在播呀的感覺。

3.1.3 旋轉音符

現在比較多的活動使用該種方式作為背景樂播放狀態展示,通過旋轉動畫模擬音樂CD轉動的感覺。

下面幾張幻燈片,都是使用該種方式,輔以同一背景樂,展示性質幻燈片,娓娓道來。

3.1.4 旋轉黑膠片+音符

旋轉的黑膠片,加以音符,也能作為視覺的效應。

3.1.5 幾種節奏的動態

第一種:稱之為各領風騷,因為在日常應用中,比較常用作在進行時狀態,用於表現音樂播放時的狀態也是恰到好處。

第二種:群魔亂舞,即為節奏的狂放,振動的鼓面,上面的米粒應聲而起而落。

第三種:動次打次,不解釋。

3.2 視頻的視覺

前面有些頁面有涉及,對於一些比較不好展示的圖片,可以通過這些展示類媒介進行顯示,對的,pc和手機作為兩種使用頻繁的設備,以其作為載體展現力比較高。下圖是使用最簡單的圖形進行拼接組合的,沒有選用實際的pc或手機圖片,因為一切來得簡單就好。

3.2.1 遷移播放按鍵的顯示邏輯

整個版面作為演示,這裡選用的是Gif,當然也可以是視頻文件。

對上面那一頁面進行布局拆解,總共有五個圖層。如果直接選用視頻文件,圖層1、3均不需要。

圖層的顯示邏輯都是一樣的,主要是4和5,圖層4使用一層透明度40-50的圖層當做遮罩,用此的目的就是表示未開始演示的狀態,圖層5的按鈕表示,這就是你看片時的那種暫停/未開始狀態,給受眾一種就是這樣的熟悉感。

展示開始之後,圖層5淡出,圖層4隨後淡出。圖層3消失(視頻文件不需要這一步),然後就是播放。

當然也可以將其遷移到上面所提及的PC或手機上模型上,展示的具體邏輯基本相同。這樣做的前提是視頻內容在整個演示中的地位重要層次不是那麼高,不然這樣做的效果造成減少界面顯示,留出大量空白,消弱了視頻展示的力度。

下圖這種方式將流程圖和視頻內容緊密結合,給觀眾劃重點。如此做的好處就是視頻可以多次看,重點可以慢慢講。

視頻中按鈕為什麼放在居中位置,下圖比較了兩種不同的狀態,從幻燈片展示來看,觀眾平視狀態下,首先映入眼帘的可不是第一種嘛。當然有人見人智者見智,不同看法無可厚非。

最後,第一篇專欄到此結束。

這文字需要搭配源文件中的動畫,才更能體現逼格,看完源文件回頭可以「贊」個

幻燈片中音視頻那些事

------------------------------------------------

17.02.11更新

為了讓朋友能夠在瀏覽文章時能夠看到動態效果,錄製成視頻放在網上,下面是本篇文字動態效果的視頻預覽地址。

幻燈片中多媒體那些事兒-在線播放-優酷網

推薦閱讀:

提升設計師手繪能力的建議
Logo設計中的字形搭配
你會是全棧設計師嗎?

TAG:PPT | PPT设计 | 设计 |