二維碼 購物車
部落窩在線教育歡迎您!

PPT教程|用PPT打造高端又酷炫的立體地圖

?

作者:忘吃藥的曉公子來源:部落窩教育發(fā)布時間:2019-08-05 17:10:52點擊:5184

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 授權(quán)作品,禁止轉(zhuǎn)載。

編按

地圖,是我們生活中常用的一種工具,大部分人并不知道地圖是如何制作而成的,更不知道用什么工具制作出高端又酷炫的立體地圖,所以本文就為大家介紹了PPT打造高端又酷炫的立體地圖。

偷懶的公子終于又更新教程了,今天的這版“立體地圖”我自己特別喜歡有沒有很符合高大上的氣質(zhì)?

有點“國家地理”范兒的意思,用在一些比較正式或商務(wù)的場合應(yīng)該足以鎮(zhèn)住場子希望你們會喜歡!

而且這篇教程,公子真是寫的非常非常詳細(xì)了,避免一些稍微“小白”的伙伴,在實際操作的時候會遇到一些“坎坷”

總之這么有誠意的公子,是不是可以抵消我這一陣偷懶的過錯呢?各位小可愛們。

、背景部分

首先我們先看背景部分,如果你細(xì)心一些應(yīng)該會發(fā)現(xiàn),我是用了一些漸變的。

或者模擬一下發(fā)布會,漆黑的室內(nèi),只有投屏的射燈......把手機(jī)亮度調(diào)高一些,哈哈~

公子是用了左上和右下稍微淺一些的線性漸變,具體的你們可以參照我給出的色號。

然后在背景上方,我用了一些弧線來模擬經(jīng)緯線,意圖貼合地圖這個主元素!

換成白底,你們應(yīng)該會看的更清楚一些。

接下來的部分,如果你不是小白,可以直接跳到第二趴,因為公子要講一下,在PPT中怎么畫這個“經(jīng)緯線”!

首先在頁面的中心垂直插入一個直線,作為“本初子午線”,然后再插入兩個弧形。

利用iSlide插件中的“補(bǔ)間”,在兩個弧形的中間再均勻創(chuàng)建出4個弧形。

因為數(shù)量不是很多,不用iSlide,手動復(fù)制然后橫向分布對齊也是可以的!

如果在兩個形狀間,均勻插入的同樣元素比較多,還是建議用ISlide會比較方便一些!

然后我們來調(diào)整一下線條的顏色,讓它漸隱在背景中就可以。

因為它并不是主要部分,不需要它來搶眼!

同樣配色方面,你們可以參考公子給出的色號!

我們把這組弧線右鍵組合或快捷鍵ctrl+g。

如果你覺得還差點意思,可以像公子一樣,把這個組合再復(fù)制一份,稍微錯開,和原弧線平均分布,并改為“虛線”。

你可能想問,那為什么在最開始用iSlide“補(bǔ)間”的時候,不直接選擇插入10組呢?

因為這樣的話,我就要選擇1、3、5...虛線;2、4、6...實線,這樣有點麻煩!所以分別組合后再設(shè)置會相對快一些。

當(dāng)然如果你想要非常精確的話,是可以在最開始就利用iSlide把要插入的所有弧形都排列好,然后再分別設(shè)置實、虛線。

最后把兩組實、虛線的弧形右鍵組合,復(fù)制一份,水平旋轉(zhuǎn)后放到頁面左側(cè)并對齊。

經(jīng)線部分就完成了,緯線是同樣的道理。

而且更簡單一些,因為用一個方向(向下弧度)的弧形就可以了,不需要像經(jīng)線那樣分成左右兩個部分!

公子非常詳細(xì)的講解了背景部分的每一個步驟和色號,希望可以盡量減少你們在實際操作中會遇到的問題!

、制作立體地圖

接下來就是核心部分了——制作立體地圖,這個效果要是做的好,基本就成就了80%!

我們先找到一個世界地圖的矢量素材。

放心,公子在最后會把中國和世界地圖的矢量文件分享給你們的!

我們把地圖各部分右鍵組合,注意一定要組合!否則后面填充或者其他操作,會出現(xiàn)不連貫的現(xiàn)象。

公子是希望把這個地圖轉(zhuǎn)換成這個效果:

其實很簡單,就是加了一些三維格式和漸變填充:

稍微注意一下,這里我用的是射線—中間比較深的漸變方式!

接下就是二次轉(zhuǎn)換,做到這種有些立體的效果:

我想稍微有些基礎(chǔ)的“病友”應(yīng)該已經(jīng)猜到了我要做什么吧,沒錯,增加深度!

之前有人問過公子,科技風(fēng)那期的立方體為什么不用增加深度的這個方法呢?

因為我需要立方體的其他幾個面是有一定漸變和透明度的,僅僅通過增加深度很難做到的!

但這里并沒有那么復(fù)雜的要求,所以直接調(diào)整深度就可以了!

