如果要將某個畫面或圖片放入裝置，讓它看起來像真正在使用中，除了實際拍攝其實還有更簡單的方法，就是透過所謂的 Mockups 工具，這類工具主要是提供一些既有素材，讓使用者以上傳方式將圖片傳送到網站，就能使圖片整合到裝置螢幕裡，看起來非常自然又有質感，對於要製作宣傳圖片或廣告來說很有用，即使不會拍照或使用繪圖軟體也能達到非常棒的效果。
圖片編輯
Mobile Mockup 以最簡單的方法製作手機模型圖，整合截圖可自訂顏色
Image Blur 線上為圖片特定範圍加入模糊特效，遮蔽重要資訊更方便
Screely 將圖片轉成帶有 Mac 視窗陰影的線上工具，還可自訂背景色
做出上面的視窗陰影效果需要 Mac 嗎？不用，需要 Photoshop 或 Sketch 等繪圖軟體嗎？也不用，只要透過瀏覽器、無須下載或安裝任何軟體就能達成！記得之前介紹過 Browser Frame 可以為螢幕擷圖加入瀏覽器外框，接下來要推薦的工具跟它有點類似，或者說更像是 Standardized Screenshot，只不過操作上更簡單，也不僅限於網頁擷圖。
Mockup Photos 數百種高畫質素材圖庫，可自行上傳整合擷圖
上面這張照片中 Macbook 顯示的是免費資源網路社群網頁畫面，你可能以為我真的借來這麼多道具、佈置成專業的風格拍照，事實上這是合成圖，直接將網站擷圖整合到圖庫中，就能有像是實際拍攝的效果，而這也被稱為 Mockups，我個人最常用的是 Smartmockups，因為它的素材多、經常更新，當我在撰寫文章時，如果沒有適合的首圖通常會自己產生。除此之外還有以下幾項類似的免費服務：
ZenFotomatic 線上免費去背神器，全自動消除背景保留產品部分
相信許多人都曾遇到「去背」問題，通常我們會透過繪圖軟體將需要的部份給剪下來，再把邊邊雜色修掉，讓主體可以被運用到其他地方。而去背的難易程度取決於畫面本身複雜性，如果要做去背處理，選擇單色背景會是最好的解決方式，當然也考驗著設計師的功力。
不過後來有許多線上工具可以快速做到，雖然效果不一定像手工處理那麼好，但對手邊沒有繪圖軟體或沒有修圖經驗的一般用戶來說卻可快速達成需要的效果。