【iOS / 安卓】套用模擬版型,MockUPhone讓手機、電腦自訂畫面!螢幕截圖、廣告設計

MockUPhone, 手機, iOS, Android, Windows Phone, 平板,筆記型電腦,桌機, 電視

米拉
2019-03-08更新
103 分享
124
不知道大家有沒有這個疑惑?有時候看手機教學步驟或是網站上圖片是套用在手機上、電腦上的介面樣式,讓整體性看起來更逼真,到底是怎麼做出來的呢?B編今天就要揭開這個秘密告訴你,其實是有一個模組可以套用,讓你在寫文章、分享教學的排版更好看!


 
產品套用模組
這個模組應該是在廣告設計上比較常用到,當你透過模板來合成圖片,能讓網友看到比較逼真的畫面之外,整體上質感也比較好,Mockuphone裡面的模板很多種,有iOS、Android、Windows Phone、平板、桌電、筆電、電視等裝置模型,B編覺得螢幕截圖加上模型版邊框整個看起來更專業,就看你想要把圖片套用在哪台手機畫面,輕鬆套用,不需要使用修圖軟體修過,超級方便!

Mockuphone 模板
■ iOS:iPhone 模擬版型
■ Android:安卓手機 模擬版型
■ Windows手機:Windows Phone 模擬版型
■ 電腦:Mac、筆電、桌電 模擬版型
■ 電視:電視 模擬版型

 
 
套用版型教學
這邊以iPhone為範例,先選擇一個你想要呈現的型號手機

▼ pick (選擇)
Image 196.png


▼ Drop files here (匯入圖片)
Image 197.png



▼【➀選擇圖片】→【➁開啟舊檔】
Image 198.png


▼ 如果要增加更多圖片【➀Add more file 選擇更多圖片 】→【➁ Generate product mockups】
Image 199.png


▼【➀按右鍵】→【➁另存圖檔】

Image 205.png



▼ 實際套用出來的圖片,質感是不是很讚啊~
Image 206.png

  • 我們的
  • LINE
  • id:@ntv1777t
 

 
更多好用程式、網站推薦
 
喜歡我們的文章嗎
給一個讚吧~^^
貼心小提醒
1.您目前未登入,若於此狀態進行文章收藏,紀錄可能無法長期保留。
2.建議登入後進行收藏,好文會幫你保存著,隨時要看也不怕找不到唷~

KiKiNote持續為您提供最優質的資訊內容,謝謝您!
不再顯示此視窗

複製成功