這篇文章主要是通過兩個(gè)環(huán)形圖案例,來完整拆解它們的設(shè)計(jì)過程:分別是圖表型頁面和科技型頁面。希望讀完這篇文章后,你能夠完整復(fù)刻這兩個(gè)頁面,并且可以掌握一些PPT設(shè)計(jì)的必知操作方法。
我們知道,對(duì)于 PPT 中的圖表來講,常用的無非3種形式,柱狀圖、折線圖以及環(huán)形圖。
常規(guī)的做法,無非是在 PPT 中直接插入圖表,修改下顏色即可:
這樣的做法,雖說可以,但呈現(xiàn)形式未免過于普通。那么,如何才能制作出有創(chuàng)意的 PPT 圖表呢?
這篇文章,我挑選兩個(gè)環(huán)形圖案例,來完整拆解它們的設(shè)計(jì)過程:
在讀完這篇文章后,我希望你能夠有兩方面的收獲:
這是屬于比較實(shí)用的多環(huán)圖表:
這個(gè)頁面是怎么做出來的呢?這里所牽扯到的知識(shí)點(diǎn),主要有3個(gè):
咱們挨個(gè)來說。
首先第一個(gè),這里的漸變弧形圖表,是怎么繪制出來的呢?
如果我們把其中一個(gè)拆解來看,其實(shí)會(huì)發(fā)現(xiàn),我們需要繪制兩個(gè)圓環(huán)以及兩個(gè)弧形:
好的,那這種很圓潤(rùn)的漸變弧形是如何調(diào)整的呢?這里分為4個(gè)步驟:
我們需要先利用 PowerPoint 軟件自帶的圖表,來明確環(huán)形圖表的長(zhǎng)度,以確保圖表呈現(xiàn)的準(zhǔn)確性:
但 PPT 自帶的圖表,在調(diào)整起來很受局限,所以,我們可以通過插入兩根弧線,來替代圖表部分:
弧線漸變的顏色參數(shù)如下,可以作為參考:
接下來,就需要繪制圖表底部的色塊。
添加色塊襯底的作用,是為了讓多個(gè)圖表排列在同一頁面時(shí),看起來更加整齊。
在這里,我們需要注意圖表部分在色塊上的位置,盡量保持一個(gè)文字寬度的間距,這樣,可以讓圖表看起來更具呼吸感:
為了讓色塊與頁面背景融合度更高,我們可以選擇一個(gè)深色色塊,參數(shù)調(diào)整如下,可以參考:
最后,是頁面的版式布局。
在這里,我們需要保證頁面上下間距和左右間距一致,這樣,在制作整套 PPT 時(shí),可以讓頁面的版式看起來更加統(tǒng)一。
這是一張科技感十足的 PPT 圖表頁設(shè)計(jì),這個(gè)案例看起來會(huì)很復(fù)雜,對(duì)嗎?
但其實(shí),如果我們拆解來看的話,其實(shí)無非是這么3個(gè)點(diǎn):
如果我們能夠完成這張頁面,那么,其實(shí),會(huì)學(xué)到很多的知識(shí)點(diǎn):
好了,廢話不多,咱們直接進(jìn)入正題。
首先,這里科技感的標(biāo)題欄是如何繪制的呢?
依舊是把標(biāo)題欄進(jìn)行拆解,我們會(huì)發(fā)現(xiàn),它包含這么幾個(gè)點(diǎn):
那么,這里平行四邊形的漸變效果是如何調(diào)整的呢?這里有一些參數(shù)設(shè)置供你參考:
然后是科技折線的繪制。這里,我們需要用到任意多邊形,按著 Shift 鍵,即可繪制135°折角的線條:
接下來是光效的處理。
我們可以利用 PowerPoint 軟件自帶的重新著色功能,將光效素材進(jìn)行變色,增強(qiáng)與頁面的融合感:
最后是文字光效的設(shè)計(jì)。
使用 PowerPoint 軟件自帶的發(fā)光,效果并不好,所以,我們可以通過調(diào)整文字陰影,來營造光效的感覺:
到這里,一個(gè)科技感十足的標(biāo)題欄,就算完成了。
接下來,就需要牽扯到環(huán)形圖表的設(shè)計(jì)。
如果我們對(duì)其中一個(gè)圖表形式進(jìn)行拆解:
其實(shí)會(huì)發(fā)現(xiàn),這里依舊是一系列設(shè)計(jì)零件組合而成:
首先,我們先來繪制空心弧01,這個(gè)屬于圖表的底部色塊。
我們可以通過插入基礎(chǔ)形狀中的環(huán)形來繪制:
調(diào)整形狀兩側(cè)的黃色控點(diǎn),可以來改變環(huán)形的寬度:
這里是空心圓弧的參數(shù),僅供參考:
然后是繪制另一個(gè)空心的圓弧,方法都是一樣的,我就不多啰嗦了,這里提供一些參數(shù)設(shè)置:
最后,我們?cè)趫A形弧之內(nèi),插入一個(gè)漸變的弧形邊框,讓圖表的層次感更加豐富:
最后是圖表底部的平臺(tái)圖形繪制。
這里利用的是梯形,通過調(diào)整其漸變形式,來營造出透視的感覺。
這里兩個(gè)細(xì)節(jié)的處理,一是在梯形的底部,添加一條矩形,增強(qiáng)圖形厚重的效果:
二是當(dāng)我們?cè)谄脚_(tái)上添加圖標(biāo)時(shí),記得添加陰影,可以讓效果更加逼真:
到這里,其中一個(gè)圖表樣式就算完成了:
其它的兩個(gè)圖表,繪制方式也是一樣的,你可以通過復(fù)制的方式完成制作:
最后,我們把標(biāo)題和圖表部分結(jié)合在一起,即可完成一張科技感十足的 PPT 圖表頁設(shè)計(jì):
上面所分享的呢,就是完整的設(shè)計(jì)過程。
我相信,對(duì)于這種實(shí)例型的教程來說,即便你是一個(gè)PPT小白,也能夠完整地模仿制作出相應(yīng)的頁面,并在這個(gè)過程中,掌握一些基礎(chǔ)操作的使用方式。
對(duì)嗎?
現(xiàn)在在評(píng)論區(qū)評(píng)論任意文字即可獲得完整課件 PDF 版。
原標(biāo)題:PPT的圖表頁還在傻傻放表格?這2個(gè)案例讓你大開眼界!
要發(fā)表評(píng)論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
pptfans移動(dòng)版關(guān)于我們聯(lián)系我們版權(quán)聲明
PPTfans.cn (PPT設(shè)計(jì)教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號(hào) | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計(jì)&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號(hào)
厲害哦
555
好
哇
dasd asd a
感謝分享
感謝分享
科技感PPT
好
收集
吊!
感謝
優(yōu)秀
謝謝分享,學(xué)習(xí)了
受教了,謝謝
不錯(cuò)
學(xué)習(xí)學(xué)習(xí)
太優(yōu)秀啦??!
狠狠震懾到了
感謝!
厲害了,666
學(xué)習(xí)了6666
厲害了
學(xué)習(xí)到了 謝謝
學(xué)習(xí)了
學(xué)習(xí)了
感謝分享
666
Nice!
教程很棒,想學(xué)
教程很棒,想學(xué)
好好學(xué)習(xí)
這教程不錯(cuò)
老高端了,受教了。
值得學(xué)習(xí)
謝謝
值得學(xué)習(xí)
厲害
好好學(xué)習(xí)
good
厲害
炫酷
優(yōu)秀
很好
科技感確實(shí)炫酷
教程不錯(cuò)
學(xué)習(xí)了