上面這張照片中 Macbook 顯示的是免費資源網路社群網頁畫面，你可能以為我真的借來這麼多道具、佈置成專業的風格拍照，事實上這是合成圖，直接將網站擷圖整合到圖庫中，就能有像是實際拍攝的效果，而這也被稱為 Mockups，我個人最常用的是 Smartmockups，因為它的素材多、經常更新，當我在撰寫文章時，如果沒有適合的首圖通常會自己產生。除此之外還有以下幾項類似的免費服務：
相片處理
Mockuptime 裝置模版 PSD 素材免費下載，讓產品畫面更臻質感
之前介紹過不少將應用程式或網頁畫面整合到圖庫的服務，通常稱為 Mockups，這些工具利用已經拍攝好的素材，將使用者選擇的畫面快速置入，讓相片看起來更有質感，也不用自己費心去調整或編輯圖片，有時候要準備展示畫面或擷圖 Mockups 就會相當實用，Smartmockups 是我很喜愛的工具，至少有不少文章的首圖我都是使用它來產生，除此之外，像是 Mockuper、Fotomock 或 Magic Mockups 也都很好用。
文青必備！Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
近年越來越多人使用的 Instagram，這款圖片影片分享社群應用程式開始於 2010 年，後來在 2012 年被 Facebook 收購成為旗下服務，Pseric 很早就開始使用 Instagram，最令我印象深刻的是「濾鏡」（Filters）功能（也算是早期大家會想玩 IG 的原因），可將照片快速轉成很有質感的色調，以前還沒開始流行時大家都以為你怎麼這麼會拍照，後來幾乎大部分跟拍照或圖片編輯有關的應用都已內建濾鏡。
Mockuper 將圖片快速合成到平板電腦、手機或看板上
有時候在網路上看到別人製作的插圖很有質感，通常會在圖庫素材中整合自家產品，不但沒有違合感，還能解決類似照片不好拍出來的問題，其實不用透過專業軟體就有一些線上工具可以做到，例如 Smartmockups 除了網頁版以外還能付費購買 Mac 應用程式，其他像是 Magic Mockups、MockUPhone 或 Dimmy.club 都能滿足類似需求，當然圖庫相片多不多也會是選擇的因素之一。
Fotomock 將擷圖整合免費圖庫素材，打造更專業模型樣板
有時候我們會看到很有質感的模型樣板（Mockups），可能是將網頁或應用程式畫面整合到 Macbook 或 iPhone 手機上，但其實這些照片並不是真正透過相機拍攝而成，而是以線上服務來加以合成，讓它看起來很特別、很不一樣！之前曾介紹過 Smartmockups（也是我個人相當喜愛的服務）、Magic Mockups 和 Dimmy.club 都能做到類似的事，只是本身的圖庫集不太一樣，產生效果多少有點差異，通常我會準備一些類似的服務，從中找出最理想的素材。
MockUPhone 在各種裝置螢幕上顯示產品畫面，支援最新 iPhone X
經常會在各種軟體公司、應用程式或產品官網看到畫面效果，為了吸引使用者目光，也會以裝置內顯示方式呈現，同時還能增進網頁質感，但其實這些圖片多半不是實際拍攝，而是透過一些模板（Mockups）組合而成，不僅在製作上更為簡便，現在也有線上工具可直接將圖片整合到圖庫素材，例如我個人最常使用的 Smartmockups 協助我製作出更引人入勝的文章首圖，或是 Magic mockups、Dimmy.club 能將螢幕擷圖或應用程式畫面放入裝置螢幕中。
Dimmy.club 將螢幕擷圖或程式畫面放入圖庫裝置顯示，打造專業模型圖片
如果你是免費資源網路社群的讀者，應該會發現我很用心在挑選文章首圖，對我來說，一篇文章最重要的除了內容，圖片也佔相當大的因素，而且影響整體網站質感。我經常從免費圖庫來找尋合適素材，若沒有好的選擇，會透過 Smartmockups 或 Magic Mockups 之類的合成服務自己製作一張看起來很舒服的首圖。可惜類似服務並不多，若你有找到更多的免費服務歡迎提供給我，或許我可以在這裡寫篇介紹教學推薦給其他人使用。
