做 PPT 總少不了要配圖,但是想讓圖片排版好看實在是不容易。比如很多人都會遇到這幾個問題:
一頁PPT堆滿了圖該怎麼排?
圖片有水印怎麼辦?
圖片被拉伸變形了怎麼辦?
今天這篇文章,我們總結了 6 大技巧,幫你一次性搞定圖片排版!
▲ 圖文排版 PPT 案例
圖片的 2 種作用及處理方法
PPT 中的圖片,大體上有兩種用途:一是作為内容;二是作為修飾。
制作文檔時需要根據圖片的不同用途,來設計 PPT 的版式布局。
▲ PPT 中的圖片用途有兩種
當作為内容(包括産品展示、人物介紹或者軟件截圖等)時,圖片需要在演示中被重點識别和關注。
▲ 産品圖片在 PPT 中的應用案例
▲ 人物圖片在 PPT 中的應用案例
▲ 軟件産品截圖在 PPT 中的應用案例
如上面三個案例,PPT 中的圖片是作為内容出現的,和文字的作用一樣,需要被閱讀和關注,我們不能随意使用另外不相關的圖片來替代。
▋ 作為内容為主的圖片設計方法
當圖片作為内容出現的時候,我們在設計時需要盡可能地保持圖片的簡潔,避免出現複雜的設計效果,同時要盡可能保持規則和布局的統一,以及井然有序的排列。
當圖片作為内容時的設計原則:
❶ 簡潔
PowerPoint 軟件内置了多種圖片效果,比如陰影、映像、發光、三維旋轉、柔化邊緣、棱台,等等。
PPT 新手很容易被這些看上去華麗的預設效果所吸引,恨不得把各種效果全部用在一個 PPT 中,結果導緻「越用心,越醜陋」。
我們要摒棄那些看上去華麗的效果,簡化設計,直觀呈現内容。
❷ 統一
為了保持視覺上的和諧統一,将圖片處理成一緻的形狀和統一的大小,讓同類的元素保持設計上的一緻。
❸ 整齊
所謂的整齊,就要求所有圖片在樣式統一的基礎上嚴格對齊。規則一緻的排列能讓所有元素井然有序地呈現在頁面中,營造出和諧的秩序感。
▲ 簡介、統一、整齊的圖片排列
▲ 利用參考線和對齊工具,做到圖片排版嚴格對齊
當圖片作為修飾時,圖片本身并不是傳遞信息的重點,而是作為一種輔助性設計元素用來豐富畫面或者增強設計感。
▲ 圖片作為修飾,用來豐富畫面或增強設計感
▲ 圖片作為修飾,用來豐富畫面或增強設計感
以上案例中的圖片與文字并沒有嚴格意義上的對應關系,隻作為輔助性的修飾元素呈現在畫面當中。
▋以修飾為主的圖片設計方法
▲ 修飾類圖片的使用原則
以修飾為主的圖片,在設計時你可能需要注意以下 3 點:
❶ 盡可能選用簡單幹淨的圖片,不建議使用過于複雜的圖片;
❷ 保持圖片樣式低調,減少多餘的效果,不要喧賓奪主;
❸ 通過裁剪功能,選擇圖片合适的範圍呈現。
多圖排版設計技巧
插入多張圖片到 PPT 頁面中時,這些圖片往往大小不一,在調整大小的過程中,很可能發生圖片拉伸變形等一系列問題。
下面先看一個案例:
▲ 多圖排版案例-Before
這樣的圖片排布方式是不是過于随意了?
我們隻需要對圖片進行大小統一,然後把頁面中的圖片和文字進行合理的對齊,很快就能讓畫面看上去不再混亂。
▲ 多圖排版案例-After
通過動态的 Before & After 前後對比更加直觀地感受一下優化前後的差異。
▲ 多圖排版案例 Before & After 動态對比
當我們需要在 PPT 中插入多張圖片的時候,需要留意的設計細節包括:統一的規格、正常的比例、規則的排列等。
▲ 多圖排版時需要考慮的設計細節
圖片需要在大小、形狀、效果上做到統一。
同時,正常的比例很重要,置入 PPT 裡邊的圖片在調整大小的時候,會被擠壓變形,而這一點在 PowerPoint 中是完全可以避免的(具體方法後文中會詳細講解)。
而對于規則的排列,簡單來講就是對齊,不能隻靠眼睛憑感覺對齊,我們需要借助于對齊工具進行嚴格的對齊。規則整齊的排列,可以讓多圖排版顯得更加專業。
▲ 規則整齊的排列讓多圖排版更加專業
下圖是一些多圖片排版的參考案例:
▲ 多圖片排版案例
通過形狀占位法設計圖片排版
在實際操作中,如果所有圖片是一張張地插入 PPT,我們就得逐個對它們進行編輯,把圖片調整到合适的位置和大小等等,有很多重複性的工作。
那麼,有沒有辦法可以簡化這些操作呢?
▲ 案例:PPT 中包含多張圖片
我們可以換一種思路來做這樣的圖片排版:在圖片對應的位置用一個形狀暫時代替,這個形狀代表的就是要插入的圖片。
▲ 在圖片位置上用形狀占位排版
接下來,我們把圖片填充到對應位置的形狀裡邊就行了。
操作方法:右鍵點擊【形狀】,在【設置形狀格式】中選擇【用圖片或紋理填充】選項,然後把目标圖片直接以填充的方式放置在形狀當中。
用圖片填充形狀的操作步驟:
▲ 操作演示-用圖片填充形狀
上面的操作步驟是 PowerPoint 軟件原生自帶的傳統操作方式,如果借助 iSlide 來進行圖片填充會更加高效便捷。
操作方法:選中【形狀】,然後在 iSlide 圖片庫中點擊目标圖片一鍵插入到所選形狀當中。
▲ 通過 iSlide 圖片庫快速填充圖片的方法
▲ 操作演示-通過 iSlide 圖片庫快速填充圖片
我把這種通過形狀占位進行圖片排版的方法叫做形狀占位法。
iSlide 插件中所有包含圖片的圖示資源也是通過這種方法進行設計的。占位形狀不用删除,直接把圖片填充到形狀裡邊即可。
▲ 形狀占位法第一步:用形狀占位排版
▲ 形狀占位法第二步:将圖片插入形狀中
通過形狀占位法進行圖片排版不僅效率高,更換圖片也更方便,隻要重新填充圖片即可,并且保持原排版布局不變。
另外,在 PPT 中對異形圖片的處理也變得更容易,如下圖所示異形圖片排版案例:
▲ PPT 中異形圖片排版案例
你所看到的異形圖片,其實本質上是一個異形的形狀。
由于形狀本身限定了圖片的顯示區域,所以對異形圖片的處理就變成了對形狀的處理,大大降低了 PPT 中異形圖片設計的難度。
比如下面的這個案例,首先用一個墨迹形狀進行占位,然後直接把圖片填充到這個墨迹形狀裡邊就完成了墨迹圖片的設計,是不是更容易實現呢?
▲ 用「墨迹」形狀進行占位
▲ 把圖片填充到「墨迹」形狀裡邊
關于墨迹圖片的設計,可以戳我們往期文章查看:
《PPT 做墨迹圖片效果,看這一篇就夠了!》
恢複被拉伸擠壓變形的圖片
有時候為了讓圖片大小一緻,難免會發生變形,不過沒有關系,在 PowerPoint 軟件較新的版本中,這些都不是問題了。
(不要問哪個版本的 PowerPoint 更好,肯定是版本越新越好!)
操作方法:雙擊變形的圖片,在【圖片格式】菜單中選擇【裁剪】下拉菜單中的【填充】,圖片就會自動恢複到原始比例。
▲ 使用「填充」功能恢複變形的圖片
▲ 操作演示-使用「填充」功能恢複變形的圖片
這樣的填充裁剪操作非常人性化,不僅恢複了變形的圖片,而且被裁剪的部分并沒有完全裁減掉,它隻是被蒙版隐藏起來。
我們可以在裁剪狀态下,在形狀顯示區域内部移動調整想要顯示的畫面,讓圖片以最完美的形式呈現在畫面中。
▲ 裁剪圖片,重新調整圖片顯示區域
以下圖為例,Before 中的圖片顯示區域很不理想,圖片中的人物從脖子的位置被「切頭」:
▲ 圖片顯示區域不理想,人物被「切頭」
按照上面介紹的裁剪方法對圖片顯示區域進行重現調整後:
▲ 通過裁剪重新調整圖片顯示區域後
圖片作為背景的處理方法
根據前文介紹過的圖片的 2 種用途來看,當圖片作為背景時也屬于修飾性的元素,在設計時會處理的比較低調,讓前景内容更為突出,而不至于喧賓奪主。
▲ 處理背景圖片的常用方法
如下圖所示,背景圖片過于複雜,寫在上面的文字很難識别閱讀:
▲ 背景圖片未做處理,前景文字很難識别
為了更容易地閱讀前景文字内容,我們對背景圖片稍作虛化處理,同時在背景圖片和文字之間加一層半透明色塊,這樣文字就變得很容易識别了。
▲ 背景圖片弱化處理,突出前景文字信息
▲ 背景圖片處理前後對比
▋在圖片上層疊加半透明形狀的操作方法
插入形狀,設置填充色,右鍵單擊形狀選擇【設置形狀格式】,在形狀選項的【填充】下面調整透明度。
▲ 圖片疊加半透明色塊的操作步驟
▲ 操作演示-圖片疊加半透明色塊
疊加半透明形狀後的圖層關系:
▲ 背景圖片、般透明色塊和前景文字的圖層關系
▋PPT 中圖片去色的處理方法
選中目标圖片打開【圖片格式】菜單,在【顔色】中選擇合适的【顔色飽和度】,在【圖片顔色選項】中可以調節飽和度百分比。
▲ PPT 中降低圖片色彩飽和度的處理步驟
▲ 不同色彩飽和度的圖片
▋PPT 中圖片虛化的處理方法
選中目标圖片打開【圖片格式】菜單,在【藝術效果】中選擇【虛化】效果,在【藝術效果選項】中可以調節虛化半徑。
▲ PPT 中圖片虛化的處理步驟
▲ 不同虛化半徑的虛化效果
PPT 中圖片裁剪的處理方法在前文中講解恢複圖片變形問題時有說明,這裡不再贅述,在遇到具體情況時,根據需要進行裁剪,保留想要顯示的圖片區域。
▋PPT 中圖片與背景融合的處理方法
先看下圖中圖片與背景融合的案例:
▲ 圖片與純白色背景融合
在這個案例中,圖片與前景内容之間,疊加了一層漸變填充的色塊,讓圖片與背景自然地融為一體。
▲ 借助漸變色塊,實現圖片與背景的融合
如果沒有透明漸變圖層,背景圖片的邊界在畫面中會顯得非常突兀,如下圖所示:
▲ 沒有添加白色漸變色塊,底層圖片邊界突兀
▋案例中漸變色塊的設置
上面案例中漸變色塊的設置方法不難理解,兩個漸變光圈就可以實現,其中一端設置為完全透明,另一端完全不透明。
接着在畫面中實時預覽調整漸變光圈的位置到滿意的位置即可。這裡漸變光圈的具體位置沒有特定的參數,需要根據自己的設計靈活調整。
▲ 透明漸變色塊的漸變光圈設置
工具輔助:iSlide 插件輔助設計
前面介紹的内容在具體操作過程中,有幾個操作是非常高頻的,比如對齊元素、快速統一元素大小、改變元素之間的上下圖層關系。
借助 iSlide 插件提供的設計工具面闆,這些操作會變得更加流暢便捷。
iSlide 設計工具打開方式:在 iSlide 插件【設計】組中點擊【設計工具】菜單即可打開設計工具面闆。
需要說明的是,如果沒有選中任何元素,設計工具中很多按鈕是灰色不可用狀态。
▲ 識别圖中二維碼可以查看視頻講解
下面對設計工具中的對齊工具、統一大小工具、調整圖層順序工具做簡要介紹。
▋對齊工具
雖然 PowerPoint 提供了對齊工具,但是深藏在軟件菜單中不便操作。iSlide 将對齊功能統一放置在設計工具面闆中,極大地提高了元素對齊的操作效率。
▲ iSlide 設計工具中的對齊工具組
▋ 統一大小工具
當選中兩個及以上元素的時候,iSlide 插件的統一大小工具可以一鍵統一所有選中元素的寬度、高度和大小。實現等高、等寬、等大小的基準是最後選中的元素。
▲ iSlide 設計工具中的統一大小工具組
▲ 操作演示-利用 iSlide 設計工具一鍵統一形狀大小
▋ 調整圖層順序工具
PPT 頁面中的所有元素都有各自獨立的圖層,默認的圖層順序是按照設計時插入的先後順序排列的。
在設計過程中,我們時刻需要重新調整元素的圖層順序。在 iSlide 插件「設計工具」面闆中,可以很方便地快速改變圖層順序。
▲ iSlide 設計工具中的調整圖層順序工具組
▲ 圖層順序調整原理
PowerPoint 軟件提供的圖層功能叫做【選擇窗格】,按快捷鍵 Alt F10 可以快速打開選擇窗格;
在選擇窗格裡可以對頁面中的元素進行查看、選擇和拖動改變圖層順序,也可以對元素進行快速隐藏和顯示。
利用 iSlide「裁剪圖片」功能一鍵統一圖片大小:
PPT 頁面中一次性導入多張圖片,可以通過 iSlide 插件提供的【裁剪圖片】功能一鍵統一圖片大小。
▲ iSlide 批量裁剪圖片功能
可以全選圖片後輸入寬度和高度值進行裁剪,也可以最後選擇目标大小圖片,點擊【後選形狀大小】以最後選中的形狀為大小基準進行裁剪。
▲ 操作演示-利用 iSlide「裁剪圖片」功能一鍵統一圖片大小
希望今天的文章能夠幫你解決一些制作 PPT 時的困擾。
喜歡就關注我吧,每天分享職場知識,辦公技巧!
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!