文 / 汪沛

團(tuán)隊(duì)介紹，人太多不好排版，人太少排版，畫(huà)面太空又不好看？

教你三種不出錯(cuò)的團(tuán)隊(duì)介紹頁(yè)制作方法，幫你在PPT匯報(bào)上秒殺全場(chǎng)。

前面幾期教大家學(xué)會(huì)大廠的PPT設(shè)計(jì)，那么本期案例我們用一周講師天團(tuán)作為案例設(shè)計(jì)，來(lái)告訴大家如何制作高端又有氣質(zhì)的團(tuán)隊(duì)介紹頁(yè)。

這個(gè)案例看起來(lái)畫(huà)面元素好像很復(fù)雜，但是只要跟上我的節(jié)奏，就能夠輕松學(xué)會(huì)。

先上視頻，在外面的朋友可以先看文字版教程噢~

文末可領(lǐng)取圖文版的學(xué)習(xí)手冊(cè)

交易擔(dān)保 嗶哩嗶哩 想要在匯報(bào)中“驚艷”出場(chǎng)？團(tuán)隊(duì)介紹頁(yè)這么做，讓你秒殺全場(chǎng)！ 小程序

適合3-6人，人越多越整齊好看。

我們先處理人物圖片。

新建一個(gè)圓形，調(diào)整高度和寬度的數(shù)值為5，復(fù)制多一個(gè)圓形，留著備用。

調(diào)整下人物圖片大小比例，讓頭像的位置剛好在圓形的范圍內(nèi)，進(jìn)行布爾運(yùn)算，把圖片裁剪成圓形。

我們可以看到每張圖片的人物比例都是不一樣的，這樣整體上看會(huì)顯得比較亂，所以我們要把圖片都裁剪成同樣的比例，才會(huì)更統(tǒng)一些。

手動(dòng)裁切好像也比較難以調(diào)整出統(tǒng)一的比例，這時(shí)候我們可以在視圖中打開(kāi)參考線，然后新建兩條參考線規(guī)范出人像的頭部位置。

這樣當(dāng)我們?cè)谡{(diào)整圖片比例的時(shí)候就能比較方便對(duì)齊。

調(diào)整好所有圖片的比例后，再依次使用布爾運(yùn)算將圖片裁剪成圓形。

第二步，簡(jiǎn)單排版。

我們可以借用插件來(lái)幫助我們快速排版。

在插件功能區(qū)中找到矩陣布局，把對(duì)話框中的參數(shù)修改成以下這些，我們就能夠得到一個(gè)整齊的排版，不用手動(dòng)一個(gè)個(gè)調(diào)整。

【排列方向：橫向】【橫向數(shù)量：3】

【間距單位：毫米】【橫向間距：80】【縱向間距：70】

第三步，填充細(xì)節(jié)。

我們可以把背景換成一張有質(zhì)感的紋理。

這里我插入一張紋理圖片，然后選擇圖片或紋理填充，圖片就被填充到背景上了。

下一步我們?cè)俟催x下將圖片平鋪為紋理，就能得到一張充滿圖案的復(fù)雜質(zhì)感背景了。

接下來(lái)我們將前面的備用圓形復(fù)制多幾個(gè)，然后調(diào)整以下填充的漸變參數(shù)和線條的顏色。

【類(lèi)型：線性】【角度：90°】【顏色：40，125，225】

【透明度：0°】【線條寬度2磅】【藍(lán)色色值：40，125，225】

復(fù)制多幾個(gè)圓形，疊加在人物圖片上，這一步操作是為了讓文字疊加在圖片上能夠看得清。

修改一下標(biāo)題大小，再加一條線條修飾下標(biāo)題，頁(yè)面基本完事。

最后，還可以增加一些圓形修飾元素，來(lái)讓畫(huà)面更加豐富。

這樣，一個(gè)團(tuán)隊(duì)介紹頁(yè)就完成了。

一般而言，我們都希望PPT頁(yè)面的設(shè)計(jì)美化能夠整齊美觀，不過(guò)有時(shí)候讓畫(huà)面排版靈動(dòng)一些， 也能帶來(lái)不一樣的體驗(yàn)效果。

