「樣機」是什么？相信大部分同學都知道。

百度百科對「樣機」做出的解釋是：

樣機素材是將自己的設計作品應用到一個實物效果圖中進行展示，讓自己的設計作品看起來更加形象逼真……&*@%~#！

說白了，其實就兩字：

可以說，每一張不好用的、無處安放的素材，都能找到適合自己的樣機！

最常見的用法是，當 PPT 需要放截圖，大部分同學都簡單粗暴地把截圖扔進去：

如果你下載了好看的樣機，就可以輕輕松松做出這樣的 PPT：

整個頁面的氣質一下子就上來了！！

多放幾張圖給你們感受一下：

有時候，當你做出了一張視效炸裂的海報，也可以試試用樣機把海報「裝起來」，bigger 立顯！

我特地跑去 @獸獸 和 @小覃 的朋友圈里薅了幾張圖：

▲PPT進階營-獸獸

▲PPT進階營-小覃

這么驚艷的樣機素材，不用簡直后悔一輩子！

那么問題來了——

一些設計大神喜歡自己拍照、摳圖 DIY 專屬樣機；

對于小叮這樣的懶癌晚期患者來說，更喜歡用現(xiàn)成的樣機！

這次我拿出了私藏的【13 個樣機素材網(wǎng)站】，鏈接合集都整理好啦。

手速驚人的同學可以快速滑到文末獲取~

如果你嫌 13 個網(wǎng)站太多，不如先了解一下我重點推薦的這 3 個網(wǎng)站！

? MockUphone

網(wǎng)址：mockuphone.com

網(wǎng)站樣機更新速度比較快，iPhone X、iPhone 8 及 Google Pixel 面世的時候，網(wǎng)站很快就上架了對應的樣機~

其他優(yōu)點包括但不限于：

① 免注冊登錄就能使用，美滋滋~

② 可以在線生成樣機！不用下載一堆源文件啦~

只用點擊選擇你中意的樣機——將圖片拖曳到虛線框/直接上傳：

當當當！網(wǎng)站就會自動生成素材，超方便 der！

如果你點擊下方的「Download My Mockups」藍色按鈕，系統(tǒng)會提示「輸入郵箱才能獲取下載鏈接」……好麻煩 = =

8 過機智的我發(fā)現(xiàn)，直接右鍵保存，一樣可以快速下載到 PNG 格式的圖片！

③「你已經(jīng)是一個成熟的網(wǎng)站了，要學會自己將圖片調整成合適的尺寸大?。?/strong>」

對尺寸不符合樣機顯示的圖片，系統(tǒng)會自動調整，確保圖片不被拉伸變形：

④ 選擇不同的樣機，所生成的素材也不完全一樣，各種角度的都有：

PS：這類樣機應用進 PPT 時，記得在 PPT 里設置投影，不然看起來會像浮在半空中~

總之，當你需要電子設備類樣機，打開這款寶藏網(wǎng)站準沒錯！

? Threed-3D 樣機

網(wǎng)址：threed.io

「3D 樣機」聽起來很高級，讓人聯(lián)想到復雜的 3D 建?！?/p>

但這個網(wǎng)站操作起來卻 hin 簡單~

① 和 MockUphone 一樣，Threed-3D 樣機也可以在線上傳圖片、生成素材，而且會自動將圖片調整成合適的尺寸大?。?/p>

如果上傳的圖片尺寸太長，還能手動拖拽圖片，自主選擇要展示的區(qū)域：

② 滾動鼠標滾輪，可以調整將樣機拉近、拉遠、拉近……

OMG，這心梗的感覺……

③ 其他小功能都在頁面最底端一排，包括「讓樣機躺下」、去掉鏡面反光、改變手機顏色&背景顏色、去掉陰影……

你們可以都去戳一戳試試！

④ 說了這么多，我最想介紹的還是它能隨意改變擺放角度的功能！

拖動樣機模型外部，就能更改擺放角度：

▲ 為什么我錄了十幾遍還是手抖……

瞅瞅這鏡面光感，每一秒每一幀都透露著高級感！

擺好 pose，就可以準備下載啦！

特別特別值得注意的是，如果你想要透明背景的樣機素材，記得把背景顏色設置為「無」：

▲ 吶，就是點頁面下方這個小圖標

這樣就可以導出一張完美的樣機啦~

? Mockupplanet-樣機星球

網(wǎng)址：mockupplanet.com

樣機星球的優(yōu)點很多了！讓我掰著手指頭一個個和你說~

① 樣機素材真的超！級！全！

包括：logo 樣機、瀏覽器樣機、折頁樣機、名片樣機、海報樣機、畫冊樣機、服飾樣機、電子設備樣機、杯子樣機、包裝樣機、VI 樣機……

叫「樣機宇宙」也不過分吧？

② 網(wǎng)站頂部的分類也特別貼心，夸！

從小英語就沒越過及格線的同學，可以使用谷歌瀏覽器，直接翻譯網(wǎng)頁~

③ 最厲害的是，在樣機數(shù)量、分類這么多的情況下，還能保證每款素材都是精品，夸！

④ 下載使用幾乎免費（因為我還沒有全部下載一遍，所以不能斷言 = =）。

關于是否可商用，有些樣機明確標注了，有些樣機的許可證隨素材一起下載到了壓縮包里，有些沒有說明使用范圍……

總之商用需謹慎！

好啦，以上三個網(wǎng)站，都是我的心頭愛，希望你們也喜歡！

網(wǎng)上下載到的樣機，很多都是 PSD 或 PNG 格式。

PNG 格式的樣機用法很小白，PSD 格式則會涉及一些 PS 的操作， 其實只用簡單 3 步就能搞定~

? 用 PS 打開樣機后，找到安放素材的位置，雙擊【智能對象】的縮略圖：

▲ 記得是雙擊「縮略圖」

不是雙擊文字

然后你會看到這樣的界面：

? 把圖片素材拖進來，調整大小和位置，記得戳【Ctrl+S】保存一下：

? 最后回到原始界面，你會發(fā)現(xiàn)圖片已經(jīng)完美地塞進樣機模型里啦！

簡直毫無 PS 痕跡呢~保存為 JPG/PNG 圖片就可以用在 PPT 里啦。

話說好像一不小心又幫【PPT 進階訓練營】打了個廣告，希望秦老師、愛迪鵝、秋小 P 看到后，給我打錢 ：）

最最最后，【13 個樣機素材網(wǎng)站】的鏈接合集，拿去 不謝 記得和小叮說謝謝~