51PPT模板網(wǎng):免費(fèi)提供PPT模板下載。
熱門(mén)搜索:
P界達(dá)人
首頁(yè) > ppt教程 > 綜合技巧 >

品牌宣傳PPT中圖片與形狀的高級(jí)互動(dòng)教程

時(shí)間:2020-08-05  所屬欄目:綜合技巧   版本:圖片 大小:8.37 MB   推薦星級(jí):5 顆星   閱讀:次   下載:次   來(lái)源:陳西設(shè)計(jì)之家←點(diǎn)擊進(jìn)入作品集 

導(dǎo)讀:你好,我是陳西。今天我們講解一下PPT中經(jīng)常會(huì)用到的兩個(gè)元素,圖片和形狀。充分使用好圖片和形狀這兩個(gè)元素也會(huì)做出很棒的PPT作品。我們以陳西設(shè)計(jì)之家為案例,制作一個(gè)簡(jiǎn)短的品牌宣傳PPT作品。主要就會(huì)用到圖片和形狀這兩個(gè)元素。標(biāo)簽圖片,形狀,互動(dòng),教程。
你好,我是陳西。

今天我們講解一下PPT中經(jīng)常會(huì)用到的兩個(gè)元素,圖片和形狀。

充分使用好圖片和形狀這兩個(gè)元素也會(huì)做出很棒的PPT作品。

我們以陳西設(shè)計(jì)之家為案例,制作一個(gè)簡(jiǎn)短的品牌宣傳PPT作品。主要就會(huì)用到圖片和形狀這兩個(gè)元素。

給大家開(kāi)拓思維,看一下圖片和形狀的高級(jí)互動(dòng),整體都是經(jīng)典設(shè)計(jì),很容易套用,有亮點(diǎn)哦!

▣ 01

首先,我們看一下整體設(shè)計(jì)的樣機(jī)展示效果。

如下圖:

主題是關(guān)于陳西設(shè)計(jì)之家的品牌宣傳介紹的,這里根據(jù)內(nèi)容制作了一個(gè)簡(jiǎn)短的PPT案例。

先分析一下,為什么這里選擇這個(gè)熱帶植物花卉的圖片呢?

因?yàn)殛愇髟O(shè)計(jì)之家主要是做PPT類(lèi)設(shè)計(jì)的,追求的是精致,美好,品質(zhì)一類(lèi)的。

而植物花卉是能夠體現(xiàn)這些情感的,象征美好,熱烈,精致等好的意向。熱帶的植物花卉所帶有的這些情感更加強(qiáng)烈,足夠鮮艷,富有激情。

當(dāng)然,這里也包含一些個(gè)人的喜好,其實(shí)用其它能表達(dá)這類(lèi)情感的圖片也是可以的。

如果你是醫(yī)療行業(yè),可以選擇細(xì)胞,DNA一類(lèi)的背景圖,建筑行業(yè)可以選擇高樓大廈等。

對(duì)于一些不知道該用什么圖片的情況,可以使用一些偏中性的圖片或者抽象圖片。

比如:大好河山,宇宙星空,抽象粒子線(xiàn)條,插畫(huà)圖等等。

▣ 02

我們來(lái)看具體制作思路分析和操作步驟。

▊第一頁(yè):



背景是相對(duì)簡(jiǎn)單的,就是形狀和圖片的結(jié)合,也是我們今天所要講述的主題。

這個(gè)背景設(shè)置,算是一種高級(jí)的圖片和形狀的排版互動(dòng),大家可以記住這個(gè)版式。

具體操作,如下圖:



先通過(guò)我們前面的分析,準(zhǔn)備好相關(guān)的圖片素材。

圖片素材的大小比例我們可以通過(guò)裁剪調(diào)節(jié)到和幻燈片一樣的大小比例,案例中的是16:9的比例。

比例調(diào)節(jié)好之后,我們添加形狀進(jìn)行排版。

如下圖:

圖片加上一個(gè)矩形的形狀,形狀在圖片的上方,頂端對(duì)齊。

這樣就可以很容易的做好一個(gè)背景效果。

背景做好之后,就是主題字體的設(shè)計(jì)處理。

