PPT圖表美化教程07:PPT餅圖如何增加視覺效果

SmartArt·圖表圖形2014-10-29

留言 0

導讀

就PPT餅圖本身來講的話，圖形元素比較簡單，一般情況下只需要注意配色以及數(shù)據(jù)標注等細節(jié)問題，就能夠達到比較好的展現(xiàn)效果。

在上一期的文章當中，我為大家簡單介紹了PPT餅圖的一些常規(guī)美化方法。就PPT餅圖本身來講的話，圖形元素比較簡單，一般情況下只需要注意配色以及數(shù)據(jù)標注等細節(jié)問題，就能夠達到比較好的展現(xiàn)效果。但也正因為是如此簡單，所以要讓普普通通的餅圖能夠更具視覺效果的話，通常需要添加一些額外的元素和手段來實現(xiàn)。

1，偽3D效果

在扁平化的設(shè)計風格當中，展現(xiàn)光影和質(zhì)感細節(jié)的真3D效果不再常用，而是代之以用明度（Brightness）變化來展現(xiàn)立體層次感的簡潔設(shè)計。這種立體層次感并不像真實的3D圖形那樣顯著和突兀，而是更像一種不真實的光線折射感，其中所包含的立體感低調(diào)而隱約。在這里，我暫且將這種效果稱之為偽3D，例如PPT設(shè)計中常用的長投影圖標和折紙效果都可以歸類為這種偽3D。

在餅圖上也可以很方便的做出這樣的偽3D效果來，例如下圖的效果：

這個圖中的圓環(huán)有一種俯視立體感，就是通過餅圖疊加簡單的明度變化來實現(xiàn)的：先通過插入形狀功能，繪制一個比餅圖直徑小一些的圓形形狀（插入橢圓形狀，按住Shift鍵拖拽鼠標可以拉出一個標準圓形）。將這個圓形邊框設(shè)為無邊框，填充色設(shè)置為黑色，然后設(shè)置透明度為65%左右，然后疊放到餅圖中央，這樣就能令餅圖的原有色彩產(chǎn)生明度上的變化。然后再繪制一個更小一點的圓形，使用純白色填充，然后再度疊放到圓形的中央，形成三層堆疊后就完成了這種效果。為了增強立體感，可以將餅圖的邊框設(shè)置為【無邊框】。

圓環(huán)和餅圖在數(shù)據(jù)的邏輯表達上并無二致，但圓環(huán)比餅圖的色塊面積要?。舭赘啵?，比餅圖顯得更輕巧更開放，中央空白區(qū)域還可以用來填寫圖表或系列的名稱，整體視覺效果通常比餅圖更優(yōu)，因此在PPT中有很多情況下也會用圓環(huán)圖來代替餅圖。

除了像上面這樣用餅圖加圓形圖形蒙版來實現(xiàn)的方法，也可以直接使用圓環(huán)圖表類型來進行繪制，這樣的話圓環(huán)中心區(qū)域會與PPT背景更趨一致：

上面的方法當中，令圖表顏色產(chǎn)生明度變化的方法是疊加了一層黑色半透明圖形，這樣可以讓顏色明度降低，如果把疊加的圖形填充色改成白色半透明，就可以令明度增大，同樣可以產(chǎn)生另一種立體折射感：

不把餅圖遮擋成圓環(huán)形，而是直接使用半透明的圓形蒙版，在扇區(qū)分布比較均勻的情況下也會有比較不錯的效果：

2，漸變效果

使用漸變效果可以讓圖形產(chǎn)生光感和質(zhì)感。
漸變的實現(xiàn)方法比較簡單的是單獨選中餅圖中的單個扇區(qū)以后，從圖表工具欄中的【格式】選項卡中選擇【形狀填充】下拉菜單中的【漸變】效果來應用，這里有一些預置的漸變效果供選擇。在選擇的時候需要注意不同扇區(qū)的漸變角度，要在整體上保持光線來源和角度的一致性，比如陰影方向都指向圓心。

除此以外，也可以選中單個扇區(qū)以后點擊右鍵，選擇【設(shè)置數(shù)據(jù)點格式】命令后，在系列填充對話框中手動設(shè)置漸變光圈。手動設(shè)置漸變光圈相對來說比較復雜，除了漸變類型和方向，每個光圈還包含了顏色、位置、透明度、亮度等多個要素，操作起來需要比較高的技巧。

3，web2.0效果

在扁平風格流行之前，正是web2.0風格大行其道之時。所謂的web2.0設(shè)計風格，主要的要素包括鮮艷明亮的色彩以及漸變和高光/反光的運用，有光潔透亮的質(zhì)感。
下面的這個餅圖就是一個簡單模仿web2.0風格的效果，有晶瑩剔透的水晶質(zhì)感。

在餅圖上產(chǎn)生這個高光效果的手段是使用了一層漸變半透明的白色蒙版。具體實現(xiàn)方法如下：
使用插入形狀，繪制一個直徑略小于餅圖的圓形。對這個圓形使用90度的線性漸變填充（從上往下透明度逐漸增高），包含兩個光圈，第一個光圈使用白色填充，位置為0%，透明度為0%，亮度為0%；第二個光圈使用白色或淺灰色填充，位置調(diào)整至80%～65%左右（產(chǎn)生的效果是底部邊緣不明顯），透明度為100%，亮度為0%。
將設(shè)置好漸變填充的圓形覆蓋于餅圖上方，就能產(chǎn)生最終的高光效果。