【免費】Mockup Photos 線上自動合成各種 3C 產品使用情境圖

「加三嘻行動哇 Yipee! 成為好友」

【Facebook、Youtube、Twitter、Instagram、Telegram、Line】

身為部落客、App 設計師或 3C 產品開發，總是會需要製作 3C 產品情境圖（Mockup），讓使用者可以看到操作畫面模擬，先前本站曾介紹 Dunnnk 網站可以一鍵上傳照片製作模擬圖，無奈這個網站的底圖實在太少。

這次分享的這個 Mockup Photos 不僅能自動合成製作模擬圖，圖片更是多樣化，就連最新的 iPhone X 手機也有，還能直接貼上網址抓取螢幕快照製作合成圖，使用和操作上更是方便。

【網站介紹】

網站名稱：Mockup Photos
網站網址：https://mockup.photos/
特色：
(1) 上傳圖片就能直接合成到圖庫提供的圖案
(2) 貼上網址即可自動抓取網站快照合成到情境圖上
(3) 提供 MacBook、iPhone、iPad、Apple Watch、Android 手機、平板、筆電等照片素材
(4) 操作簡單，提供高解析度合成照片。
缺點：
(1) 需要註冊才能使用
(2) 下載圖片分為免費版與收費版本

【使用教學】

第一步：由於 「Mockup Photos」網站採會員制，需要註冊帳號才能下載圖片，因此當我們第一次進入這個網站時，要先點擊右上方「Sign up」註冊。

第二步：它的註冊方法相當簡單，可以選擇使用「 Facebook 」或輸入「姓名、Email、密碼」進行註冊。

第三步：註冊完成後，向下滑動螢幕就可以看到多種使用情境圖案，只要圖片右下方有「Free」就代表提供免費下載。

如果網頁首頁找不到喜歡的情境合成圖時，滑動到最底部就可以看到情境照片分類，依照不同的品牌、系統、產品…等總共有 807 張情境照片，基本上還算夠用了。

第四步：找到喜歡的情境圖之後，點選進入就會看到介紹網頁，它會顯示照片名稱、合成照片來源、下載圖片的像素等，想要直接在 Mockup Photos 網站直接合成情境圖要按一下綠色的「 Place Image Here 」按鈕。

第五步：這個網站提供兩種置入圖片方式，分別是「 Upload Image 上傳照片」和「Take screenshot from URL 貼上網頁快照」。由於… 上傳圖片算是相當普遍，因此這次教學以「Take screenshot from URL 貼上網頁快照」進行示範。