Hi，各位，
這是 iSlide 鼠年第一篇文章，
突如其來的疫情阻斷了人們的正常生活和工作，
連續N天只能蝸居在家等待好消息的到來，
iSlide 真心希望為大家能盡一些所及之力。
這篇近5000字的文章，
由 Bobbie 老師根據團隊多年實戰經驗，
連夜奮戰彙編而成，
另外 iSlide 線上課程將全部免費學習！
圖文排版是PPT設計中不可或缺的呈現方式，在長期的PPT設計積累中，我們總結出了一些相關的經驗和技巧。
圖文排版PPT案例
01.
圖片在PPT中的2種作用及處理方法
PPT中的圖片，大體上有兩種用途：一是作為內容；二是作為修飾。
製作文檔時需要根據圖片的不同用途，來設計PPT的版式佈局。
PPT中的圖片用途有兩種
當作為內容（包括產品展示、人物介紹或者軟件截圖等）時，圖片需要在演示中被重點識別和關注。
產品圖片在PPT中的應用案例
人物圖片在PPT中的應用案例
軟件產品截圖在PPT中的應用案例
如上面三個案例，PPT中的圖片是作為內容出現的，和文字的作用一樣，需要被閱讀和關注，我們不能隨意使用另外不相關的圖片來替代。
- 作為內容為主的圖片設計方法：
當圖片作為內容出現的時候，我們在設計時需要儘可能地保持圖片的簡潔，避免出現複雜的設計效果，同時要儘可能保持規則和佈局的統一，以及井然有序的排列。
當圖片作為內容時的設計原則
簡潔：PowerPoint軟件內置了多種圖片效果，比如陰影、映像、發光、三維旋轉、柔化邊緣、稜臺，等等。PPT新手很容易被這些看上去華麗的預設效果所吸引，恨不得把各種效果全部用在一個PPT中，結果導致“越用心，越醜陋”。我們要摒棄那些看上去華麗的效果，簡化設計，直觀呈現內容。
統一：為了保持視覺上的和諧統一，將圖片處理成一致的形狀和統一的大小，讓同類的元素保持設計上的一致。
整齊：所謂的整齊，就要求所有圖片在樣式統一的基礎上嚴格對齊。規則一致的排列能讓所有元素井然有序地呈現在頁面中，營造出和諧的秩序感。
簡介、統一、整齊的圖片排列
利用參考線和對齊工具，做到圖片排版嚴格對齊
當圖片作為修飾時，圖片本身並不是傳遞信息的重點，而是作為一種輔助性設計元素用來豐富畫面或者增強設計感。
圖片作為修飾，用來豐富畫面或增強設計感
圖片作為修飾，用來豐富畫面或增強設計感
以上案例中的圖片與文字並沒有嚴格意義上的對應關係，只作為輔助性的修飾元素呈現在畫面當中。
- 以修飾為主的圖片設計方法：
修飾類圖片的使用原則
以修飾為主的圖片，在設計時你可能需要注意以下3點：
1.儘可能選用簡單幹淨的圖片，不建議使用過於複雜的圖片；
2.保持圖片樣式低調，減少多餘的效果，不要喧賓奪主；
3.通過裁剪功能，選擇圖片合適的範圍呈現。
02.
多圖排版設計技巧
插入多張圖片到PPT頁面中時，這些圖片往往大小不一，在調整大小的過程中，很可能發生圖片拉伸變形等一系列問題。
下面先看一個案例：
多圖排版案例-Before
這樣的圖片排布方式是不是過於隨意了？
我們只需要對圖片進行大小統一，然後把頁面中的圖片和文字進行合理的對齊，很快就能讓畫面看上去不再混亂。
多圖排版案例-After
通過動態的 Before & After 前後對比更加直觀地感受一下優化前後的差異。
多圖排版案例 Before & After 動態對比
當我們需要在PPT中插入多張圖片的時候，需要留意的設計細節包括：統一的規格、正常的比例、規則的排列等。
多圖排版時需要考慮的設計細節
圖片需要在大小、形狀、效果上做到統一。同時，正常的比例很重要，置入PPT裡邊的圖片在調整大小的時候，會被擠壓變形，而這一點在PowerPoint中是完全可以避免的（具體方法後文中會詳細講解）。
而對於規則的排列，簡單來講就是對齊，不能只靠眼睛憑感覺對齊，我們需要藉助於對齊工具進行嚴格的對齊。規則整齊的排列，可以讓多圖排版顯得更加專業。
規則整齊的排列讓多圖排版更加專業
下圖是一些多圖片排版的參考案例：
多圖片排版案例
03.
通過形狀佔位法設計圖片排版
在實際操作中，如果所有圖片是一張張地插入PPT，我們就得逐個對它們進行編輯，把圖片調整到合適的位置和大小等等，有很多重複性的工作。
那麼，有沒有辦法可以簡化這些操作呢？
案例：PPT中包含多張圖片
我們可以換一種思路來做這樣的圖片排版：在圖片對應的位置用一個形狀暫時代替，這個形狀代表的就是要插入的圖片。
在圖片位置上用形狀佔位排版
接下來，我們把圖片填充到對應位置的形狀裡邊就行了。
操作方法：右鍵點擊形狀，在“設置形狀格式”中選擇“用圖片或紋理填充”選項，然後把目標圖片直接以填充的方式放置在形狀當中。
用圖片填充形狀的操作步驟：
操作演示-用圖片填充形狀
上面的操作步驟是PowerPoint軟件原生自帶的傳統操作方式，如果藉助iSlide來進行圖片填充會更加高效便捷。
- 操作方法：選中形狀，然後在iSlide圖片庫中點擊目標圖片一鍵插入到所選形狀當中。
通過iSlide圖片庫快速填充圖片的方法
操作演示-通過iSlide圖片庫快速填充圖片
我把這種通過形狀佔位進行圖片排版的方法叫做形狀佔位法。
iSlide插件中所有包含圖片的圖示資源也是通過這種方法進行設計的。佔位形狀不用刪除，直接把圖片填充到形狀裡邊即可。
形狀佔位法，第一步：用形狀佔位排版
形狀佔位法，第二步：將圖片插入形狀中
通過形狀佔位法進行圖片排版不僅效率高，更換圖片也更方便，只要重新填充圖片即可，並且保持原排版佈局不變。
另外，在PPT中對異形圖片的處理也變得更容易，如下圖所示異形圖片排版案例：
PPT中異形圖片排版案例
你所看到的異形圖片，其實本質上是一個異形的形狀。由於形狀本身限定了圖片的顯示區域，所以對異形圖片的處理就變成了對形狀的處理，大大降低了PPT中異形圖片設計的難度。
比如下面的這個案例，首先用一個墨跡形狀進行佔位，然後直接把圖片填充到這個墨跡形狀裡邊就完成了墨跡圖片的設計，是不是更容易實現呢？
用“墨跡”形狀進行佔位
把圖片填充到“墨跡”形狀裡
04.
恢復被拉伸擠壓變形的圖片
有時候為了讓圖片大小一致，難免會發生變形，不過沒有關係，在PowerPoint軟件較新的版本中，這些都不是問題了。（不要問哪個版本的PowerPoint更好，肯定是版本越新越好！）
操作方法：雙擊變形的圖片，在“圖片格式”菜單中選擇“裁剪”下拉菜單中的“填充”，圖片就會自動恢復到原始比例。
使用“填充”功能恢復變形的圖片
操作演示-使用“填充”功能恢復變形的圖片
這樣的填充裁剪操作非常人性化，不僅恢復了變形的圖片，而且被裁剪的部分並沒有完全裁減掉，它只是被蒙版隱藏起來。
我們可以在裁剪狀態下，在形狀顯示區域內部移動調整想要顯示的畫面，讓圖片以最完美的形式呈現在畫面中。
裁剪圖片，重新調整圖片顯示區域
以下圖為例，Before中的圖片顯示區域很不理想，圖片中的人物從脖子的位置被“切頭”：
圖片顯示區域不理想，人物被“切頭”
按照上面介紹的裁剪方法對圖片顯示區域進行重現調整後：
通過裁剪重新調整圖片顯示區域後
05.
圖片作為背景的處理方法
根據前文介紹過的圖片的2種用途來看，當圖片作為背景時也屬於修飾性的元素，在設計時會處理的比較低調，讓前景內容更為突出，而不至於喧賓奪主。
處理背景圖片的常用方法
如下圖所示，背景圖片過於複雜，寫在上面的文字很難識別閱讀：
背景圖片未做處理，前景文字很難識別
為了更容易地閱讀前景文字內容，我們對背景圖片稍作虛化處理，同時在背景圖片和文字之間加一層半透明色塊，這樣文字就變得很容易識別了。
背景圖片弱化處理，突出前景文字信息
背景圖片處理前後對比
在圖片上層疊加半透明形狀的操作方法：
插入形狀，設置填充色，右鍵單擊形狀選擇“設置形狀格式”，在形狀選項的“填充”下面調整透明度。
圖片疊加半透明色塊的操作步驟
操作演示-圖片疊加半透明色塊
疊加半透明形狀後的圖層關係：
背景圖片、般透明色塊和前景文字的圖層關係
PPT中圖片去色的處理方法：
選中目標圖片打開“圖片格式”菜單，在“顏色”中選擇合適的“顏色飽和度”，在“圖片顏色選項”中可以調節飽和度百分比。
PPT中降低圖片色彩飽和度的處理步驟
不同色彩飽和度的圖片
PPT中圖片虛化的處理方法：
選中目標圖片打開“圖片格式”菜單，在“藝術效果”中選擇“虛化”效果，在“藝術效果選項”中可以調節虛化半徑。
PPT中圖片虛化的處理步驟
不同虛化半徑的虛化效果
PPT中圖片裁剪的處理方法在前文中講解恢復圖片變形問題時有說明，這裡不再贅述，在遇到具體情況時，根據需要進行裁剪，保留想要顯示的圖片區域。
PPT中圖片與背景融合的處理方法：
先看下圖中圖片與背景融合的案例
圖片與純白色背景融合
在這個案例中，圖片與前景內容之間，疊加了一層漸變填充的色塊，讓圖片與背景自然地融為一體。
藉助漸變色塊，實現圖片與背景的融合
如果沒有透明漸變圖層，背景圖片的邊界在畫面中會顯得非常突兀，如下圖所示：
沒有添加白色漸變色塊，底層圖片邊界突兀
案例中漸變色塊的設置：
上面案例中漸變色塊的設置方法不難理解，兩個漸變光圈就可以實現，其中一端設置為完全透明，另一端完全不透明。
接著在畫面中實時預覽調整漸變光圈的位置到滿意的位置即可。這裡漸變光圈的具體位置沒有特定的參數，需要根據自己的設計靈活調整。
透明漸變色塊的漸變光圈設置
06.
工具輔助：
iSlide插件輔助設計
前面介紹的內容在具體操作過程中，有幾個操作是非常高頻的，比如對齊元素、快速統一元素大小、改變元素之間的上下圖層關係。藉助iSlide插件提供的設計工具面板，這些操作會變得更加流暢便捷。
iSlide設計工具打開方式：在iSlide插件“設計”組中點擊“設計工具”菜單即可打開設計工具面板。
需要說明的是，如果沒有選中任何元素，設計工具中很多按鈕是灰色不可用狀態。
下面對設計工具中的對齊工具、統一大小工具、調整圖層順序工具做簡要介紹。
對齊工具：
雖然PowerPoint提供了對齊工具，但是深藏在軟件菜單中不便操作。iSlide將對齊功能統一放置在設計工具面板中，極大地提高了元素對齊的操作效率。
iSlide設計工具中的對齊工具組
統一大小工具：
當選中兩個及以上元素的時候，iSlide插件的統一大小工具可以一鍵統一所有選中元素的寬度、高度和大小。實現等高、等寬、等大小的基準是最後選中的元素。
iSlide設計工具中的統一大小工具組
操作演示-利用iSlide設計工具一鍵統一形狀大小
調整圖層順序工具：
PPT頁面中的所有元素都有各自獨立的圖層，默認的圖層順序是按照設計時插入的先後順序排列的。
在設計過程中，我們時刻需要重新調整元素的圖層順序。在iSlide插件“設計工具”面板中，可以很方便地快速改變圖層順序。
iSlide設計工具中的調整圖層順序工具組
圖層順序調整原理
PowerPoint軟件提供的圖層功能叫做“選擇窗格”，按快捷鍵Alt+F10可以快速打開選擇窗格 ，在選擇窗格里可以對頁面中的元素進行查看、選擇和拖動改變圖層順序，也可以對元素進行快速隱藏和顯示。
利用iSlide“裁剪圖片”功能一鍵統一圖片大小：
PPT頁面中一次性導入多張圖片，可以通過iSlide插件提供的“裁剪圖片”功能一鍵統一圖片大小。
iSlide批量裁剪圖片功能
可以全選圖片後輸入寬度和高度值進行裁剪，也可以最後選擇目標大小圖片，點擊“後選形狀大小”以最後選中的形狀為大小基準進行裁剪。
操作演示-利用iSlide“裁剪圖片”功能一鍵統一圖片大小
07.
助力戰“疫”
iSlide課程限時免費
為了助力這場戰“疫”，iSlide 限時提供免費課程
讓大家在空閒時間之餘能夠多充實自己，養成好的學習習慣。
等打贏這場戰“疫”，我們才有更多能量去讓祖國快速恢復。
1.《專業的PPT是怎樣煉成的》
主講人：Bobbie
原價：99￥
助力戰“疫”：免費
免費截止日期：2020年2月9日23時59分
學習地址：iSlide官網 - 幫助中心 - PPT在線課程
2.《用PPT搞定日常設計》
主講人：Bobbie
原價：59.9￥
助力戰“疫”：免費
免費截止日期：2020年2月9日23時59分
學習地址：iSlide官網 - 幫助中心 - PPT在線課程
3.《6堂課掌握新媒體必備技能》
主講人：135編輯器、iSlide、問卷網等6家聯合
原價：39.9￥
助力戰“疫”：免費
免費截止日期：2020年2月9日23時59分
學習地址：iSlide官網 - 幫助中心 - PPT在線課程
4.《7節課搞定畢業答辯PPT》
主講人：Bobbie
原價：39.9￥
助力戰“疫”：免費
免費截止日期：2020年2月9日23時59分
學習地址：iSlide官網 - 幫助中心 - PPT在線課程
08.
直播預告：
B站直播分享+答疑
關於PPT中圖片處理的技巧，今天先分享這麼多。
2月6日（週四）晚上20:00，我會在B站對今天的內容做一次直播分享。
如果你在閱讀本文的時候遇到問題，先記在小本本上，直播答疑環節可以直接向我提問。
請大家提前關注我的 B站主頁，2月6日晚8點我在直播間（B站賬號：Bobbie_Li）等你。
最後溫馨提示大家，
面對疫情一定要少出門、勤洗手。
武漢加油，中國加油！
閱讀更多 iSlide 的文章
