樣機素材在PPT設(shè)計中還是很好用的，可以快速提升PPT的設(shè)計感和檔次。之前也寫過PPT樣機的教程，但是這次想要更用心一點，更詳細的把PPT中的樣機詳細的講述一下。01那么，什么是樣機呢？其實一開始的樣機大多數(shù)是用設(shè)計軟件PS制作的實物效果圖。自己的設(shè)計作品可以應(yīng)用到實物效果圖中進行展示，使得自己的設(shè)計作品看起來更加形象逼真。通常在VI視覺設(shè)計中比較常用，可以形象逼真的展示設(shè)計作品的效果。真是因為這樣的展示效果很好，所以漸漸的樣機的使用范圍以及用法就變多了起來。在PPT的內(nèi)容設(shè)計中也開始融入了樣機素材的使用，使得PPT內(nèi)容本身有更好的演示效果。由于樣機只是作為一個素材用在PPT設(shè)計中，所以最好是可以直接在PPT中處理使用，而不用再動用PS軟件處理了。所以現(xiàn)在一般所說的PPT中的樣機素材，都是一類簡化了的PNG圖片。比如手機，電腦一類。沒有PS中VI設(shè)計展示的樣機那么多。02今天我們就講述一下在PPT中所使用的樣機以及樣機在PPT中的創(chuàng)意設(shè)計。一般情況下，可以去一些PNG圖片網(wǎng)站下載一些這類的樣機素材。也可以去一些專門的樣機素材的網(wǎng)站下載，不過很多時候我們還得在PPT中進一步處理一下。我們可能會遇到兩種情況：第一種情況，我們下載的一些手機或者電腦一類的樣機素材是PNG格式的，中間是透明的。這種類型的樣機素材呢，我們就不需要再處理了，可以直接把圖片置于底層就可以使用了。第二種情況，我們下載的一些樣機素材雖然也是PNG類型的，但是樣機內(nèi)部顯示了一些內(nèi)容圖片。比如下面這樣：這是一張電腦的PNG樣機圖，但是中間是有藍色部分的。這里，我們要套用樣機的話，有兩種辦法：第一種：直接將要展示的內(nèi)容圖片裁剪調(diào)節(jié)至上方樣機中藍色部分的大小，這樣你的內(nèi)容就像是在電腦上顯示的了。不過每一次都需要精細的調(diào)節(jié)裁剪內(nèi)容圖片。第二種：可以利用布爾運算將這個樣機中間的藍色部分減除，這樣中間就是透明的了，圖片置于樣機之后就可以了。這樣放置的圖片不用太過精細的調(diào)節(jié)，只要讓展示的內(nèi)容圖片處于樣機的邊框內(nèi)就好。我們看一下這個樣機的布爾運算處理。如下圖：首先要繪制一個和樣機中藍域一樣大小的形狀。由于這個形狀是規(guī)矩的矩形，那么可以用矩形繪制。但是有些手機的樣機，可能不是規(guī)矩的矩形，比如劉海屏，就需要用任意多邊形配合編輯頂點來繪制這個中間藍色的形狀了。形狀繪制好之后，將形狀和樣機上的藍色部分對齊，進行布爾運算操作。如下圖：使用布爾運算中的減除，按照上圖中的步驟就可以。這樣，就可以得到中間是透明的樣機圖了。如下圖：我們也可以將處理好的樣機圖另存為圖片，保存到電腦的素材文件夾里面，以后就可以重復(fù)使用了。這里我也整理了一些PPT中常用的手機電腦類樣機素材，文末源文件中有分享。如下圖：這是PPT中常用的樣機素材，展示了一部分縮略圖。03有了樣機素材，我們就可以利用這些素材在PPT中進行創(chuàng)意設(shè)計了。樣機素材的恰當(dāng)使用，可以讓我們制作出一些很不錯的有創(chuàng)意和設(shè)計感的作品。比如下面這個PPT頁面的設(shè)計:整體頁面的設(shè)計看上去挺好，做起來也是超級簡單的。我們來具體拆解一下吧。如下圖：背景是一張圖片，圖片上面添加一個紫紅色的漸變蒙版，可以稍微起到調(diào)色的作用，同時也方便文案的清晰顯示。下半部分就是樣機的使用了。這里使用的是半個平板的樣機。也就是將圖片置于這個平板的樣機圖片之下，右鍵可以調(diào)節(jié)元素間的層級關(guān)系。最后加上一些居中的文案，那么這頁PPT就設(shè)計好了。是不是很簡單，但是效果卻不錯呢！一部分原因就是使用了樣機素材啦。我們再來看一個案例。如下圖:這是比較早一點的一個作品。同樣也是樣機的使用，不過這里使用了一個手機的樣機。我們拆解一下這個的設(shè)計。如下圖:其實樣機部分很簡單，就是一張你要展示的內(nèi)容圖片和一張樣機本身的圖片。兩張圖片相互疊加一下，調(diào)節(jié)裁剪一下內(nèi)容圖片，使得要展示的圖片內(nèi)容在樣機中顯示合適就行。剩下的就是文案排版設(shè)計和背景設(shè)計。如下圖:這個背景設(shè)計采用的就是藍青色漸變。文案采用的是左對齊的排版方式。當(dāng)然要注意字體，大小，透明度，對比以及層級關(guān)系等的調(diào)節(jié)。注意這里的主題字體，使用了漸變設(shè)計。如下圖：從左至右的線性漸變，設(shè)置兩個漸變滑塊，第二個滑塊的透明度調(diào)節(jié)為為百分之百。這個頁面的設(shè)計中樣機素材也起到了一定的作用。樣機素材可以快速提升PPT的設(shè)計感。當(dāng)然，這個樣機素材我們還可以進一步大膽一點去利用一下，進行創(chuàng)意設(shè)計。我們再看一個改進案例。如下圖：為什么要被這個樣機的框框限制住呢？我們可以突破這個框，做一些創(chuàng)意性的設(shè)計，就會有新的感悟。我們再來拆解一下這個頁面的設(shè)計制作。如下圖：關(guān)鍵在于不同素材之間的層級關(guān)系處理。這里面有三個層級：最底下是一個PNG的舞者，中間是透明的手機樣機，最上層是舞者的一部分裙擺。通過這樣的層級關(guān)系調(diào)節(jié)遮擋，就可以得到案例中這種穿插的創(chuàng)意設(shè)計效果啦。當(dāng)然，里面的圖片以及背景文案什么的都是可以更改的，可以制作成其它風(fēng)格的。如下圖：這些案例中都使用了樣機，樣機為整體頁面的設(shè)計增色了不少。當(dāng)然，上面這些案例都只是很少的一部分。大家更需要的是去開拓思路。利用提供的其它形式的樣機素材，以及上面一些案例的靈感，創(chuàng)作出更多的優(yōu)秀的作品。