iphone邊框

Mockuphone 幫圖片套上手機外框,讓圖片更專業,看起來就像是原使的模樣,除了手機外框之外還有筆電、電視,裡面的外框蘋果公司的產品更新的比較快,從 iPhone 5 到 iPhone X 都有,安卓外框包含三星、HTC、Google Pixel、Moto、Nexus 等,還有 Windows 的 Lumia,電腦的外框包含 Mac Book、Surface、iMac、XPS,電視的話就只有 LG 跟 三星的,對於平面設計師來說,這是一個相當好用的工具!


Mockuphone 手機外框合成器:https://mockuphone.com/#ios

mockuphone
△ 首頁相當簡潔,三張圖片就是用 Mockuphone 製作的

iphone邊框

△ 先選擇需要的外框,這邊以 iPhone X 示範。

iphone外框

△ 點選 Pick it

mockuphone

△ 把要鑲入的圖片拖到右邊的虛線裡面。注意:尺寸要符合下面的提示,iPhone X 是 1125 * 2436,完成後才會剛好符合頁面,否則會怪怪的。

手機外框

△ 上傳完畢後點選下方 Generate product mockups 開始製作

mockuphone

△ 完成圖,下方有個 Download my mockups 不要點,因為點了會卡在分享頁面無法下載,直接對著完成圖點右鍵另存新檔就好了。

mockuphone

△ 登愣~下載成品圖,依照指示的尺寸設定,畫面剛剛好。

mockuphone
 
△ 最新的 MacBook 也不是問題

mockuphone

△ 電視也很合呢!第一次用電視逛綠色工廠,大螢幕猛猛的~

Mockuphone 手機外框合成器:https://mockuphone.com/#ios