隨著 PPT 軟件的更新和進步,3D 效果在 PPT 中的使用也變得越來越普遍。 因為 3D 的展現形式,相對于平面的設計,會給人更強的視覺沖擊力和更好的視覺效果。 那么今天,關于 PPT 中的 3D 技法,iSlide 邀請到公眾號陳西設計之家的主理人陳西老師來為分享一些點滴心得。 01.3D效果分類PPT 中的 3D 效果可以分為兩大類。 一類是:真的 3D 效果。另一類是:假的 3D 效果。 關于真的 3D 效果,是PPT軟件更新之后添加的 3D 功能。目前是 Office2019 版本和 Office365 版本有這個功能,可能以后更新的新版本也會有的。 關于假的 3D 效果,是利用 PPT 中的一些形狀或者陰影,以及一些 PPT 插件,比如 iSlide 插件,設計制作的。 當然,假的 3D 效果是制作層面的,視覺上給人的感覺仍然 3D 立體的效果。 下面我們具體講一講這兩大類型。 02.3D模型效果2.1 -- 關于真的 3D 效果。 真的 3D 效果需要你的軟件版本具有這個功能,目前是 Office2019 版本和 Office365 版本有這個功能。 我們可以在軟件中來看一下這個功能的位置。如下圖: 在插入選項卡里面,有一個 3D 模型,那么這個我們可以通過插入 3D 模型來設計制作 3D 的效果。 相應的,在動畫選項卡里, 3D 模型也會對應一些 3D 的動畫效果,我們可以搭配使用。 2.2 -- 那么問題來了,我們去哪里弄這些3D模型呢? 對于常規用戶和一些愛好者來說,沒必要用大型 3D 軟件去制作,因為代價有點大。 當然,你要是會一些大型 3D 軟件那也是很好的。 解決辦法大致有兩個:
2.3 -- 關于3D模型素材網站 目前這里 3D 模型素材網站并不多,素材也很少。 我們看到的一些 3D 效果 PPT 案例,很大程度上是看到了素材去結合制作 PPT 案例,而不是我需要做一個主題 PPT 案例,而找到想要的素材。 原因就是找到自己想要的合適主題的 3D 素材很難。 推薦一個3D模型網站,Free 3D這個網站。如下圖: 其它的 3D 網站大家也可以去了解一下。 我們可以下載幾個 3D 模型玩一下,體會一下這個功能。如下圖: 但就目前而言并不是很實用。 因為 3D 模型一般比較大,會導致 PPT 很卡。另一方面,很多模型的紋理和光澤效果在 PPT 中就會丟失掉,比如上圖。 2.4 -- 關于win10系統自帶的畫圖3D(Paint3D)工具 Paint3D 是 Win10 系統自帶的應用,點擊”開始菜單“→”所有應用列表“→”畫圖3D“。如果找不到,可以到微軟應用商店進行手動下載。 畫圖 3D 是 win10 自帶的應用,所以制作的 3D 模型和 PPT 有比較好的兼容性,3D 模型的紋理以及光澤等不易丟失。 缺點是制作的 3D 模型比較簡單,類型相對較少。 一般制作一些 3D 星球和 3D 文字素材比較快捷。 因為這個制作的過程用文字不太好講述,我就用一個小視頻來詳細的給大家展示一下。 這個視頻包括畫圖 3D 制作的一個 3D 星球和一個 3D 文字素材,并利用這兩個做好的 3D 素材在 PPT 中實操了一些案例。 我們也可以看一下圖片效果。如下圖: 可以看到,使用畫圖 3D 制作星球和立體字還是很容易的,而且 3D 格式的兼容性比較好。 這些 3D 素材結合一些平滑等效果,確實可以做出不錯的作品。 但是,說實話,目前 PPT 中的 3D 模型功能并不是很完善,實用性不行。 原因在于:3D 模型素材缺乏,兼容性不好,有些模型的紋理效果在 PPT 中都會丟失。另一方面,3D 模型素材一般比較大,會導致 PPT 軟件本身很卡,另外沒有 3D 功能的PPT軟件展示不了 3D 效果等等。 所以 PPT 中的 3D 模型功能還會有比較長的路要走。期待在未來,隨著科技的進步,這些將不再是問題。 03.3D視覺效果除了真實的 3D 效果,我們其實還有假的3D效果。這種3D效果的實用性比較強了。 因為這種假的 3D 效果對軟件版本沒有太苛刻的要求,兼容性比較好。 下面我們來講一講這種假的 3D 效果。 3.1 -- 關于假的3D效果。 假的 3D 效果,主要就是利用形狀拼接,錯位疊加,三維透視,陰影以及插件等來設計制作的。 大致也可以分為兩個大類:
3.2 -- 關于用PPT自帶的功能手動制作。 我們還是用案例來講一講吧!如下圖: 這種立體感其實是假的 3D 效果。 這個就是利用形狀的拼接以及顏色的色差營造出了一種立體感。我們可以拆解一下。如下圖: 由這些形狀拼接而成。其中不規則的形狀可以使用任意多邊形進行繪制。 然后進行上色。如下圖: 最后進行拼接合體,就可以制作出假的立體效果了。如下圖: 這種立體效果其實還是平面的,只是視覺上是 3D 的感覺。 這種立體的效果對 PPT 的版本沒有太苛刻的要求,實用性比較高。 同樣,按照這個思路,我們還可以設計出更多類似的作品。 如下圖: 這個也是同樣的思路。 我們可以看一下簡單的拆解。如下圖: 繪制好基礎的形狀。 然后進行拼接,如下圖: 最后進行上色,如下圖: 這樣就可以很容易的制作出 3D 的立體視覺效果啦。 我們繼續看案例。如下圖: 這些案例中的一個核心元素,就是中間的 3D 立體感的長方體。這個其實也是形狀拼接的,并不是真的 3D 長方體。 我們可以拆解一下這個元素。如下圖: 以上的案例,使用的是形狀拼接,陰影和色差從而營造出了 3D 立體的感覺。 這是一種常用的方法,我們可以學習一下。 我們繼續看案例。如下圖: (案例中圖片來源于網絡,侵刪) 這個案例中的 3D 立體效果同樣也是用形狀做的。不過這里利用了 PPT 中自帶的一個立方體形狀。 我們可以拆解一下。如下圖: 這個案例利用了 PPT 自帶的立方體形狀,結合陰影以及一些其它基礎形狀設計制作的。 我們也可以參考這種思路去設計。 我們再來看一個案例。如下圖: 這個案例也是一種 3D 立體的效果。 這里我們同樣可以使用形狀的拼接或者也可以使用一下 PPT 中的三維格式。 我們來拆解一下。如下圖: 這里圖片的視覺效果可以使用一個這樣的四邊形和圖片進行布爾運算,或者用三維格式也是可以的。 我們也可以觀察到,很多的 3D 立體效果中都會有陰影的使用。所以,巧妙的使用陰影也是很重要的。 這類案例和設計手法還有很多,篇幅有限,這里就不講啦。 3.3 -- 關于iSlide插件制作3D立體感PPT 我們這次主要講這個插件里一個很好用的功能,叫補間,這個功能也可以很容易的設計出 3D 立體效果的 PPT 。 當然,需要先安裝 iSlide插件 。瀏覽器搜索 iSlide ,找到官網下載對應的版本安裝即可。 同樣的,我們來看一下案例。如下圖: 這個案例中的這種 3D 效果就是使用 iSlide插件 中的補間動畫設計制作的。 我們可以拿出一個元素拆解一下。如下圖: 先調節好兩個文字,這里的文字調節了一下三維格式,所以是有點透視的效果。 文字三維格式調節好后,我們將兩者錯位排版一下。使用補間動畫即可。 需要注意的是這里不用勾選添加動畫和 3D 深度。 調節好補間數量等參數,我們就可以得到 3D 效果元素了。如下圖: 我們再來看一個案例,也是用 iSlide 插件的補間動畫設計的。如下圖: 這個 3D 效果的 PPT 頁面,也不是真正的 3D 模型設計的,而是用插件以及形狀漸變陰影等的綜合設計制作而成的。 我們簡單的講解一下立體字設計部分。如下圖: 首先是制作兩個漸變字體。 制作好之后,進行錯位疊加,使用 iSlide 插件的補間。如下圖: 應用之后,就可以得到立體字的效果了。如下圖: 好啦,由于篇幅有限,很多案例沒有具體講解。大家也可以去我的公眾號看這些案例的詳細教程以及下載源文件呢。 總結 / Summary
當然,設計技法,設計思維,設計趨勢等都是隨著時間在不停的變化。 我這里所寫的也只是我的個人觀點,可能并不全面,冰山一角,幫助大家開拓一下思路,給大家一些參考。 |