然后我們再加上一些發(fā)光效果:

因為我們設(shè)置了三維深度,所以它的發(fā)光是在最底層的,這里注意一下。

 

接下來復(fù)制一份這個立體地圖,往上方稍微錯開一些,我是想達(dá)到一種“斷層”的效果:

 

因為我們設(shè)置了三維深度,所以它的發(fā)光是在最底層的,這里注意一下。

接下來復(fù)制一份這個立體地圖,往上方稍微錯開一些,我是想達(dá)到一種斷層的效果:

但我發(fā)現(xiàn)上方的這個復(fù)制版本,發(fā)光顯得特別生硬,非常明確的把兩個地圖給分開了!

所以我把上方的發(fā)光磅數(shù)和透明度都調(diào)高了一些,再來看一下效果:

雖然柔和了不少,但線條的“斷層”感覺沒有了,變成了模糊的“一團(tuán)”。

我還是想在柔和的發(fā)光效果中,同時保留線條的存在,比如以下這個效果:

你們點擊圖片,看大圖應(yīng)該會看出差別!

那最后這個讓我比較滿意的效果,是如何實現(xiàn)的呢,其實很簡單......

我不過是在第一個立體地圖的上方,原位復(fù)制了一份有線條無填充的發(fā)光版本,當(dāng)然也是沒有增加深度的!

我把上方的那個地圖移開一些,這樣看上去你們是不是就更容易理解了!

別忘了同時取消上方立體地圖的發(fā)光,因為我們已經(jīng)不需要它,找到更好的替代品了!

來看一下這個替代品,公子是如何設(shè)置各參數(shù)的:

 

最后為了讓畫面更精致、亮一些,可以在適當(dāng)或你需要的位置,加一些“星星點點”!

這里公子只是用了有些發(fā)光參數(shù)的白色圓形,你們可以借鑒一下:

到這里,地圖部分就基本完成了,公子講完后是不是覺得還挺簡單的,如果喜歡這種效果,你們都可以動手試一下!

、圖表部分

圖表部分是公子手動完成的,因為沒找什么參考的數(shù)據(jù),所以就隨意“畫”了。

在實際應(yīng)用中,你們可以先在PPT中插入圖表,根據(jù)比例再手動DIY。

或者對數(shù)據(jù)要求特別精確的情況下,就要直接用圖表說話了!

下面我把“柱形圖”放大,給大家看一下是如何制作的。

首先插入一個矩形,調(diào)整好顏色:

然后三維旋轉(zhuǎn)和地圖一樣的角度:

增加深度,“材料”與“光源”的選擇與地圖是一樣的,這里就不重復(fù)了。

因為我把這個矩形放大了,所以深度也在相應(yīng)增加,在原圖中我用的不過是80磅。

同樣的道理,再制作出一個稍微小一些的立方體,顏色要深一些!

你們可以參考公子給出的色號,這里我用的是透明度30到70的漸變:

這個小的立方體是核心,所以深度就要根據(jù)數(shù)值或大概參照來設(shè)置了,原圖中我基本給到的是60磅左右!

因為整幅頁面是比較偏暗的,盡可能突出的是這幾個“柱形圖”。

所以最好在下方加一個有柔化邊緣并透明些的形狀,比直接在“立方體”上加發(fā)光要來的自然一些!

沒放大前,原圖中公子用的是透明度50、柔滑邊緣為55的圓形!

順便把其中重點數(shù)據(jù),我選擇的黃色色號給你們做參考,當(dāng)然制作步驟都是一樣。

以上就是公子手動完成的“圖表”部分,就像我說的,如果對數(shù)據(jù)要求比較精確,還是請用規(guī)范的圖表來說話!

以上就是公子今天分享給你們的立體地圖制作技巧與步驟! 

是不是像我說的很有“國家地理”的feel啊?

 

素材下載及學(xué)習(xí)交流請加QQ群:170790905

PPT大神,快速提升工作效率,部落窩教育《一周PPT直通車》視頻和《PPT極速貫通班》直播課全心為你!掃下方二維碼關(guān)注公眾號,可隨時隨地學(xué)習(xí)PPT

文章推薦

掌握好PPT中的「點線面」,排版設(shè)計再也不怕沒思路了(上)

地球,對于PPT設(shè)計來說,真是一份超級棒的素材

6個PPT設(shè)計“偷懶”法寶,全都知道的人不足1%!

逆天了!這個基礎(chǔ)形狀在PPT中還能這么玩,效果超級贊!

版權(quán)信息

本文作者: 忘吃藥的曉公子

文章原標(biāo)題:PPT教程」 制作高端又酷炫的立體地圖——“國家地理”范兒走起

本文來源:忘吃藥的曉公子ID:CRAZYPPTer)

轉(zhuǎn)載說明:轉(zhuǎn)載請聯(lián)系作者本人