DEVICE SHOTS 截圖插入各種裝置螢幕的免費線上合成工具,iPhone、Mac、Apple Watch 等等都有

對於各系統的應用程式開發者、設計師、或是跟我一樣有在寫文章的人來說,偶爾都會需要用到截圖合成至裝置螢幕的情況,讓截圖看起來更加真實、生動。這篇要推薦的 DEVICE SHOTS,是我最近發現到非常好用的線上工具,提供超多裝置,Apple、Windows、Android 都有,上傳截圖後就輕鬆完成合成動作,非常省事,也提供背景、常用的社群網站尺寸等調整功能。

製作好的合成圖不僅是高解析度,還沒有浮水印,完全免費,對於經常需要製作這類圖片的人非常值得收藏。

優點

  • 操作簡單
  • 提供超多裝置外框(手機、平板、電腦、顯示器、手錶、居家)
  • 內建背景修改、常用圖片尺寸選項
  • 完全免費
  • 無浮水印

缺點

  • 無法上傳自己的背景圖片
  • 目前僅提供 PNG 檔案格式(未來會再加入 JPG)
DEVICE SHOTS

DEVICE SHOTS 操作教學、介紹

點我進到網站首頁後,就會看到目前提供的六大分類,分別為:「手機(Phones)、平板(Tablets)、電腦(Computers)、顯示器(Displays)、手錶(Watches)與居家(Home)」:

居家比較特別,嚴格來說就是智慧家庭裝置的意思,如:Samsung Frame、Sony W850C 智慧電視等等。

往下滑可查看目前提供的所有裝置,快速數一下至少有 30 以上,Apple 最齊全,其餘的就碰運氣了:

使用方式非常簡單,如果沒有背景需求(也就是只需要去背後的裝置截圖合成圖),三步驟即可完成,選取裝置、上傳截圖、下載:

我以電腦為例,預設為 MacBook Pro 13,點擊右側 Device 可選擇其他裝置:

如下圖,Windows 部分現在有 Dell XPS 13、15 與 Surface Book:

也有顏色選擇:

接著就上傳截圖,點擊右側的 Insert your image here 或直接拖曳截圖檔至視窗中,支援 JPG、PNG、GIF 與 SVG 四種格式:

這工具很棒的一點是,上傳截圖後會自動調整填滿裝置螢幕,意味著即便你原本使用其他裝置進行截圖也沒問題,像我這張是用Windows 電腦擷的圖,上傳到 MacBook Pro 13 也不會奇怪。

沒背景需求的人,可直接點擊右上方 Download 下載合成後的圖片。需要加上背景的,可以先點擊 Canvas 選取版型,Facebook、Twitter、Google Play、Pinterest 等常用的版型尺寸都有提供,也能自行設置長寬尺寸(Canvas Size):

下圖為 Facebook 貼文版型,左側畫面沒填滿不用理會,下載後多餘的透明區域都會自動 剪裁掉:

背景提供彩色桌布與單色兩種選擇,可惜無法上傳自己的圖:

製作完成後,按 Download 下載高解析度圖檔:

下圖就是我示範照的最終圖檔:

結論

不得不說這款工具不僅合成截圖與裝置很容易,連加上背景後的設計質感都相當高,絕對值得試試。就算是美感不好的人,也能輕鬆製作出一張高質感的截圖 + 裝置圖片。

補充資料

  • 工具名稱:DEVICE SHOTS
  • 性質:免費
  • 網址:點我前往

其他好用工具推薦

發佈留言