Smartmockups 免費產品情境圖產生器
文章添加圖片是有其必要性,圖解說明讓讀者清楚瞭解內容並舒緩閱讀疲勞感,而一張亮眼的首圖更能吸引訪客。筆者通常會截圖後使用 3D小畫家添加文字,現在有了更好的選擇,Smartmockups 產品情境圖產生器,能將螢幕畫面合成到手機、電腦的使用情境圖片。


服務介紹:

Smartmockups 是一個線上圖片合成工具,能將圖片合成到產品的使用情境,例如本文第一張圖片就是將網站截圖合成到筆電螢幕。不僅能產生手機、電腦、TV 等數位電子設備的情境圖,網站也提供書籍、牆壁海報、文具、賀卡、衣服等多種產品。

操作方式相當簡單,挑選範例圖並上傳圖片就能取得產品情境圖,使用它完全免費也能下載高畫質情境圖,但限制部分版型需要付費。

網站:Smartmockups
語言:英文
網址:https://smartmockups.com/

Smartmockups 使用說明:

開啟 Smartmockups 先挑選想要製作情境圖的產品,主要分為三大類數位裝置、列印、服裝,網站僅有英文版可借助網頁翻譯。
Smartmockups 免費產品情境圖產生器

選擇產品類別後會看到許多範例圖片,圖片都包含藍色「Your Design Here」,此位置用來合成圖片。Smartmockups 提供的版型有免費/付費限制,付費會有 Premium 標記。
Smartmockups 免費產品情境圖產生器

選擇付費版型會要求註冊帳號並提供免費七天體驗。
Smartmockups 免費產品情境圖產生器

挑選範例圖後,點選「Upload from」從電腦開啟要合成的圖片。
Smartmockups 免費產品情境圖產生器

接著調整圖片大小與擺放位置,點擊「Crop and continue」繼續下一步。
Smartmockups 免費產品情境圖產生器

此時範例圖中藍色部分已經替換成上傳的圖片,若不滿意可以點選編輯、刪除再次修改。
Smartmockups 免費產品情境圖產生器

點擊「Download」可以選擇四種尺寸的情境圖下載。
Smartmockups 免費產品情境圖產生器

Smartmockups 提供的產品情境圖相當豐富,手機、電腦、TV、書籍、馬克杯、衣服就連車子都有。
Smartmockups 免費產品情境圖產生器 Smartmockups 免費產品情境圖產生器

延伸閱讀:
Qurb 免費線上 Mockup 產生器,將螢幕截圖套用裝置外框 PhotoRoom 打開照片自動去背完成,多種背景圖片輕鬆合成 Designify 照片去背&合成設計工具,編輯樣板圖片批量合成