幻燈片中的立體感

幻燈片中立體的玩法更多的是體現在炫酷之上，實用性不是很好展現。為何這麼說，想像下整個演示文稿從頭到尾都是充斥著這種立體較強的視覺，很大程度上會影響觀眾獲取信息的注意力。可以使用這種效果進行點綴，給滿屏扁平化帶來一點不一樣的直觀影響。

1 幻燈片立體效果概要

在概要文字中，簡要介紹幻燈片之中能夠體現立體效果的功能選項：這裡選取了陰影效果、映像效果、三維旋轉，還有三維格式。主要對前三種效果做詳細的講述，三維格式這種效果只當去理解。

1.1 陰影效果

陰影效果多用於擬物化繪圖之中，在幻燈片中的陰影效果可以作用於文字框、基本形狀、圖片、圖表等構成幻燈片的元素中，其用途比較廣泛。

其簡單的原理過程如下圖所示：

陰影效果選項中，預設的效果包括外部、內部、透視三種。其中每一大類之中又包括了幾個小類。如果這些預設的效果不能夠滿足實際需求，可以自定義陰影效果。主要是改變投映部分的透明度、大小、模糊程度、投映角度、距離這五個參數進行設置。可以說，預設效果也是通過這五個參數按照一定設置而實現的。

1.2 映像效果

映像效果，遵循物理中的鏡像原理，根據鏡面平滑程度/距離鏡面長度，可以改變映像而生的模糊程度/偏移量。

在幻燈片中，預設效果包括三大類：緊急映像、半映像、全映像。通過字面意思可以知道，同陰影效果一樣，可以通過改變透明度、大小、模糊程度、距離來實現自定義效果。

1.3 三維旋轉

三維旋轉，以XYZ三個坐標參考軸進行旋轉，使得直觀體現三維的視覺效果。下圖中是一個空間示意圖，其中Z軸旋轉需要說明的是，它參考的旋轉軸是用戶平視XY平面的垂直視線。

1.3.1 三維旋轉中的三種分類

包括平行、透視和傾斜三種，其中前兩者使用較多，第三種效果應用較少。在平行和透視之中，透視能夠體現一個實物在三維空間中的各個觀察視角所得，而不像平行那樣只能從固定視角去觀察。

1.3.2 舉例：照片中的透視

2 幻燈片立體效果示例

2.1 圖層疊放+陰影處理

多個不同顏色的圖層疊放，每個圖層均使用陰影處理。具體使用場景，作為演示類幻燈片，加入適量動畫處理，作為封面或者過渡頁裝飾。

2.2 卡片式排版

使用陰影處理，這種卡片式內容排版，對其進行陰影處理，強化卡片和卡片的邊緣空間距離，使得單個卡片塊能夠傳遞獨立的信息。Android的界面設計規範中，Material Design內容展示使用大量的卡片。相比於列表展示分隔線，卡片的虛化邊緣分隔在視覺上更舒服。當然在幻燈片製作排版，可以適量使用這種陰影式的卡片排版，為頁面添彩。

2.3 圖片展示

為圖片展示說明，數量較少的情況下，可以使用立體效果進行適量修飾，陰影處理使用較多。

下圖這種圖片展示借鑒了Android任務窗口，可以仿照其具體特效加入一些動態展示的元素。

2.4 立體封面或展示圖設計

在我們日常接觸過程之中，會碰到許多基於三維旋轉製作的封面或展示圖，正如下圖所示：對每個圖形進行陰影處理，然後進行三維旋轉的透視處理。

更進一步，為了展示圖中具體的一個元素，想讓「凸出來」，像下面這樣：中間的劉看山就被起來了。

那怎麼去實現，這里做一個簡單的說明：

step1：排列好一組圖片，保證間距一樣。全選圖片，然後右鍵進入設置圖片格式，選中一個陰影效果。滑鼠右鍵：組合，將其合併成一個整體，但仍然保持每一個個體的獨立。

step2：進行三維旋轉操作，選擇一個大體的透視效果，然後進行細微調整。這一步不是直接就能夠完成，需要多調整幾次，找到最需要的透視效果。這裡的透視參數，表明了視角觀察。角度越大，說明視角里圖片左邊緣越近。反正我自個覺得現在效果挺適合自己感覺的。

step3：做到這裡還有一步，就是還沒有把劉看山那張給凸顯出來。這時候觀察右下的有個參數，距底邊高度。對，要的就是這個參數，現在將其設置一個較大的值，然後就看到劉看山那張起來了，凸起來了。當然這個距離根據實際情形自行處理。

下圖中，是另一張封面設計及具體的參數設置

說明點：上圖三維旋轉參數中有一個選項是保持文本平面狀態。什麼意思呢，因為三維旋轉的對象不限於圖片，還包括文本框、色塊、圖表等展示元素。這個選項的效果就是，是否要文本和其載體（如色塊）進行相同的旋轉處理。

2.5 其他展示

當然三維旋轉玩法很多，這裡就說明一個。使用手機幾何模型+界面，這裡的手機模型是基本的幾何圖形組合，因此不具有厚度這個參數。

具體步驟：

1 將一張圖片設置好尺寸之後，放到手機屏幕上，然後右鍵組合

2 選擇三維旋轉中透視效果，調整到合適，後右鍵：取消組合。找相同的幾張照片，使用格式刷或ctrl+shift+c/v，將其他幾張圖均刷成一樣的格式。

當然可玩的還可以包括電腦、kindle、平板、電視等，如果三維旋轉掌握較好的好，可以拿實物圖片進行調整貼合。

上面有說到，怎麼解決手機幾何模型沒有厚度呢，下面說的可能有點繞，不想看可以往下滑。

2.6 三維格式

就不行參數說明了，因為這種帶三維立體的東西說多無益，需要用圖來直觀說明。三維格式常用三個參數：頂部稜台、底部稜台、深度，頂部/底部稜台均預設幾種效果。

這裡示例說明，三個複製版本：分別進行頂部、底部和深度處理。經過相應的處理之後，可以看到添加的效果如下圖，用眼睛去感受。

將上述三種效果放到一個參考物上，可以看到效果已出。

這時候將2.5中的手機幾何模型拿過來，進行深度處理：

3 錯覺的立體

除了使用自帶特效上的立體感之外，人眼還會因為觀察景深、色彩變化帶來的錯覺立體感。下面就進行幾種常見的說明，可以用在幻燈片之中，帶來一點不一樣的點綴。

3.1 遠近錯覺

3.2 疊放/堆積錯覺

3.3 漸變錯覺

這種方法是許多微立體模板經常使用的一種，使用色彩的漸變處理、堆積，給人帶來一種立體的錯覺。

3.4 實力來一波教程

下圖中使用兩種不同的方式實現立體感覺，一種是使用三維格式，一種是使用漸變色彩

說多無益，此篇中需要查看參數，源文件：幻燈片中的立體感

第六篇文字到此結束

參考：

幻燈片中的線條

幻燈片中的點