最近有一位讀者在后臺私信問我,說這樣的PPT圖片排版,看起來非常具有層次感,是怎么完成的?有沒有一些竅門什么的?
坦白講,我相信第一眼看到這樣的幻燈片時(shí),咱們每一個(gè)人都會覺得有些難度,對嗎?
但其實(shí)不然,這種看似復(fù)雜的 PPT 頁面排版樣式,其實(shí)并不難。只需要我們遵循3個(gè)最基礎(chǔ)的原則,你也可以做出視覺層次感超強(qiáng)的圖片排版。
哪3個(gè)呢?不廢話,直接進(jìn)入正題,它們分別是:
每一個(gè)都是 PowerPoint 軟件中自帶的基礎(chǔ)功能。
基于這3個(gè)基礎(chǔ)原則,不僅可以做出上面的 PPT 頁面,而且,當(dāng)我們在進(jìn)行?PPT?設(shè)計(jì)時(shí),如果想要呈現(xiàn)出概念很豐富的視覺效果時(shí),也可以輕松搞定。
比如排版大量的圖標(biāo):
再比如排版大量的圖片:
或者是排版 PPT 封面:
都是可以的。
那問題來了,我們到底該如何利用這3個(gè)基礎(chǔ)原則,完成這種超有創(chuàng)意的圖片排版設(shè)計(jì)呢?
先來說下基礎(chǔ)的原理:
我們之所以會覺得這樣的頁面具有很強(qiáng)的層次感,就在于通過調(diào)整元素的虛實(shí)關(guān)系(透明度,邊緣柔化及尺寸大小),營造了元素的空間關(guān)系。
很難理解,對嗎?沒關(guān)系,咱們通過兩個(gè)案例,來理解一下。
比如我們需要排版下面的一頁 PPT ,大家可以看到,有大量的圖片,而且,從內(nèi)容來看,它的設(shè)計(jì)要點(diǎn),是體現(xiàn)出為海量學(xué)生提供寄宿服務(wù):
那該怎么做呢?
第一步,我們先來把這些所有的圖片,散亂地?cái)[放在頁面上,不要想著對齊,就是散亂地?cái)[放就好:
注意左右兩側(cè)的圖片數(shù)量均勻就好
這一步應(yīng)該沒啥難度吧?就是胡亂地?cái)[。
第二步,我們就要開始營造圖片排版的層次感了。這里大家記住一個(gè)原理,近大遠(yuǎn)小,近實(shí)遠(yuǎn)虛。底部的圖片盡量模糊,看不清,上層的圖片呢,盡量不要調(diào)整。
就像這樣:
視覺上的層次感,是不是一下子就出來了呢?
在這里,補(bǔ)充一個(gè)小的知識點(diǎn),如何調(diào)整圖片的透明度?
操作路徑為:繪制一個(gè)與圖片等尺寸的形狀,然后,選中圖片,剪切。接下來,選擇形狀,設(shè)置形狀格式,選擇圖片填充,圖片的來源選擇剪貼板即可。
第三步,我們可以把文字內(nèi)容放在 PPT 頁面上。我們可以把標(biāo)題字號放大,與正文內(nèi)容形成對比。
第四步,這時(shí)候, PPT 的版式已經(jīng)基本形成,但是背景與內(nèi)容的含義不協(xié)調(diào),所以,我們可以來制作頁面的背景。
從內(nèi)容來看,這個(gè) PPT 是呈現(xiàn)的感覺是溫馨,所以,我們可以找一張溫馨的家庭場景圖片:
為了能夠保證文字內(nèi)容能夠被看清楚,我們可以將它模糊處理,并且,添加一層半透明蒙版:
這時(shí)候,我們再把內(nèi)容放在頁面上,簡單調(diào)整下色彩,就可以了:
怎么樣?還不錯(cuò)吧?
而我們主要處理的,其實(shí)就是調(diào)整了圖片的透明度,就可以讓頁面的視覺層次感變得更強(qiáng)。對嗎?
咱們再來看一個(gè)頁面,如果頁面圖片數(shù)量不多,該如何呈現(xiàn)出層次感呢?假如原稿就是它了:
第一步,從內(nèi)容來看,我們的設(shè)計(jì)要點(diǎn),可以圍繞著「區(qū)塊鏈」和「整合資源」兩個(gè)關(guān)鍵詞切入。
那么,咱們可以想一想,如何體現(xiàn)這兩個(gè)點(diǎn)呢?比如我們可以使用圓環(huán)來體現(xiàn)出整合的感覺:
第二步,圍繞著圓形,把圖片均勻地放置在頁面的兩側(cè),完成基礎(chǔ)的版式:
第三步,這時(shí)候,它很難體現(xiàn)出「資源數(shù)量多」的感覺,而圖片的數(shù)量又有限,該怎么辦呢?
我們可以在圖片的周圍,繪制一些與圖片形狀相同,但透明度不同的形狀,來營造層次感。就像這樣:
第四步,但這時(shí)候,雖然資源豐富的感覺有了,但區(qū)塊鏈的感覺還沒體現(xiàn)出來,怎么辦呢?
我們可以從頁面中的圓形入手,在其上方插入一個(gè)網(wǎng)狀的地球元素:
網(wǎng)狀地球元素來源于千庫網(wǎng)
第五步,這時(shí)候,我們把圓形進(jìn)行替換,就可以完成一張還不錯(cuò)的 PPT 內(nèi)容頁排版:
當(dāng)然,除了這兩個(gè)案例之外,很多時(shí)候,我們都可以用到這個(gè)技巧來營造頁面的層次感。
比如在排版文字云的頁面:
其實(shí),本質(zhì)都是基于這3個(gè)基礎(chǔ)的原則來完成。
明白了嗎?當(dāng)我們?nèi)ヅ虐鎴D片時(shí),如果想要呈現(xiàn)頁面的層次,可以考慮使用這個(gè)方法,會讓你的 PPT 更有設(shè)計(jì)感。
希望能夠?qū)Ω魑挥兴鶐椭?/p> ]]>
在制作PPT時(shí),難免需要對頁面上的圖片進(jìn)行排版。
而如果提起圖片排版,你只知道將它們并列放在頁面上,就像這樣:
不得不說,這未免有些過于單調(diào)。
但你知道嗎?其實(shí)想要把圖片排版的富有創(chuàng)意,并不難,甚至存在一定的規(guī)律。
今天這篇文章,就來跟各位分享一些常用的,且有創(chuàng)意的圖片排版方式。
將圖片的高度與頁面保持一致,并且將其并列排版。非常簡單的一種做法,就可以讓圖片排版顯得不那么單調(diào)。
形式大概是這樣:
這是我最喜歡的一種方式,給大家簡單舉幾個(gè)例子:
當(dāng)然,如果你不喜歡矩形的圖片,還可以將圖片的形狀設(shè)置為其它。比如像梯形:
或者是其它,都可以。但要注意拼接的縫隙,一定要吻合。
我們可以在圖片的底部,添加一個(gè)形狀相同的襯底,并進(jìn)行一些錯(cuò)位。
就像這樣:
當(dāng)然除了添加形狀之外,我們還可以選擇線框。
簡單舉個(gè)例子:
這也是一種非常簡單的方法,但卻會在視覺上產(chǎn)生不同的效果,從而增強(qiáng)創(chuàng)意感。
讓圖片的排版方式,按照一定的節(jié)奏進(jìn)行變化,也是讓排版變得更具創(chuàng)意的方式。
通常來說,關(guān)于錯(cuò)落的形式,大概有這么幾種。
上下錯(cuò)落:
左右錯(cuò)落:
偶爾還有一些傾斜錯(cuò)落:
無非就是這么幾種,大家可以根據(jù)頁面的長度以及圖片的數(shù)量,選擇合適的錯(cuò)落方式即可。
將圖片沿著某一弧度,做成環(huán)繞的樣式,也可以很好的表現(xiàn)出數(shù)量豐富。
什么意思呢?簡單舉個(gè)例子。大概就像這樣:
而如何做出這種環(huán)繞的樣式呢?如果你會使用ps,可以使用變形工具輕松完成。而如果你想要使用powerpoint制作,可以利用三維旋轉(zhuǎn)完成。
基于透視原理,對圖片進(jìn)行排版,是我最喜歡的一種方式。
在PPT軟件中,我們可以利用三維旋轉(zhuǎn),很方便地對圖片進(jìn)行透視調(diào)整:
不了解的朋友,可以參考前面寫過的一篇文章:
PPT中的這個(gè)基礎(chǔ)功能,幫你輕松做出酷炫幻燈片!
一般而言,透視型排版會存在兩種形式。
簡單點(diǎn)說,就是中間大,兩邊逐漸變小。
離視線越近,圖片越大,越清晰,反之則越小。
而無論是哪一種形式,都可以使用軟件自帶的三維轉(zhuǎn)換效果,輕松完成。
如果不需要清晰展示圖片的畫面內(nèi)容,僅僅是為了表現(xiàn)數(shù)量豐富,那么,我們可以將其制作為圖片墻。
就像這樣:
用來展現(xiàn)產(chǎn)品豐富,或者是用戶眾多,會非常合適。
來自濤說PPT
而制作圖片墻,可以借助一款軟件,叫做 Collagelt Pro:
在文末,回復(fù)本文后,刷新本頁,即可在文末看到下載地址
由于這款軟件上手難度極低,我就不做詳細(xì)介紹了,無非就是選擇一個(gè)模板,然后填充圖片,導(dǎo)出,就完了。
當(dāng)然,除此之外,還有另外一種圖片墻的樣式。大概是這樣:
這種的制作難度也不大,而且,借助軟件也可以輕松地完成。之前也寫過了,就不廢話了。推薦一款少有人知的『圖片云』制作神器
以上,就是6種在PPT設(shè)計(jì)中經(jīng)常會用的,且區(qū)別于并列式排版的方法,不難吧?。?/p>
好了,這篇文章就這么多,希望能夠?qū)δ阌兴鶈l(fā)。
最近北方開始降溫了,感覺都快要入冬了,各位北方的讀者們,注意保暖哈~
]]>這是我懂個(gè)P系列教程:第一季,本季的PPT教程,主要講述圖片在PPT中的重要性,分享如何去選圖,選好圖片后如何去排版,對于排版像“要飛”的你,很實(shí)用哦!
我想和這個(gè)世界談?wù)剤D片。
好的圖片:圖文結(jié)合,相得益彰;
我把句子中問號省略了,直接用圖片替代。
書和“讀”相互照應(yīng),倒影形成的唇印又與“她”照應(yīng)。
下面說說排版。?喬布斯還在世的時(shí)候,他的照片和名言就經(jīng)常這樣被人放。
ok,困了,今天先說到這里。
PPT源文件下載地址:我懂個(gè)P教程第一季PPTX源文件
本文作者:@Simon_阿文
作者主頁:http://weibo.com/simonstudio2