隨著辦公軟件的不斷更新,Office 365和Office 2019中的PPT有了3D功能,加上平滑的頁面切換方式,PPT演示也進入了“3D時代”。PPT的硬件加持如此強大,對PPT制作者的能力要求也就更高了。
想制作一個適合自己頁面內容的3D模型,不僅需要3D max、C4D等其他三維軟件的幫助,而且熟悉這些建模軟件也需要一段時間。在此之前,我們不妨嘗試下2.5D的PPT。
這種2.5D風格的PPT頁面將不再以平面的方式呈現,而是給人以3D視覺感,讓頁面內的各元素顯得更有厚度;線條與漸變化的處理,使頁面更有科技感和時尚感;發光與投影的應用,令頁面充滿層次感。這種設計簡約時尚大氣適合多種場合使用。
圖表的2.5D化
大兵在接觸到這種設計風格時,首先想到的就是與PPT圖表的結合,大兵覺得2.5D的設計可以大大增強圖表數據的可視化水平。于是,大兵做了下圖的嘗試。
一般的PPT圖表對一組數據的呈現往往只能采用折線圖或者柱狀圖的方式來說明變化,數據給人的可視化強度不夠,當PPT頁面具有2.5D甚至3D效果時,PPT圖表就有了新的活力。通過將折線圖與柱狀圖的結合,將一組數據用兩種不同方式呈現,讓受眾能有更多的視覺選擇,并且更好的讀懂數據,同時也增加了頁面視覺沖擊力。那么這種2.5D的PPT到底怎么做呢?其實關鍵就在于三維旋轉。
第一步:繪制折線圖和形狀。
繪圖工具組里面有自由曲線的選項,但是用自由曲線繪制出來的是曲線,達不到折線圖的線條要求。這里大家可以用【形狀】-【任意多邊形】來繪制折線圖。
然后為線條添加漸變的填充色和與之搭配的圓形節點。點擊【插入】-【形狀】-【圓形】\【同心圓】,右鍵點擊繪制完成的圖形【設置形狀格式】-【線條】-【漸變線】調整漸變光圈,最后將線條與原型節點組合起來。
繪制好折線圖后再畫一個圓角矩形。
第二步:為折線圖和圓角矩形添加三維旋轉和三維格式。選擇圓角矩形,點擊【設置形狀格式】-【效果】,選擇【三維旋轉】-【平行】-【離軸2上】,再點擊【三維格式】-【頂部棱臺】,設置為高度12磅、寬度0.5磅,點擊【照明】-【特殊格式】—【發光】,為形狀添加發光效果。三維格式和三維旋轉的具體參數均可在相應位置進行調節。
復制做好的圓角矩形,更改形狀的填充顏色和發光顏色,然后復制兩個兩個不同顏色的形狀進行分組排列,并將底部形狀按折線圖所示對應拉長,就獲得了以下圖表。
第三步:為文字添加三維格式和三維旋轉。添加方式與為形狀添加三維格式和三維旋轉方法類似,這里就不贅述具體操作方法了。完成后與下圖類似即可。
第四步:為頁面添加網格背景,大家可以去網上找關于網格的圖片用作背景使用,這里大兵是用一根根線條畫出來的,如果你時間充足,也可以自己嘗試下。最后將網格背景置于底層,完成。
平滑與2.5D
2.5D的靜態展示就已經讓人眼前一亮了,如果讓它動起來效果是不是更加驚艷呢?
這里我們用到了平滑。平滑可以讓3D模型在PPT中進行三維展示,同樣也能給2.5D帶來三維的變換效果。于是,大兵做了如下的嘗試。
這種三維切換的演示方式不僅可以用于產品介紹、團隊介紹,還可以用做發展階段等等的介紹。漸變與發光的處理也能給受眾以一定的視覺美感。蒙版的使用讓頁面帶有陰影的感覺,使頁面更具層次感。這種效果應該怎么做呢?關鍵在于各個形狀三維旋轉的位置。
第一步:制作形狀。具體操作方法參照上面圖表形狀的制作方法,注意靠右邊的形狀選擇【三維旋轉】-【預設】-【左透視】,靠左邊的形狀選擇【三維旋轉】-【預設】-【右透視】。
調整到與下圖類似即可。
第二步:修飾形狀。主要為形狀添加圖片、文字;為頁面四周添加修飾元素,增加頁面的豐富性。再為頁面添加一個漸變的蒙版,用以突出中心形狀,與下圖類似即可。
這里用的兩張圖片都采用了去背景化的處理,建議將圖片上傳到remove.bg進行一鍵刪除背景,
第三步:圖片化處理。將形狀截圖保存,再將截圖用以該形狀的填充圖片,對另一個形狀也采用這種方法處理。
可能有的小伙伴會問為什么要用圖片填充的方式呢?用組合方式就可以呀!其實將形狀組合轉化為圖片是為了防止元素錯亂,因為后續還需要調整形狀的位置,用組合的方式會可能會出現各元素錯亂的情況,如下圖所示。
第四步:調整位置。復制一頁,將這一頁里的中間形狀移至右一,將左一形狀移至中間,并適當調整所有形狀位置、大小等。
第五步:為第二頁添加平滑效果,持續時間1.25秒,完成。
最后大兵給大家推薦一個做這種2.5D風格的靈感網站,在www.freepik.com上搜索云服務等關鍵詞便可得到下面這些圖片,在靈感缺乏時可以看下其他設計師的作品進行學習、分析,也可以嘗試進行臨摹,不斷積累。
總結
1.這種2.5D的效果與眾不同但需要設計者有足夠的耐心對細節進行調整,尤其是形狀的三維旋轉,需要一定的三維能力來想象。
2.注意色彩的搭配。頁面顏色盡量與形狀的顏色一致或類似。
3.善用蒙版。蒙版可以突出所要表達的對象,也能起到增加頁面層次感的作用。
4.注意層級關系。做動畫效果時要注意各形狀的層級關系,避免出現形狀交叉、錯亂的情況。
2.5D風格的PPT,你學會了嗎?