絕了！我給微信讀書做了一頁立體風(fēng)PPT，比迪麗熱巴的臉還立體！
大家好，我是秋葉?PPT 訓(xùn)練營的學(xué)員紹爺！一個偶爾做 P，賺錢養(yǎng)貓的廣東靚仔。
?今天我想給大家介紹的是 2.5D 設(shè)計風(fēng)格在 PPT 中的運用。?什么是 2.5D 風(fēng)格呢？
?它的興起，主要是因為一款游戲——《紀(jì)念碑谷》：
?
近幾年來，2.5D 的風(fēng)格非常的流行，廣泛的運用在了各個設(shè)計領(lǐng)域，比如下面的這些海報或 Banner 設(shè)計：
?2.5D 是帶有?3D 平行透視角度+2D 設(shè)計風(fēng)格的結(jié)合，效果比平面的設(shè)計更突出，但是制作難度遠遠低于 3D，用 PPT 也是能夠輕松實現(xiàn)的。
那么具體改如何實現(xiàn)呢？?
接下來，我就以我在秋葉 PPT 訓(xùn)練營里提交的一份作業(yè)為例，來為大家做個詳細的拆解~?今天的內(nèi)容非常硬核，一定要認真看！
?作業(yè)說明&基本構(gòu)思
原始的作業(yè)要求&素材如下：
?要求：
? 頁面比例為 16:9
? 除提供素材外，可根據(jù)需要自行搜索補充素材
? 整體風(fēng)格與 APP 主視覺保持一致
? 更多資料可前往官網(wǎng)或百度查看
? 官網(wǎng)：https://weread.qq.com/?素材：
微信讀書 Logo、手機 APP 截屏、水墨屏電子閱讀器截屏。
?秋葉 PPT 訓(xùn)練營的一個有趣的地方是，大家打卡的作業(yè)都是可以看噠，也可以看到導(dǎo)師的點評。所以我就很喜歡逛逛精選作業(yè)區(qū)??
結(jié)合了同學(xué)們的精選作業(yè)的創(chuàng)意、以及微信讀書的產(chǎn)品調(diào)性，我產(chǎn)生了這樣的構(gòu)思：?
??對素材進行三維格式設(shè)置，加入立體矩形，2.5D 插畫等素材，豐富場景層次感；
??截圖素材選用彩色版，呼應(yīng)微信讀書常規(guī)版的主視覺；
???Slogan 改為「有趣的靈魂，終會遇見」，從另一個角度來詮釋「不再孤單」。
PS. 但是實際設(shè)計場景中，肯定不能隨便改甲方爸爸的 Slogan 哦~
終稿輸出步驟拆解
?
噔噔，請看終稿效果圖：
如果你也想做出這樣有趣的?PPT，歡迎加入《秋葉?PPT 3?天集訓(xùn)營》，一起提升~
接下來是大家最關(guān)心的環(huán)節(jié)啦，給大家拆解一下我是怎么做出來這一頁的。
?準(zhǔn)備工作
? 配色：主色-Logo 藍色、輔色-淺藍色
? 字體：Logo-思源宋體 CN Heavy、Slogan&正文-思源黑體 CN Extra Light
? 素材：Logo&產(chǎn)品展示，2.5D 人物素材
? 風(fēng)格：扁平化互聯(lián)網(wǎng)風(fēng)+2.5D 立體
?圖片素材處理
為了契合我們的風(fēng)格定位「扁平化」以及與 Logo 統(tǒng)一，需要將圖片處理為圓角矩形。
?路徑：新建矩形-調(diào)整頂點（弧度接近 Logo）-選中圖片&矩形-合并形狀-相交= 圖片素材 GET√
?這里對于入門的同學(xué)有兩個知識點要注意：
???圓角矩形的控點??
??合并形狀?
路徑：先選中一個對象——按住 Ctrl 再選中第二對象——繪圖工具——合并形狀（里面有 5 個結(jié)合方式，同學(xué)們自己去嘗試哦）?注意，結(jié)合后的格式=第一個選中的對象的格式，先選圖片，再選形狀，得到的結(jié)合圖形，就是圖片格式的。
?好了我們繼續(xù)素材準(zhǔn)備工作：?另外保存一個圓角矩形，填充 Logo 藍。
新建文本框輸入 Logo、Slogan、正文，填充 Logo 藍。Slogan 加雙引號修飾，填充 Logo 藍。
?排版規(guī)劃
現(xiàn)在我們的基礎(chǔ)素材都準(zhǔn)備好了：??接下來按照閱讀習(xí)慣（從左到右，從前到后）規(guī)劃一下排版：
?
大 Logo 和圖片構(gòu)成一個路口場景；
大 Logo 作為品牌標(biāo)識，放在最左邊，讓讀者首先看到；
順著大 Logo 往右上走放置 Slogan 和小 Logo；
圖片 1 有書本圖案顏色比較好看，放在右前方做產(chǎn)品內(nèi)容展示；
圖片 2 以文字為主顏色比較素，放在上部做背景；
正文放哪呢？啊弟弟我也不知道，哪里有空位放哪里吧……（沒錯，就是這么敷衍）
但亂排之后發(fā)現(xiàn)各個素材的分布竟然形成了一個圓，好像很厲害的樣子。哈哈哈~~~
??三維設(shè)置
這一步就是打造 2.5D 立體感的關(guān)鍵啦！?
首先要對正文進行向右 90°旋轉(zhuǎn)使其和大 Logo 的右側(cè)邊平行，這樣就可以統(tǒng)一設(shè)置一樣的三維旋轉(zhuǎn)。
?
完成上一步之后，就可以對大 Logo、圖片、形狀、Slogan 設(shè)置：?路徑：選中對象-效果-三維旋轉(zhuǎn)-預(yù)設(shè)-平行，找到這個樣式：
?然后對小 Logo 設(shè)置另一個樣式：
?
為什么是這兩個樣式呢？?因為這兩個樣式剛好可以構(gòu)成一個垂直的關(guān)系，這樣就可以做出小 Logo 豎在地面的效果啦~
?看到這里，有些同學(xué)懵了，所謂的?XYZ 旋轉(zhuǎn)參數(shù)，會使對象發(fā)生什么變化呢？?如下圖這個硬幣，實際就是一個 X 旋轉(zhuǎn)。
Y 旋轉(zhuǎn)、Z 旋轉(zhuǎn)，就是另外兩個方向了，大家實操一下就知道了。?經(jīng)過這一步，基本場景已經(jīng)搭建出來了：
?
?細節(jié)潤色
看了上面的半成品，好像少了個什么東西？
是的，棱臺的厚度沒有設(shè)置呢。?為了突出對比，我設(shè)置了深色背景方便大家看清楚：
?上面如何設(shè)置，才能變成下面的效果呢？這個也是最多同學(xué)問我的問題了。
?干貨來了，路徑：
? 設(shè)置棱臺的厚度：選中對象-效果-三維格式。
?深度——設(shè)為 88，淺藍色。材料——標(biāo)準(zhǔn)。光照——特殊格式——平面。
?調(diào)整了這個參數(shù)之后，棱臺的厚度就「長」出來啦！
?
? 添加棱臺的高光：
高光是什么呢？
原理如下，圓柱的曲面受光線照射會形成 N 條各種各樣的光。
?當(dāng)然我們不需做到下面那么細致，所以我決定用一個漸變的白色形狀來畫高光：?因為這個矩形轉(zhuǎn)角有上下兩個曲邊，所以直接用矩形做高光是不夠細致的，需要進行布爾運算得到一個貼合曲邊的形狀：?
?高光漸變參數(shù)設(shè)置：?
?三個光圈都設(shè)置為白色，左右兩個設(shè)置為 100%透明度，中間設(shè)置為 50%左右透明度。
?加入插畫豐富視覺
?因為 Slogan「讓閱讀不再孤單」、引申出「有趣的靈魂，終將遇見」，這個產(chǎn)品概念是指向社交目的的。
所以就去搜索相關(guān)人物插畫素材，營造社交的感覺。?一開始我搜索「插畫人物」得到的很多都是如下這種的素材：?
?這個視角是平視的，不符合「2.5D」俯視 45°的視角。說明關(guān)鍵詞不夠精準(zhǔn)了。
所以再以「2.5D 人物」去搜索，最終找到了比較心儀的素材——動作、肢體、配色符合場景：
?把這幾個「公仔」安放到 PPT 里，「轉(zhuǎn)角遇到愛」的感覺就出來啦！
?注意人物腳底陰影的統(tǒng)一哦！
原素材兩個男生都沒有陰影，所以大家看到的是我另外加上去的。?我們有才又可愛的?@黑犬?老師，還來了一個有趣的版本的哈哈哈：
?PS.?黑犬老師，可是秋葉 PPT 訓(xùn)練營的明星導(dǎo)師、為世界 500 強企業(yè)提供 PPT 定制服務(wù)的設(shè)計師哦！
感激大家看到這里，最后給大家來個小回顧：
??對于我們小白和進階的同學(xué)，多看佳作，多去思考，有助于迸發(fā)出自己的創(chuàng)意哦！
? 設(shè)計要深刻理解產(chǎn)品要傳達的內(nèi)容，才能做出符合主題的作品！
??要學(xué)會對關(guān)鍵詞舉一反三、順藤摸瓜，才能快速網(wǎng)搜到你想要的素材！
如果你也想學(xué)好 PPT，歡迎加入《秋葉?PPT 3?天集訓(xùn)營》，一起提升~
B站粉絲福利，現(xiàn)在只需 1?元即可咨詢加入 ??
*廣告
