從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

看慣了扁平風、微立體、簡約風、卡通風之後,不知道什麼時候開始,一種2.5D風格的圖片開始風靡。各大電商網站,APP廣告,UI設計稿都有它的蹤影。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

好看是好看,可是做起來似乎門檻不低。什麼45度角等軸側輔助線,什麼空間結構,什麼確定光源,多數還是用AI,PS這些專業的設計軟件,看著就複雜。

不用著急,今天欣星就會大家奉上PPT製作2.5D的零起點教程。

PPT能做2.5D圖?

當然,不僅能做,而且簡單,不需要什麼美術基礎,什麼輔助線,而且做熟練了,幾乎什麼都能做得出來。

《中餐廳》裡,張亮在教對周冬雨製作滷水,他說:“成功了,你就可以用它滷全世界!”

學會了PPT的2.5D製作方法,如果你願意,你也可以用它做全世界。

基本原理

之前也有用PPT製作2.5D的教程,其根本原理是用幾個任意多邊形去模擬物體的幾個面。

這種方法的特點:

  • 可以自由控制不同平面的顏色
  • 要有美術基礎,能瞭解面與面的關係
  • 面與面的結合處不好處理,容易錯位
  • 效率比較低,相似結構的不同物體全部需要繪製

我們另闢蹊徑,採用的是PPT自帶的三維旋轉和三維格式功能,其特點如下:

  • 不需要美術基礎,系統生成立體結構,只需要選取
  • 不用處理面和麵結合處
  • 效率高,相同結構的物體只需要更改長寬比和顏色
  • 平面的顏色無法精確控制

對比一下,就可以發現,這種方法除了在控制顏色上的自由度稍差一差之外,優勢還是很明顯的。

可能這會你還不知道這幾個特點具體是什麼意思,打開PPT,跟我一起做,很快你就會明白我在說什麼了。

基本形狀

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

繪製一個矩形,選中矩形點擊鼠標右鍵,在彈出的菜單中選擇“設置形狀格式”,點擊“效果”圖標(中間那個五邊形圖標),往下找到“三維旋轉”-“預設”,點擊右邊的下拉三角形,會彈出一個選擇菜單,這裡我們先選擇“平行”中第一排第三個“等角軸線:底部向上”。

咦?矩形變成平等四邊形,貌似沒啥別的變化啊!別急,我們接著往下。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

用鼠標把右邊的滾動欄往上拖一點,找到“深度”,這個時候數值是0,把數字改成20,矩形就變成2.5D視角下的立方體了。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

好了,現在你明白基本原理了,就是通過三維旋轉和三維格式,把2D的圖形變成立體的。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

PPT的三維旋轉提供了許多不同的視角,可以根據自己的需要來選擇。

用基本形狀打造甜品站

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

光知道原理沒啥用,實操才能說明問題。上面這個金拱門的甜品站,就是用基本形狀來製作的。雖然細節不多, 用來入門練手是OK的。

打開你的PPT,跟我來一起造世界吧!

製作底座和臺子

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

用上面介紹的方法畫一個矩形,設置好三維旋轉的預設方向,以及深度,做為底座。需要注意的是,顏色的選取。

“形狀填充”的顏色決定底座頂面的顏色,“深度”的顏色決定側面的顏色。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

除了上面兩處顏色控制外,在“三維格式”下的“材料”裡,通過選擇不同種類的材料,也會呈現出風格完全不同的效果,大家可以逐個試試。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

在“三維格式”裡的“光源”選擇不同類型的格式,可以控制模擬不同光線渲染出來的效果,根據需要一個個的試試,就知道想要的是哪個了。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

把底座複製一個出來,按住Shif鍵用鼠標拖動邊框,讓上面的長寬都縮小一點。然後再把深底改大一點,上下疊放。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

同樣的操作,把黃色的臺子也給做出來。

玻璃材質的製作

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

重新畫一個矩形,顏色填充為淺藍,三維旋轉選擇“平行”的第一排第二個:等角軸線-右上。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

在“設置形狀格式”中的填充裡,設置透明度為40%,讓它呈現玻璃的半透明效果。在“形狀輪廓”裡設置“粗細”為6磅,做為邊框。然後擺到做好的底座上。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

把做好的側面玻璃複製一個,放到對面去。再複製一個,把形狀輪廓設為無,透明度改為0,顏色設為粉色,改變長寬比,就做成了玻璃中的十字型的“窗稜”。當然,另一個是複製出來,旋轉90度。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

側面的玻璃再複製一個出來,更改“三維旋轉”為“平行”中的第二排第1個“離軸1”,就成了前面的玻璃,拖一下長寬比,放到合適的位置。另外一邊的也是同樣的做法,複製加移動就行了。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

頂蓬的製作

畫一個矩形,用頂點編輯修改一下,讓它看起來像頂蓬的側面圖。選擇“三維旋轉”中“平行”中的第一排第二個“等角軸線:右上”。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

將做的頂蓬複製一個出來,填充色改成黃色,再複製幾個出來,拼在一起就OK了。要注意,後複製出來的圖層在最上面,要記得調整圖層。

廣告牌的製作

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

用圓形加上三維旋轉做成底座和杆子,矩形裡面寫上文字,做為廣告牌。M字可以用合適的字體進行三維旋轉,也可以用任意多邊形畫一個。將這些零件組合起來就搞定路邊廣告牌了。

桌椅的製作

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

有了上面的基礎,這些桌子椅子做起來就很簡單了。先用矩形做成大小、粗細不同的“木條”,再用這些木條進行拼接就行了。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

最後用矩形填充深藍做成陰影,整輻圖就全部完成了。

其實掌握了方法,比用AI、PS或者PPT中的任意多邊形去畫要簡單多了。而且容易修改,大小比例、構圖有問題都可以輕鬆調整。

從零開始,打造你的2.5D世界!-PPT製作2.5D圖教程(1)

這個流傳很廣的冰淇淋屋也是大同小異,現在你也應該可以輕鬆搞定了。

今天先給大家分享到這裡,下次繼續給大家分享本文前面兩張圖的做法,這兩張圖更復雜一點、細節更多一點。

想知道怎麼做小貨車?怎麼做游泳池?怎麼做筆記本電腦和手機?趕緊點贊關注欣星,下期再見。

原創教程,請勿侵權轉載,如需要轉載請私信授權!


分享到:


相關文章: