有時候我們會需要將應用程式或是網站畫面呈現在裝置上，例如在設計網站、介紹教學或展示產品會用到，不過要直接拍攝裝置其實並不容易，除非本身有不錯的攝影器材和光線，還得加上後製修圖的時間，其實只要使用 Mockups 工具就能輕鬆做到，我之前介紹過 Qurb、Mobile Mockup 和 MockUPhone 都能達到類似效果，像是將畫面整合到手機、平板電腦或是筆記型電腦，還能選擇不同的裝置外框、顏色或背景顏色等等，即使手邊沒有軟體也能輕鬆製作素材。
圖片處理
Screenshot Rocks 線上製作帶有瀏覽器或手機外觀的網頁擷圖
如何製作出上圖帶有瀏覽器外框的網頁擷圖畫面呢？可能很多人會選擇打開網頁，將視窗調整到適當大小後擷圖即可，這個答案好像也沒有錯，只是相較於使用 Mockup 工具來說會更費時費力，其實只要透過像是 BrowserFrame 或 Mobile Mockup 就能在輸入網址後快速製作出模型圖，看起來會比自己擷取還要更有質感。如果是 Mockup Photos、Smartmockups 還能直接套用免費圖庫提供的高品質相片，免費資源網路社群有一部分的文章首圖都是以類似工具處理，看起來很自然而且能提昇質感。
Optidash 以人工智慧最佳化圖片，壓縮降低圖片容量支援常見格式
Mockup Photos 數千張高畫質素材圖庫，可自行上傳圖片或線上擷圖整合
上面這張圖看起來是不是很有質感呢？如果仔細看，會發現電腦螢幕出現的正是免費資源網路社群首頁，不過這可不是我自己擺設的佈景，而是運用合成方式將適當的畫面合成到圖庫素材，也被稱為「Mockups」，對於要展示一些畫面來說非常有用。若我在編寫文章時找不到適合的圖片，也會利用像是 Smartmockups 來產生更好看的擷圖畫面，你可能會發現有些圖片看起來相似度極高，別懷疑，你也可以自己動手做。
Qurb 線上 Mockup 產生器，擷圖套用 iPhone、MacBook 外框更有質感
擷取網頁或應用程式畫面並不困難，除了使用內建的螢幕擷取工具，也有很多擷圖軟體可以選擇，像是 WinSnap、FastStone Capture 或是 Mac 上的 TechSmith Screenshot 等等軟體，當然擷圖軟體可以提供更多更細部的功能和選項，但內建就好在速度快與操作方便性了吧！後來使用 Mac 內建的擷取工具習慣後我就捨棄其他第三方應用程式，除非需要用到劃線、標記或處理特定部分才會使用 Skitch（馬賽克的話則是使用 Redacted）。
FaceMaze 線上人臉辨識工具，將相片裡出現的面孔擷取為圖片打包下載
現今相簿都有內建智慧型人臉辨識功能，例如將不同人物相片自動分類，或是標示出一張相片中出現幾個人像、性別或是產生文字描述等等，確實讓我們在整理相片時輕鬆不少，但有沒有想過這樣的技術還能怎麼運用呢？如果你想將一張合照裡所有出現的人物臉部擷取出來，除了用繪圖軟體一個一個手動裁切，現在利用 AI 技術也能自動辨識人臉，同時將這些圖片套入相同濾鏡效果，幾秒鐘就可以快速完成。
Watermark.ws 線上浮水印工具，保護你的相片影片和文件免於被竊取盜用
這陣子遇到不少涉嫌抄襲免費資源網路社群文章的有心人士，對於內容創作者來說，這些文字就像自己的孩子，必須花費相當多時間心血才能完成，但要竊取很容易，防不勝防。以前沒有花太多時間處理類似問題，相信大家都取之有道，標示原作者、連回出處來源是最基本的準則，後來實在太離譜，只好一一寫信請對方將盜文撤除，那麼創作者要如何避免自己原創內容被其他人竊取呢？
Watermarkly 線上為圖片製作浮水印，加入 LOGO 和文字效果免安裝軟體
經營網站的道路上最常碰到被抄襲內容的狀況，即使採用 Creative Commons 授權方式將內容釋出，仍有許多網站惡意剽竊文章，甚至自行轉為其他語言版本，也從未標註過來源，對於創作者來說造成非常大的傷害。遇到這種情形除了聯絡對方將內容下架，向 Google 等搜尋引擎回報垃圾網站，亦可將相關資料提供給對方的主機商。過程曠日廢時，也不一定有效果，因此創作者還是得想辦法保護自己的內容。
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
