「樣機(jī)」是什么？相信大部分同學(xué)都知道。
百度百科對(duì)「樣機(jī)」做出的解釋是：
樣機(jī)素材是將自己的設(shè)計(jì)作品應(yīng)用到一個(gè)實(shí)物效果圖中進(jìn)行展示，讓自己的設(shè)計(jì)作品看起來(lái)更加形象逼真……&*@%~#！
說(shuō)白了，其實(shí)就兩字：
可以說(shuō)，每一張不好用的、無(wú)處安放的素材，都能找到適合自己的樣機(jī)！
01
樣機(jī)有多好用？
最常見(jiàn)的用法是，當(dāng) PPT 需要放截圖，大部分同學(xué)都簡(jiǎn)單粗暴地把截圖扔進(jìn)去：
如果你下載了好看的樣機(jī)，就可以輕輕松松做出這樣的 PPT：
整個(gè)頁(yè)面的氣質(zhì)一下子就上來(lái)了?。?/p>
多放幾張圖給你們感受一下：
有時(shí)候，當(dāng)你做出了一張視效炸裂的海報(bào)，也可以試試用樣機(jī)把海報(bào)「裝起來(lái)」，bigger 立顯！
我特地跑去 @獸獸 和 @小覃 的朋友圈里薅了幾張圖：
▲PPT進(jìn)階營(yíng)-獸獸
▲PPT進(jìn)階營(yíng)-小覃
這么驚艷的樣機(jī)素材，不用簡(jiǎn)直后悔一輩子！
那么問(wèn)題來(lái)了——
02
樣機(jī)去哪里找？
一些設(shè)計(jì)大神喜歡自己拍照、摳圖 DIY 專(zhuān)屬樣機(jī)；
對(duì)于小叮這樣的懶癌晚期患者來(lái)說(shuō)，更喜歡用現(xiàn)成的樣機(jī)！
這次我拿出了私藏的【13 個(gè)樣機(jī)素材網(wǎng)站】，鏈接合集都整理好啦。
手速驚人的同學(xué)可以快速滑到文末獲取~
如果你嫌 13 個(gè)網(wǎng)站太多，不如先了解一下我重點(diǎn)推薦的這 3 個(gè)網(wǎng)站！
? MockUphone
網(wǎng)址：mockuphone.com
網(wǎng)站樣機(jī)更新速度比較快，iPhone X、iPhone 8 及 Google Pixel 面世的時(shí)候，網(wǎng)站很快就上架了對(duì)應(yīng)的樣機(jī)~
其他優(yōu)點(diǎn)包括但不限于：
① 免注冊(cè)登錄就能使用，美滋滋~
② 可以在線生成樣機(jī)！不用下載一堆源文件啦~
只用點(diǎn)擊選擇你中意的樣機(jī)——將圖片拖曳到虛線框/直接上傳：
當(dāng)當(dāng)當(dāng)！網(wǎng)站就會(huì)自動(dòng)生成素材，超方便 der！
如果你點(diǎn)擊下方的「Download My Mockups」藍(lán)色按鈕，系統(tǒng)會(huì)提示「輸入郵箱才能獲取下載鏈接」……好麻煩 = =
8 過(guò)機(jī)智的我發(fā)現(xiàn)，直接右鍵保存，一樣可以快速下載到 PNG 格式的圖片！
③「你已經(jīng)是一個(gè)成熟的網(wǎng)站了，要學(xué)會(huì)自己將圖片調(diào)整成合適的尺寸大??！」
對(duì)尺寸不符合樣機(jī)顯示的圖片，系統(tǒng)會(huì)自動(dòng)調(diào)整，確保圖片不被拉伸變形：
④ 選擇不同的樣機(jī)，所生成的素材也不完全一樣，各種角度的都有：
PS：這類(lèi)樣機(jī)應(yīng)用進(jìn) PPT 時(shí)，記得在 PPT 里設(shè)置投影，不然看起來(lái)會(huì)像浮在半空中~
總之，當(dāng)你需要電子設(shè)備類(lèi)樣機(jī)，打開(kāi)這款寶藏網(wǎng)站準(zhǔn)沒(méi)錯(cuò)！
? Threed-3D 樣機(jī)
網(wǎng)址：threed.io
「3D 樣機(jī)」聽(tīng)起來(lái)很高級(jí)，讓人聯(lián)想到復(fù)雜的 3D 建?！?/p>
但這個(gè)網(wǎng)站操作起來(lái)卻 hin 簡(jiǎn)單~
① 和 MockUphone 一樣，Threed-3D 樣機(jī)也可以在線上傳圖片、生成素材，而且會(huì)自動(dòng)將圖片調(diào)整成合適的尺寸大??！
如果上傳的圖片尺寸太長(zhǎng)，還能手動(dòng)拖拽圖片，自主選擇要展示的區(qū)域：
② 滾動(dòng)鼠標(biāo)滾輪，可以調(diào)整將樣機(jī)拉近、拉遠(yuǎn)、拉近……
OMG，這心梗的感覺(jué)……
③ 其他小功能都在頁(yè)面最底端一排，包括「讓樣機(jī)躺下」、去掉鏡面反光、改變手機(jī)顏色&背景顏色、去掉陰影……
你們可以都去戳一戳試試！
④ 說(shuō)了這么多，我最想介紹的還是它能隨意改變擺放角度的功能！
拖動(dòng)樣機(jī)模型外部，就能更改擺放角度：
▲ 為什么我錄了十幾遍還是手抖……
瞅瞅這鏡面光感，每一秒每一幀都透露著高級(jí)感！
擺好 pose，就可以準(zhǔn)備下載啦！
特別特別值得注意的是，如果你想要透明背景的樣機(jī)素材，記得把背景顏色設(shè)置為「無(wú)」：
▲ 吶，就是點(diǎn)頁(yè)面下方這個(gè)小圖標(biāo)
這樣就可以導(dǎo)出一張完美的樣機(jī)啦~
? Mockupplanet-樣機(jī)星球
網(wǎng)址：mockupplanet.com
樣機(jī)星球的優(yōu)點(diǎn)很多了！讓我掰著手指頭一個(gè)個(gè)和你說(shuō)~
① 樣機(jī)素材真的超！級(jí)！全！
包括：logo 樣機(jī)、瀏覽器樣機(jī)、折頁(yè)樣機(jī)、名片樣機(jī)、海報(bào)樣機(jī)、畫(huà)冊(cè)樣機(jī)、服飾樣機(jī)、電子設(shè)備樣機(jī)、杯子樣機(jī)、包裝樣機(jī)、VI 樣機(jī)……
叫「樣機(jī)宇宙」也不過(guò)分吧？
② 網(wǎng)站頂部的分類(lèi)也特別貼心，夸！
從小英語(yǔ)就沒(méi)越過(guò)及格線的同學(xué)，可以使用谷歌瀏覽器，直接翻譯網(wǎng)頁(yè)~
③ 最厲害的是，在樣機(jī)數(shù)量、分類(lèi)這么多的情況下，還能保證每款素材都是精品，夸！
④ 下載使用幾乎免費(fèi)（因?yàn)槲疫€沒(méi)有全部下載一遍，所以不能斷言 = =）。
關(guān)于是否可商用，有些樣機(jī)明確標(biāo)注了，有些樣機(jī)的許可證隨素材一起下載到了壓縮包里，有些沒(méi)有說(shuō)明使用范圍……
總之商用需謹(jǐn)慎！
好啦，以上三個(gè)網(wǎng)站，都是我的心頭愛(ài)，希望你們也喜歡！
03
小彩蛋
網(wǎng)上下載到的樣機(jī)，很多都是 PSD 或 PNG 格式。
PNG 格式的樣機(jī)用法很小白，PSD 格式則會(huì)涉及一些 PS 的操作， 其實(shí)只用簡(jiǎn)單 3 步就能搞定~
? 用 PS 打開(kāi)樣機(jī)后，找到安放素材的位置，雙擊【智能對(duì)象】的縮略圖：
▲ 記得是雙擊「縮略圖」
不是雙擊文字
然后你會(huì)看到這樣的界面：
? 把圖片素材拖進(jìn)來(lái)，調(diào)整大小和位置，記得戳【Ctrl+S】保存一下：
? 最后回到原始界面，你會(huì)發(fā)現(xiàn)圖片已經(jīng)完美地塞進(jìn)樣機(jī)模型里啦！
簡(jiǎn)直毫無(wú) PS 痕跡呢~保存為 JPG/PNG 圖片就可以用在 PPT 里啦。
話說(shuō)好像一不小心又幫【PPT 進(jìn)階訓(xùn)練營(yíng)】打了個(gè)廣告，希望秦老師、愛(ài)迪鵝、秋小 P 看到后，給我打錢(qián) ：）
最最最后，【13 個(gè)樣機(jī)素材網(wǎng)站】的鏈接合集，拿去 不謝 記得和小叮說(shuō)謝謝~
聯(lián)系客服