如下圖:

打上主題文字,然后單獨(dú)拆開(kāi),調(diào)節(jié)不同字體大小,選擇一個(gè)毛筆類(lèi)字體,這里是漢儀尚巍手書(shū)字體。

然后需要根據(jù)文字的多少,進(jìn)行錯(cuò)位排版設(shè)計(jì),可以參考上圖中的字體排版處理。

做好排版之后,需要確定一下顏色。

如下圖:



可以從所選擇的圖片中,使用取色器進(jìn)行取色。這樣可以很快速確定主題色。

顏色定好之后,調(diào)節(jié)字體顏色。

如下圖:



主體的字體調(diào)節(jié)好之后,會(huì)發(fā)現(xiàn)主體字體左下角有較多的留白,比較空,結(jié)構(gòu)不穩(wěn)。

那么可以考慮添加一些其它元素。

如下圖:
 

可以添加輔助性的文字,再配合上一些精致的裝飾元素,這里的裝飾元素是印章。那么字體整體的結(jié)構(gòu)就很穩(wěn)定啦。

將設(shè)計(jì)好的主體字體放到背景頁(yè)面中,會(huì)發(fā)現(xiàn)整體頁(yè)面比較空。

同樣的我們可以添加裝飾性的輔助元素來(lái)改善頁(yè)面設(shè)計(jì)。

如下圖:



整體頁(yè)面裝飾元素選擇的是飛舞的綠葉,和植物花卉背景圖片比較搭配。

這里的綠葉裝飾元素也會(huì)貫穿整體所有頁(yè)面的設(shè)計(jì),作為所有頁(yè)面的裝飾元素。

充分體現(xiàn)了設(shè)計(jì)四原則中的重復(fù)性原理,也就是保證整理頁(yè)面設(shè)計(jì)的一致性,從而造就高端演示效果。

做完了這些,結(jié)合我們的背景效果,就完成了第一頁(yè)封面的設(shè)計(jì)。

如下圖:



這個(gè)版式和字體的設(shè)計(jì)排版處理,是很經(jīng)典的,大家可以記住。也可以下載源文件下來(lái)練習(xí)。

▊第二頁(yè):



這一頁(yè)也是我非常喜歡的一個(gè)圖片和形狀的互動(dòng)設(shè)計(jì)。

我之前做的一些高質(zhì)量PPT模版作品中也有使用過(guò)這種類(lèi)型的設(shè)計(jì),因?yàn)檎娴暮芎糜谩?br />
尤其在只有一個(gè)主標(biāo)題,一段文字介紹的時(shí)候,特別適合這種設(shè)計(jì)模式。

比如單個(gè)人物介紹,或者展示一些名人的金句等。

這里背景的設(shè)計(jì),同樣是圖片和形狀的結(jié)合。

如下圖:



根據(jù)圖片的不同,這里的形狀可以自己決定是否加一些陰影的效果。

這一頁(yè)的內(nèi)容排版也是很講究的,最好是用這種模式。我們可以分析一下。

如下圖:
 



這種典型的居中排版方式,這里更加細(xì)化的給大家規(guī)定好了。

如果沒(méi)有太好的設(shè)計(jì)基礎(chǔ),那么可以直接采用這里標(biāo)注的進(jìn)行排版設(shè)計(jì),直接套用就行。

很容易做出效果的。

如下圖:



文案排版做好之后,添加上綠葉的裝飾元素,這一頁(yè)也可以很快做好啦。

如下圖:



▊第三頁(yè):
 



這一頁(yè)沒(méi)有太多需要講解的。

背景也是圖片加形狀的設(shè)計(jì),更換了形狀的排版方式。圖片上方加了一個(gè)黑色漸變的矩形。

需要注意的是這里文字的對(duì)齊處理,可以借助參考線(xiàn)或者網(wǎng)格進(jìn)行對(duì)齊。

▊第四頁(yè):



底層邏輯都是沒(méi)有變的,圖片加形狀的高級(jí)互動(dòng)排版處理。

這一頁(yè)需要掌握的就是這一類(lèi)的形狀要怎么去設(shè)計(jì)制作。

