找回密碼
 注冊

掃一掃,訪問微社區

QQ登錄

只需一步,快速開始

查看: 1277|回復: 1
打印 上一主題 下一主題

[其他教程] 【PPT】2.5D風格PPT頁面創意設計制作

[復制鏈接]

156

主題

258

帖子

9389

銳幣

積分
1361
QQ
跳轉到指定樓層
樓主
本帖最后由 陳西PPT工作室 于 2019-9-23 13:12 編輯



你好,我是陳西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.最后添加陰影效果。

剩下的那些2.5D元素也是同樣設計制作啦。如下圖:



這里是我自己選擇制作的一些2.5D小元素。大家可以自己去嘗試更多的樣式。
可以說只要你想象力豐富,你能制作出成百上千的2.5D創意小元素。

盡情發揮吧,再也沒有什么能夠限制你啦。

最后是加上文案,這里以居左的排版方式。如下圖:




添加上文案之后,整體頁面的設計就完成啦。如下圖:




當當,最終的2.5D風格創意PPT頁面設計作品。
03


嗯嗯,你以為這樣今天的教程就結束了嗎?


我還留了更有意思的干貨給你哦!


很多時候呀,我們不能受限于別人,我們要多開發自己的思維。

別人好的東西我們當然要學習,要觀察;但同時別人也是枷鎖,也會禁錮你的思維,所以我們還是要警惕性的學習。


然就會出現一種情況:學的時候酣暢淋漓,神清氣爽;用的時候腦袋空空,無從下手。


比如今天的案例教程,我們還可以進行創意性的使用。


我們可以用來追女生,當然,你追男生也可以。沒有想到吧!
驚不驚喜,意不意外!我們再來看一下這個文案,如下圖:




老實說,這個文案部分的設計做的并不好,有優化的空間。
用來追女生的話,那么這里的英文文案部分就可以用你想要追的女生的圖片去優化設計。性別可以自己選啦!

圖片相對于文字,視覺上會更友好一點。
那么怎么去優化?直接擺一張圖片上去嗎?要是這樣的話,那豈不是太不用心了。

怎么也可以用之前學到的2.5D技術來設計一下呀!
具體方式千千萬,這里提供一個案例,給個參考啦。如下圖:




用兩個正方形制作一個2.5D的元素,操作步驟參考上面的詳細介紹。

然后找一張女朋友的圖片使用三維格式后疊加在上面。如下圖:




注意三維格式都是一樣的數值,一個方向的。
圖片可以先裁切好大小,并調節好人物在裁切的畫面中的位置。

格式刷復制一下三維效果,適當縮小一下圖片,最后疊加在2.5D設計元素上面。

這樣,圖片的效果設計就處理好了。我們替換掉英文文案部分。如下圖:




當當,最終追女生的PPT創意頁面制作完成了。
可以發給喜歡的女生,可以發朋友圈,可以作為電腦壁紙等等。愛心滿滿。

當然,為了讓頁面更有獨特性,你肯定得將右下角的文案,公眾號“陳西設計之家”更換成“喜歡你的某某某”。

思維進一步拓展:這里面的2.5D素材的排版,三維旋轉的視角關系,2.5D素材的類型等等都可以打亂重做。

比如這里的圖片優化處理,還可以更進一步改進。

為了讓頁面更加的愛心滿滿,可以將圖片下面的2.5D元素制作成愛心的形狀嘛!圖片也可以跟著做成愛心的形狀啦!
當然,為了有更好的整體頁面視覺效果,我們還得注意選擇女朋友圖片的時候,圖片的色系和這個背景色系最好相近一點。

比如上面這個案例,圖片是粉色系,背景也是粉色的。

也并不是說非得粉色對粉色,暖色系可以作為一類,比如紅橙黃等,視覺上效果會更好。

但是,女朋友的照片只有冷色系怎么辦?

圖片可以調色嘛!不會調色的話,那我們換背景好了,換成冷色系背景不就行了。

比如換個冷色系的背景,如下圖:



之,態度要認真,可不能偷懶,畢竟你在追人家嘛!
再往下,會有更多的思路,想法等等。這些還是留給大家去探索了。

記住一句話:不要讓別人成為你的枷鎖。
一激動,沒收住,發現就只是寫這篇文章就寫了3個半小時。我得收著點,多引導大家去思考。

以上。
----------------------------------------------------------------------------------------------------
◎源文件:微信搜索:陳西設計之家。公眾號對話框回復:創意06。就可以領取源文件啦。不要打錯字了,可以直接復制。

◎關于轉載:此為開源PPT教程,任何人或組織都可以隨意轉載。具體可以在公眾號:陳西設計之家。回復:轉載。查看具體信息。

◎關于PPT定制:陳西設計之家擁有成熟的中高端PPT定制團隊,任何的PPT設計定制需求聯系微信:2090298045.【陳西】


往期好文:




評分

1

查看全部評分

分享到:  微信微信 QQ好友和群QQ好友和群 QQ空間QQ空間 騰訊微博騰訊微博 騰訊朋友騰訊朋友
收藏收藏1 轉播轉播 分享分享 分享淘帖 頂 踩
回復

使用道具 舉報

0

主題

6

帖子

416

銳幣

積分
30
沙發
竹林佳處 發表于 2019-11-7 14:46:37 | 只看該作者
謝謝分享
回復

使用道具 舉報

您需要登錄后才可以回帖 登錄 | 注冊

本版積分規則

展开
快速回復 返回頂部 返回列表
展开
2019年马会马报资料