同樣適合4-6人，人越多越好看。

這個(gè)案例中我們就用到了錯(cuò)落的排版方式，這種團(tuán)隊(duì)介紹頁(yè)的展示效果看起來(lái)也會(huì)比較大氣一些。

第一步，我們先大致排版。

新建一個(gè)平行四邊形，調(diào)整一下大小比例。

把平行四邊形復(fù)制多出來(lái)5個(gè)，并全部橫向分布一下。

然后我們將其中的這幾個(gè)圖形往下移動(dòng)一些位置，讓整體看起來(lái)有點(diǎn)錯(cuò)落的感覺(jué)。

第二步，就是將人物圖片填充到形狀上了。

這里圖片跟形狀的位置不好把控，我們可以先給形狀一個(gè)透明度，方便調(diào)整圖片比例大小，最后布爾運(yùn)算相交一下。

同樣操作，完成其他幾張圖片的處理。

復(fù)制一個(gè)平行四邊形，把填充調(diào)整成漸變樣式，疊在圖片上做蒙版。

【類(lèi)型：線性】【角度：90°】【顏色：45,125,225】

【位置：100%】【透明度：0%】【亮度：0%】

下一步修改下字體顏色為白色，調(diào)整下文字方向?yàn)樨Q向，然后依次擺放在對(duì)應(yīng)人物圖片的旁邊。

不過(guò)現(xiàn)在看起來(lái)好像還是有些單調(diào)。

告訴大家一個(gè)小技巧，我們?cè)陧?yè)面中插入文本框，輸入講師的英文名稱(chēng)，替換一個(gè)DIN字體，然后將這些英文放在對(duì)應(yīng)圖片的下面，現(xiàn)在看來(lái)就有些設(shè)計(jì)感了。

最后將背景顏色調(diào)成深色漸變。

還可以把添加了藍(lán)色漸變的幾個(gè)平行四邊形放在圖片背后，增加點(diǎn)色彩，搞定。

前面講到的兩個(gè)案例都是有背景的圖片，最后再教大家一個(gè)透明背景圖片的團(tuán)隊(duì)介紹頁(yè)要怎么做。

第一步，處理人物圖片。

調(diào)整一下這三張人物圖片的比例大小，調(diào)整好位置關(guān)系，讓三張圖片看起來(lái)是一個(gè)整體，然后整體居中對(duì)齊。

給圖片添加陰影效果，讓圖片看起來(lái)更加立體一點(diǎn)。

【透明度：60%】【大?。?5%】

【模糊：30磅】【角度：90°】【距離：40磅】

新建一個(gè)矩形，調(diào)整一下填充的漸變數(shù)值，文字邊框的漸變處理。

【角度：90°】【透明度：100%】

【亮度：0%】【顏色色值：65,165,238/45,125,225】

再將講師名稱(chēng)的字體改成白色，放在矩形上面。

修改下標(biāo)題大小和字體，把Office大師課這幾個(gè)字變成藍(lán)色。

下面新建一個(gè)圓形和矩形，然后布爾運(yùn)算一下，用矩形把圓形的部分裁剪掉。

再?gòu)?fù)制多兩個(gè)裁剪后的形狀，然后我們?cè)賹⑺鼈冞M(jìn)行布爾運(yùn)算，得到這樣一個(gè)形狀。

再調(diào)整一下形狀的顏色，這兩個(gè)形狀分別調(diào)成這兩個(gè)參數(shù)。

最下層色塊漸變：【類(lèi)型：射線】【透明度：0°】

線條色塊漸變【類(lèi)型：射線】【位置：80%】【透明度100%】

第二步，細(xì)節(jié)美化。

新建一頁(yè)幻燈片頁(yè)面，插入一些矩形，位置可以隨意一些，然后全部布爾運(yùn)算組合一下，微調(diào)一下比例，然后再把畫(huà)布外的部分用布爾運(yùn)算裁剪掉。

調(diào)整一下這個(gè)形狀的漸變數(shù)值，背景就美化好了。

【類(lèi)型：線性】【角度：90°】【透明度：100%】【亮度：-5%】