這里給大家?guī)追N參考思路。

第一種方法:
 



使用一些基本的形狀進(jìn)行拼接,然后在合并形狀里面結(jié)合一下即可。

第二種方法:
 



在形狀里面找到這個(gè)思想氣泡:云,然后繪制一個(gè)類(lèi)似云的形狀。

然后進(jìn)行下一步:



將下方的部分使用矩形進(jìn)行合并形狀里面的減除。同理右側(cè)的部分也可以減除。這樣就可以得到這種形狀效果。

第三種方法:可以使用任意多邊形或者曲線(xiàn)結(jié)合編輯頂點(diǎn)來(lái)制作。

最后添加上文字和裝飾元素以及億點(diǎn)點(diǎn)細(xì)節(jié)。

如下圖:
 



再結(jié)合上背景效果,就可以得到最終效果了。

如下圖:


 

▊第五頁(yè):
 

這一頁(yè)需要講解一下。

首先是背景。如下圖:
 

背景是圖片加上一個(gè)黑色的漸變矩形蒙版。

繼續(xù)下一步:

 



多復(fù)制一個(gè)背景圖片,繪制一個(gè)矩形,先選中圖片再選中形狀,使用合并形狀相交,得到這個(gè)圖片的一個(gè)部分。

繼續(xù)下一步:
 


給這個(gè)部分的圖片添加一個(gè)白色邊框以及陰影的效果。參數(shù)可以參考一下。

繼續(xù)下一步:
 



將這個(gè)部分的圖片移動(dòng)到這個(gè)背景圖片上的同一位置上,那么效果就出來(lái)了。

這里的效果也可以使用幻燈片背景填充來(lái)做,速度更快一些。

其它的部分也是這種操作,這樣可以得到效果如下圖:
 



最后就是添加上文案和億點(diǎn)點(diǎn)細(xì)節(jié)。就做好啦。

如下圖:
 


▊第六頁(yè):
 

這一頁(yè)使用了一個(gè)簡(jiǎn)單的文字彈幕的效果。當(dāng)然,配合動(dòng)畫(huà)可能更好。

需要注意的點(diǎn)是,文字的大小不一樣,排列錯(cuò)開(kāi)即可。

▊第七頁(yè):
 



這是一個(gè)聯(lián)系方式的PPT頁(yè)面設(shè)計(jì)。

需要注意的是這種形狀的設(shè)計(jì)制作。思路在前面的頁(yè)面中也講解了。

如下圖:
 



可以使用普通的形狀進(jìn)行拼接,也可以使用思想氣泡的形狀來(lái)制作,或者任意多邊形結(jié)合編輯頂點(diǎn)制作,都可以的。

然后加上居中排版的文字和億點(diǎn)點(diǎn)細(xì)節(jié)。如下圖:
 

配合上圖片和形狀的背景:
 



可以快速的制作好啦。

總的設(shè)計(jì)上,圖片和形狀的互動(dòng)排版處理貫穿始終,整體設(shè)計(jì)創(chuàng)意獨(dú)特,還是很值得學(xué)習(xí)參考的。

大家有品牌宣傳類(lèi)的PPT制作是可以參考這里的設(shè)計(jì)思路。希望大家有所收獲。

以上。

收藏
報(bào)錯(cuò)
頂 
8.37 MB

與“品牌宣傳PPT中圖片與形狀的高級(jí)互動(dòng)教程”相關(guān)的PPT教程還有 ↓

文本 圖片 形狀占位符應(yīng)用大全ppt教程

文本 圖片 形狀占位符應(yīng)用大全ppt教程

大家好,我是大文~歡迎來(lái)到大文PPT,這里是一個(gè)可以讓你的PPT設(shè)計(jì)更高效的圈子 。今天為大家?guī)?lái)PPT里的冷技巧,知道這個(gè)技巧的可能也就1%,但是雖然為冷技巧,但功能是非常實(shí)用。先來(lái)一個(gè)“吐槽”!有多少人跟我初做PPT的時(shí)候一樣,新建一個(gè)PPT模板打開(kāi)后,總會(huì)有這樣的頁(yè)面。

