幻燈片中立體的玩法更多的是體現(xiàn)在炫酷之上，實(shí)用性不是很好展現(xiàn)。為何這么說(shuō)，想象下整個(gè)演示文稿從頭到尾都是充斥著這種立體較強(qiáng)的視覺(jué)，很大程度上會(huì)影響觀眾獲取信息的注意力?？梢允褂眠@種效果進(jìn)行點(diǎn)綴，給滿屏扁平化帶來(lái)一點(diǎn)不一樣的直觀影響。
1 幻燈片立體效果概要
在概要文字中，簡(jiǎn)要介紹幻燈片之中能夠體現(xiàn)立體效果的功能選項(xiàng)：這里選取了陰影效果、映像效果、三維旋轉(zhuǎn)，還有三維格式。主要對(duì)前三種效果做詳細(xì)的講述，三維格式這種效果只當(dāng)去理解。
1.1 陰影效果
陰影效果多用于擬物化繪圖之中，在幻燈片中的陰影效果可以作用于文字框、基本形狀、圖片、圖表等構(gòu)成幻燈片的元素中，其用途比較廣泛。
其簡(jiǎn)單的原理過(guò)程如下圖所示：
陰影效果選項(xiàng)中，預(yù)設(shè)的效果包括外部、內(nèi)部、透視三種。其中每一大類之中又包括了幾個(gè)小類。如果這些預(yù)設(shè)的效果不能夠滿足實(shí)際需求，可以自定義陰影效果。主要是改變投映部分的透明度、大小、模糊程度、投映角度、距離這五個(gè)參數(shù)進(jìn)行設(shè)置。可以說(shuō)，預(yù)設(shè)效果也是通過(guò)這五個(gè)參數(shù)按照一定設(shè)置而實(shí)現(xiàn)的。
1.2 映像效果
映像效果，遵循物理中的鏡像原理，根據(jù)鏡面平滑程度/距離鏡面長(zhǎng)度，可以改變映像而生的模糊程度/偏移量。
在幻燈片中，預(yù)設(shè)效果包括三大類：緊急映像、半映像、全映像。通過(guò)字面意思可以知道，同陰影效果一樣，可以通過(guò)改變透明度、大小、模糊程度、距離來(lái)實(shí)現(xiàn)自定義效果。
1.3 三維旋轉(zhuǎn)
三維旋轉(zhuǎn)，以XYZ三個(gè)坐標(biāo)參考軸進(jìn)行旋轉(zhuǎn)，使得直觀體現(xiàn)三維的視覺(jué)效果。下圖中是一個(gè)空間示意圖，其中Z軸旋轉(zhuǎn)需要說(shuō)明的是，它參考的旋轉(zhuǎn)軸是用戶平視XY平面的垂直視線。
1.3.1 三維旋轉(zhuǎn)中的三種分類
包括平行、透視和傾斜三種，其中前兩者使用較多，第三種效果應(yīng)用較少。在平行和透視之中，透視能夠體現(xiàn)一個(gè)實(shí)物在三維空間中的各個(gè)觀察視角所得，而不像平行那樣只能從固定視角去觀察。
1.3.2 舉例：照片中的透視
2 幻燈片立體效果示例
2.1 圖層疊放+陰影處理
多個(gè)不同顏色的圖層疊放，每個(gè)圖層均使用陰影處理。具體使用場(chǎng)景，作為演示類幻燈片，加入適量動(dòng)畫處理，作為封面或者過(guò)渡頁(yè)裝飾。
2.2 卡片式排版
使用陰影處理，這種卡片式內(nèi)容排版，對(duì)其進(jìn)行陰影處理，強(qiáng)化卡片和卡片的邊緣空間距離，使得單個(gè)卡片塊能夠傳遞獨(dú)立的信息。Android的界面設(shè)計(jì)規(guī)范中，Material Design內(nèi)容展示使用大量的卡片。相比于列表展示分隔線，卡片的虛化邊緣分隔在視覺(jué)上更舒服。當(dāng)然在幻燈片制作排版，可以適量使用這種陰影式的卡片排版，為頁(yè)面添彩。
2.3 圖片展示
為圖片展示說(shuō)明，數(shù)量較少的情況下，可以使用立體效果進(jìn)行適量修飾，陰影處理使用較多。
下圖這種圖片展示借鑒了Android任務(wù)窗口，可以仿照其具體特效加入一些動(dòng)態(tài)展示的元素。
2.4 立體封面或展示圖設(shè)計(jì)
在我們?nèi)粘＝佑|過(guò)程之中，會(huì)碰到許多基于三維旋轉(zhuǎn)制作的封面或展示圖，正如下圖所示：對(duì)每個(gè)圖形進(jìn)行陰影處理，然后進(jìn)行三維旋轉(zhuǎn)的透視處理。
更進(jìn)一步，為了展示圖中具體的一個(gè)元素，想讓「凸出來(lái)」，像下面這樣：中間的劉看山就被起來(lái)了。
那怎么去實(shí)現(xiàn)，這里做一個(gè)簡(jiǎn)單的說(shuō)明：
step1：排列好一組圖片，保證間距一樣。全選圖片，然后右鍵進(jìn)入設(shè)置圖片格式，選中一個(gè)陰影效果。鼠標(biāo)右鍵：組合，將其合并成一個(gè)整體，但仍然保持每一個(gè)個(gè)體的獨(dú)立。
step2：進(jìn)行三維旋轉(zhuǎn)操作，選擇一個(gè)大體的透視效果，然后進(jìn)行細(xì)微調(diào)整。這一步不是直接就能夠完成，需要多調(diào)整幾次，找到最需要的透視效果。這里的透視參數(shù)，表明了視角觀察。角度越大，說(shuō)明視角里圖片左邊緣越近。反正我自個(gè)覺(jué)得現(xiàn)在效果挺適合自己感覺(jué)的。
step3：做到這里還有一步，就是還沒(méi)有把劉看山那張給凸顯出來(lái)。這時(shí)候觀察右下的有個(gè)參數(shù)，距底邊高度。對(duì)，要的就是這個(gè)參數(shù)，現(xiàn)在將其設(shè)置一個(gè)較大的值，然后就看到劉看山那張起來(lái)了，凸起來(lái)了。當(dāng)然這個(gè)距離根據(jù)實(shí)際情形自行處理。
下圖中，是另一張封面設(shè)計(jì)及具體的參數(shù)設(shè)置
說(shuō)明點(diǎn)：上圖三維旋轉(zhuǎn)參數(shù)中有一個(gè)選項(xiàng)是保持文本平面狀態(tài)。什么意思呢，因?yàn)槿S旋轉(zhuǎn)的對(duì)象不限于圖片，還包括文本框、色塊、圖表等展示元素。這個(gè)選項(xiàng)的效果就是，是否要文本和其載體（如色塊）進(jìn)行相同的旋轉(zhuǎn)處理。
2.5 其他展示
當(dāng)然三維旋轉(zhuǎn)玩法很多，這里就說(shuō)明一個(gè)。使用手機(jī)幾何模型+界面，這里的手機(jī)模型是基本的幾何圖形組合，因此不具有厚度這個(gè)參數(shù)。
具體步驟：
1 將一張圖片設(shè)置好尺寸之后，放到手機(jī)屏幕上，然后右鍵組合
2 選擇三維旋轉(zhuǎn)中透視效果，調(diào)整到合適，后右鍵：取消組合。找相同的幾張照片，使用格式刷或ctrl+shift+c/v，將其他幾張圖均刷成一樣的格式。
當(dāng)然可玩的還可以包括電腦、kindle、平板、電視等，如果三維旋轉(zhuǎn)掌握較好的好，可以拿實(shí)物圖片進(jìn)行調(diào)整貼合。
上面有說(shuō)到，怎么解決手機(jī)幾何模型沒(méi)有厚度呢，下面說(shuō)的可能有點(diǎn)繞，不想看可以往下滑。
2.6 三維格式
就不行參數(shù)說(shuō)明了，因?yàn)檫@種帶三維立體的東西說(shuō)多無(wú)益，需要用圖來(lái)直觀說(shuō)明。三維格式常用三個(gè)參數(shù)：頂部棱臺(tái)、底部棱臺(tái)、深度，頂部/底部棱臺(tái)均預(yù)設(shè)幾種效果。
這里示例說(shuō)明，三個(gè)復(fù)制版本：分別進(jìn)行頂部、底部和深度處理。經(jīng)過(guò)相應(yīng)的處理之后，可以看到添加的效果如下圖，用眼睛去感受。
將上述三種效果放到一個(gè)參考物上，可以看到效果已出。
這時(shí)候?qū)?.5中的手機(jī)幾何模型拿過(guò)來(lái)，進(jìn)行深度處理：
3 錯(cuò)覺(jué)的立體
除了使用自帶特效上的立體感之外，人眼還會(huì)因?yàn)橛^察景深、色彩變化帶來(lái)的錯(cuò)覺(jué)立體感。下面就進(jìn)行幾種常見(jiàn)的說(shuō)明，可以用在幻燈片之中，帶來(lái)一點(diǎn)不一樣的點(diǎn)綴。
3.1 遠(yuǎn)近錯(cuò)覺(jué)
3.2 疊放/堆積錯(cuò)覺(jué)
3.3 漸變錯(cuò)覺(jué)
這種方法是許多微立體模板經(jīng)常使用的一種，使用色彩的漸變處理、堆積，給人帶來(lái)一種立體的錯(cuò)覺(jué)。
3.4 實(shí)力來(lái)一波教程
下圖中使用兩種不同的方式實(shí)現(xiàn)立體感覺(jué)，一種是使用三維格式，一種是使用漸變色彩
說(shuō)多無(wú)益，此篇中需要查看參數(shù)，源文件：幻燈片中的立體感
第六篇文字到此結(jié)束
參考：
作者：JunLing
來(lái)源：https://zhuanlan.zhihu.com/p/24988149