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