簡(jiǎn)約高級(jí)圖文排版效果ppt教程

簡(jiǎn)約高級(jí)圖文排版效果ppt教程

你好,我是陳西。今天找到了一些比較可愛(ài)的圖片,于是用PPT隨手設(shè)計(jì)了幾個(gè)圖文排版的效果頁(yè)面。雖是這樣說(shuō),但還是花了些許心思的,相信大家也會(huì)有所收獲。整體秉承簡(jiǎn)約主義,簡(jiǎn)約和簡(jiǎn)單不一樣,簡(jiǎn)單可能只是簡(jiǎn)單,但是簡(jiǎn)約卻可以體現(xiàn)高級(jí)感。我們來(lái)看一下這幾個(gè)高級(jí)的圖文排版案例。

文本高亮模糊質(zhì)感處理ppt教程

文本高亮模糊質(zhì)感處理ppt教程

大家可能比較喜歡給PPT中的文字或形狀添加純色或漸變填充,好處是制作簡(jiǎn)單、兼容性好。不過(guò)在有些情況下,我們會(huì)覺(jué)得有些單調(diào)或設(shè)計(jì)感不足。

不規(guī)則形狀的應(yīng)用與制作ppt教程

不規(guī)則形狀的應(yīng)用與制作ppt教程

PPT設(shè)計(jì)中,圖形作為最常用的元素之一,可以快速對(duì)頁(yè)面進(jìn)行分割、填充、組合以及作為蒙版的使用,但是今天想要說(shuō)一下的是不規(guī)則形狀在PPT中的應(yīng)用。

地球高山圖片透明融合ppt教程

地球高山圖片透明融合ppt教程

首先,準(zhǔn)備一張地球圖和一張高山圖;第一步,先將地球圖的比例設(shè)置為1:1,然后裁剪為橢圓,這樣就得到正圓的裁剪區(qū)域;接下來(lái)調(diào)整底圖的大小,將地球之外的黑邊去掉;第二步,打開(kāi)OKPlus的圖片透明界面,將所選的地球圖導(dǎo)入到預(yù)覽框中。導(dǎo)入前推薦大家先復(fù)制一份地球圖作為備份... ...

簡(jiǎn)約大氣過(guò)渡頁(yè)設(shè)計(jì)ppt教程(附含精美案例源文件)

簡(jiǎn)約大氣過(guò)渡頁(yè)設(shè)計(jì)ppt教程(附含精美案例源文件)

今天給大家?guī)?lái)的是,PPT中過(guò)渡頁(yè)是如何設(shè)計(jì)的?有哪些設(shè)計(jì)技巧?過(guò)渡,那自然是起承上啟下的作用,鏈接目錄頁(yè)與內(nèi)容頁(yè)直接的頁(yè)面,同時(shí)分割內(nèi)容,增加幻燈片結(jié)構(gòu)的完整性。

小米MIUI12發(fā)布會(huì)動(dòng)態(tài)效果ppt臨摹作品教程

小米MIUI12發(fā)布會(huì)動(dòng)態(tài)效果ppt臨摹作品教程

上周,小米發(fā)布了全新的MIUI12,從發(fā)布會(huì)和官網(wǎng),看到了很多比較有趣的動(dòng)畫(huà),于是就用PPT臨摹了出來(lái),整個(gè)畫(huà)面風(fēng)格是比較簡(jiǎn)約的,最吸引人的是其中的幾個(gè)動(dòng)畫(huà),星球旋轉(zhuǎn)放大到漸隱,星球旋轉(zhuǎn)放大,三維數(shù)字滾動(dòng),那么這些小動(dòng)畫(huà)具體是怎么做的呢~~

PPT逐幀遞進(jìn)動(dòng)畫(huà)教程

PPT逐幀遞進(jìn)動(dòng)畫(huà)教程

PPT逐幀遞進(jìn)動(dòng)畫(huà):1.1 插入餅圖和數(shù)字;1.2 復(fù)制餅圖和數(shù)字并修改;2.1 補(bǔ)間動(dòng)畫(huà)(iSlide插件功能);2.2 修改數(shù)字(OK插件功能);2.3 分別居中對(duì)齊;完成。