Mockup Photos 合成手機/電腦/書籍使用情境圖
當需要一張使用情境圖片來展示產品或設計,像是手機開啟 APP 的畫面,電腦正在瀏覽網頁,以及設計好的 LOGO 圖標印在名片等情況,可以使用 Mockup Photos 網站將圖片合成到使用情境,可輸入網址讓網站自動擷取網頁畫面的功能,有數百種免費樣版,不過需要註冊帳戶才能使用。


服務介紹:

Mockup Photos 有許多來自世界各地的高畫質樣版圖片,挑選樣版後可以將應用程式、網頁截圖合成為手機/電腦使用情境圖,或是將設計的 Logo 合成到書籍、看版。需要註冊帳戶才能使用,有數百種免費樣版可以挑選,影像合成後可下載 JPG、PNG、PDF 格式和高畫質圖片儲存。

網站:Mockup Photos
語言:繁體中文
網址:https://mockup.photos/

Mockup Photos 使用說明:

使用 Mockup Photos 需要登入帳戶,先點擊右上角「Sign up」使用 Facebook 帳號或輸入 Email 建立免費帳戶。
Mockup Photos 合成手機/電腦/書籍使用情境圖

在 Mockup Photos 首頁會看到本週免費樣版有限定時間,點擊「View All Freebies」查看所有樣版。
Mockup Photos 合成手機/電腦/書籍使用情境圖

在這可以找到數位裝置(手機、電腦、電視)和印刷品(書籍、看板)的使用情境圖,有數百張高畫質圖片可挑選,有紅色 FREE 標記都能免費合成下載。
Mockup Photos 合成手機/電腦/書籍使用情境圖

點選圖片開啟檢視,每張使用情境圖都有綠底白字位置用來放置圖片,點擊開始合成。
Mockup Photos 合成手機/電腦/書籍使用情境圖

有兩種合成方式,可以上傳圖片(Upload)或從輸入網址產生截圖(Take screenshot)。
Mockup Photos 合成手機/電腦/書籍使用情境圖

輸入網址按下「Take screenshot」讓 Mockup Photos 擷取網頁畫面合成,可以省下截圖步驟,缺點是無法調整位置。
Mockup Photos 合成手機/電腦/書籍使用情境圖

上傳圖片會自動合成若不滿意效果,再次點擊並選擇「Re position image」就能手動選擇畫面。
Mockup Photos 合成手機/電腦/書籍使用情境圖

放大/縮小和拖曳移動圖片,按下「OK」完成畫面選取。
Mockup Photos 合成手機/電腦/書籍使用情境圖

圖片合成後下方可選擇要下載的格式(JPG、PNG、PDF)和畫質,點擊「Download now」等待網站處理完成就儲存圖片。
Mockup Photos 合成手機/電腦/書籍使用情境圖

延伸閱讀:
Snapmod 手機螢幕截圖添加裝置外框,提供數十款主流手機外框圖 Device Shots 幫圖片套上手機、平板、筆電、顯示器等各種裝置外框 Smartmockups 免費產品情境圖,將手機/電腦截圖合成至使用場景