為了讓 Apps 介紹文更佳豐富,有時候我都會把截圖插入到裝置外框裡,讓圖片看起來更佳有質感。過去我都是使用 Photoshop 來合成,如果只有一張還好,多張就有點累人,有時候甚至還需要不同裝置的截圖,花很多時間處理,而最近就發現到這款非常好用的免費線上工具「Device Shots」,提供超多常見裝置,從 iPhone、Android 手機、平板、筆電、顯示器、一直到智慧型手錶都有,每一個都只需要上傳截圖,即可完成合成處理,輕鬆非常多。還提供修改背景、設定常用尺寸等等的修改功能。
Device Shots 介紹
點我進到 Device Shots 網站之後,選取你需要合成的裝置截圖,共有六個類別「Phones 手機」、「Tablets 平板」、「Computers 電腦」、「Displays 顯示器」、「Watches 手錶」與「Home 家」:
你也能先往下滑,看各類別提供哪些裝置,基本上常見的都有,iPhone 甚至好幾年前的 5C 都有,一直到最新的 iPhone 11。顯示器部分也有才剛推出沒多久的 Apple Pro XDR:
我以手機為例,點入之後預設為 iPhone 5C,點擊右側的 Device 來選擇你要的手機:
如下圖,我選擇 iPhone X:
Variant 為顏色,就跟實機一樣,看當初有推出哪些顏色,這工具基本上都有提供。然後點擊右上角 Insert Your image… 選擇要上傳截圖,或是直接把截圖拖曳到手機畫面中::
像這樣,裝置截圖合成就完成了,預設為透明背景,如果你是要拿來合成其他圖片,就可以直接點擊右上角 Download 下載:
右邊的 Canvas 功能提供常用樣板,如:Facebook 或 Twitter 貼文、Instagram 故事、Google Play 展示圖等等,點擊之後裝置的背景尺寸就會自動修改:
如下圖的 Facebook 貼文,這時點擊右側 Background 來修改背景:
提供多個單色與桌布選項,比較可惜是目前似乎無法上傳自己的背景圖片,有這類需求還是需要靠其他軟體來合成:
不用一分鐘就輕鬆製作出這張帶 iPhone X 裝置外框的截圖,比起 Photoshop 輕鬆非常多:
補充資料
- 工具名稱:Device Shots
- 性質:免費
- 網址:點我前往