你好,我是陳西X。
一片寂靜,四下無人,游蕩在創意的黑海,找尋著一些什么。
就在快要溺水之時,突然發現了一道光。
我看到了2.5D設計,并對她產生了一些想法。
于是,決定今日用PPT制作純2.5D風格創意作品以及教程。
? 01
說到2.5D風格作品,我們就不得不去了解一下什么是2.5D了。
2.5D也稱為軸測圖,也叫偽3D,我們簡單理解一下,就是帶有3D效果的2D畫面。
這種風格的畫面展現介于平面2D和立體3D之間,沒有近大遠小的關系,沒有透視。
也可以從字面理解,比2D多一點但比3D少一點,效果處于中間,所以干脆叫2.5D好了。
理解好了什么是2.5D了,我們可以來看一下今天的創意作品了。
? 02
今天的創意作品還是很有意思的,我們看一下作品吧。如下圖:
當當,就是這個樣子啦。
下面我們一起分析一下制作思路和具體的操作步驟。
首先,我們需要制作一個漸變背景,觀察可以看出這是個簡單的線性漸變。如下圖:
背景使用的是90度的線性漸變,兩個漸變滑塊,漸變顏色是由粉紅到米黃。數值可以參考上圖。
這樣就可以很容易的制作好漸變的背景啦。
接下來就是關于2.5D元素的制作了。我們可以拿出一個元素仔細拆解一下看。如下圖:
這個就是PPT中制作的2.5D風格元素。我們來看一下怎么制作。如下圖:
首先我們輸入文字,選好字體,調節好適當大小。
這里為了方便演示以及分享,我使用布爾運算矢量化了。具體操作步驟可以看上圖啦。
矢量化之后,我們可以更改顏色,以及調節大小粗細等。如下圖:
因為這個英文字體還是有點細,所以我通過使用相同顏色的描邊,即邊框來再次調節字體的粗細。
字體粗細調節適當就好,自己看著效果定,不同的字體不一樣。
然后開始進入正題啦。如下圖:
我們選中這個調節好的字體,設置三維旋轉格式。
這里面的三維旋轉可以調節不同的視角,我這里就選擇了從上往下的視角。數值可以參考上圖。
這個視角定好之后,就不要更改了。后面的其它2.5D素材都是按這個視角來做,用格式刷復制就好。
這個三維效果設置好之后,再復制一個調節為白色置于它的下面,選中右鍵可設置下移一層,并且錯開一定距離。如下圖:
接下來需要使用一個PPT插件叫Islide。搜索引擎搜索一下這個名字,找到官網即可免費下載安裝使用。有問題的話找他們官網客服。
我們需要用到這里面的一個功能,叫補間動畫,很簡單的。如下圖:
選中設置好三維效果的兩個字體元素之后,點開Islide,找到補間動畫。
設置補間數量30左右,高級模式打勾,然后一定要注意把下面的那個3D深度的勾去掉哦,其它的可以不用動。
然后就可以得到一個效果啦。我們全部選中這些字體,右鍵組合一下。如下圖:
到這里還沒有結束哦。
我們還需要設置一下這個元素的陰影。如下圖:
這里的陰影設置得注意一下。
需要在開始菜單最右側找到選擇,點開之后找到選擇窗格,打開之后,找到這個組合里面的最底層的元素并選中。
選中之后在設置形狀格式里面可以調節陰影。數值可以參考上圖,也可以根據效果和方向自己適當的調整。
這樣就可以得到最終的效果啦。如下圖:
其它的2.5D元素也是按照這個過程邏輯制作的。
我們可以再拆解一個2.5D的形狀元素。如下圖:
其實制作很簡單啦,就是稍微要花點時間。
我們可以整理一下制作步驟,如下:
1.先繪制平面的基本形狀,調節大小和顏色;
2.再用格式刷設置相同的三維格式,并調節兩個元素間的錯位距離;
3.然后使用Islide插件的補間動畫;
4.最后添加陰影效果。