MockupPhotos 省時間線上合成高品質手機、電腦、筆記照片

對我來說有一個線上工具的使用頻率很大，這個工具就是：「Smartmockups 快速合成網頁與 App 使用情境照片」。很多朋友可能不知道有這樣的線上工具，或是沒有發現他的好用用途， Smartmockups 這類工具可以線上合成各種高品質的手機、電腦螢幕照片，像是我文章中常常出現的開頭圖片，那些正在用手機或電腦的情境照，幾乎都是 Smartmockups 合成的。

什麼樣的人需要這樣的線上合成照工具呢？例如你是位開發者或行銷人員，要介紹 App、 網站等產品時需要一張情境照。你是位老師，要設計某個軟體教學課程海報、影片封面而需要情境照。你跟我一樣單純想要介紹某個軟體畫面，但希望用到簡報、文章中時效果更突出，那麼也可以利用合成情境照的方式。

不過我自己用久了 Smartmockups ，雖然還是好用，但也想要換換不同工具。最近就發現了這個也有很多高品質合成照片模板的：「 MockupPhotos 」，同樣可以在合成上述情境照時節省許多時間。




「 MockupPhotos 」網站不須註冊登入的情況下，就提供了上百張的免費高品質照片模板，從電腦、手機到海報筆記的螢幕畫面，都可以讓你輕鬆線上合成。尤其對不善影像繪圖軟體操作的朋友來說，這樣的快速合成可以節省許多時間，並且效果很好。

你可以在這裡找到「 MockupPhotos 免費合成照片模板」。

下面我來介紹實際的使用情境，以及「 MockupPhotos 」上的相應功能。

例如我做出了一份筆記範例，像是之前的：「列印這張每日精力熱點圖，規劃事半功倍的個人生產力節律」，我想搭配情境圖做更生動介紹。

這時候我就可以在「 MockupPhotos 」尋找適合放入筆記畫面的模板，我會想特別介紹「 MockupPhotos 」的原因，也是因為他擁有許多筆記本的合成照。

找到我想要的筆記模板後，點入該張照片，點擊照片中的綠色上傳按鈕，將自己的筆記照片上傳合成。

合成後的效果如下，我的筆記範例就出現在情境照片中，而我只要點擊有下方的紅色 Download 按鈕下載即可。

如果我想要合成手機、電腦的照片，同樣可以在「 MockupPhotos 」中尋找我想要的模板，網站上方有提供過濾的選擇工具。

例如在「一頁 Google 文件專案管理筆記，重整 Google Drive 混亂檔案」這篇文章中，我想要秀出電腦上的操作畫面。

這時候找到相應模版，同樣可以上傳螢幕截圖，或是「 MockupPhotos 」也提供了幫我自動截圖線上網頁的功能。

而且在電腦、手機畫面中，上傳照片後還可以利用「 Re-position image 」來調整位置。

可以放大、移動我的範例圖，將其調整到最適合的合成位置，按下［ OK ］即可。

另外「 MockupPhotos 」也有提供多張螢幕的合成範本，例如像是同時合成 iPad 與 iPhone 的畫面。

「 MockupPhotos 」另外也有付費版功能，這時候的合成照片模版增加到了 400 多張。而免費版可以使用的大約是其中的上百張左右。

對於行銷人員、老師、簡報設計者、文章撰寫者來說，這樣的線上合成照工具，會是節省時間，快速製作電腦、手機、筆記情境圖，當作文章開頭圖片、教學影片封面、海報範例圖的好工具。

而如果你需要這類行銷設計工具，還可以延伸參考：「社群小編與部落格站長的圖片行銷必備10大免費工具」、「懂設計更有競爭力！職場必學10種免費線上設計軟體」、「設計師懶人包：90+免費設計工具與免費設計資源總目錄整理」。


 （歡迎社群分享。但全文轉載請來信詢問，禁止修改上述內文，禁止商業使用，並且必須註明來自電腦玩物原創作者 esor huang 異塵行者，及附上原文連結：MockupPhotos 省時間線上合成高品質手機、電腦、筆記照片）