做圖質感提升!蘋果官網提供各產品的外框 png 檔,透明底超方便合成


有做圖需求的 先存

平常小編在做一些 iPhone 手機截圖、iPad、Mac 螢幕截圖時,要如何增加圖片質感呢?其實就是幫這些圖加上外框!加上手機、平板或是筆電的圖案,就很像蘋果官網會出現的圖 XD,質感直接 up up!蘋果有一個提供給開發者的「設計資源」頁面,上面提供了非常多蘋果系統的圖示、產品邊框的範本、模板,讓開發者可以快速、準確的去設計應用程式、圖案等等,平常有做圖需求的快收下!

做圖質感提升!蘋果官網提供各產品的外框 png 檔,透明底超方便合成

(圖片來源:9to5mac

蘋果設計資源網頁的最下方,有各種產品的邊框,像是 Apple TV、Apple Watch 系列、iMac 系列、iPad 系列、iPhone 系列、Mac 系列,幾乎是全產品都可以找到了,不過每個系列幾乎都只有最新的款式(如:iPhone 系列就沒有以前 Touch ID 的機型),而且都只有一、兩款顏色

做圖質感提升!蘋果官網提供各產品的外框 png 檔,透明底超方便合成

點選你要的產品外框即可下載,不過這些檔案是以「DMG」(蘋果磁碟映像檔格式)下載的,所以 Windows 用戶無法用預設的應用程式開啟,需要透過第三方解壓縮軟體才能開啟喔!如果是 Mac 用戶,下載後可直接點開 DMG 檔,裡面會有 psd 檔案跟 png 可以用

做圖質感提升!蘋果官網提供各產品的外框 png 檔,透明底超方便合成

很不錯耶!畢竟 psd 檔案只能在 Photoshop 開啟,那如果是 png 檔案,大多數的圖片編修軟體都可以使用,且 png 的背景是透明的,所以可以很容易地放上截圖或背景,就不用自己截圖、去背,方便非常多啊!

▼直接自己試試看!加個框是不是差很多的感覺!

做圖質感提升!蘋果官網提供各產品的外框 png 檔,透明底超方便合成

而除了產品外框外,這個網頁還有提供蘋果系統的一些模板、icon 等等,大多數都是 Sketch、Photoshop 跟 XD 等軟體可使用的檔案,可以先把這個網站存下來,有需要時再來看看有沒有自己可以用的素材喔!

🐻誰還沒有追蹤電獺少女Instagram?每天都有新貼文、每週都開新話題等你來跟編輯聊天,電獺少女Instagram 新鮮事一起來玩!🐻

貝爾

貝爾

喜歡搞怪,最沒形象跟包袱的電獺少女,希望用搞笑的文字讓大家輕鬆閱讀較生硬的3C科技,願望是讓獺友在看文章的時候是一種舒壓或能搏君一笑