7 步驟,輕鬆製作 iPhone Mockup

更新於 2023/05/18閱讀時間約 1 分鐘
幾年前,要把 app 介面,做成 iphone Mockup 的畫面,不是用 photoshop 合成就是用 Illustrator 畫,下載 3D 軟體又覺得太麻煩。現在只要透過 Spline (3D界的 figma) ,打開瀏覽器後,7 步驟,就能簡單地製作一張 iPhone mockup 啦!而且還能隨心調整成你想要的角度!

前置作業

註冊 Spline 的帳號:https://spline.design/

步驟

步驟 1

到 Library 搜尋 iPhone 找到模型

步驟 2

左側圖層找到 Screen

步驟 3

右側 Upload image 上傳你要的截圖

步驟 4

上方或右側找到 Edit frame 可以輸入大小或拖拉 frame 範圍,這裡以 450x800 為例,待會輸出時可以再放大倍率

步驟 5,6

調整好 Frame 後,可以按滑主中鍵調整鏡頭,讓 iPhone 調整到你想要的位置,跳整好後按下 Export

步驟 7

選擇你想要的檔案格式,這裡以 PNG 為範例,Ratio 可以放大你 Frame 的尺寸,按下 Export 就完成了!

最後

你還可以旋轉模型,調整成你要的角度,也可以透過左側的圖層,選擇你要的元件,調整模型的顏色或材質。也可以在右側的 Camera 欄位中,新增一個自訂鏡頭,調整鏡頭的數值,改變拍攝範圍。
avatar-img
1會員
2內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Ku Chou的沙龍 的其他內容
第一印象不只是產品的外觀、視覺,像是文案、聲音、氣味…都會令人產生印象。了解第一印象,可以讓我們從更廣的視角,去觀察和設計一個產品、一個品牌,甚至是一個廣告活動。另外,因為我們的產品是要給人們使用的,所以我們需要了解目標,才能更好地抓住人們的注意力,在短暫的時刻中留下印象。
第一印象不只是產品的外觀、視覺,像是文案、聲音、氣味…都會令人產生印象。了解第一印象,可以讓我們從更廣的視角,去觀察和設計一個產品、一個品牌,甚至是一個廣告活動。另外,因為我們的產品是要給人們使用的,所以我們需要了解目標,才能更好地抓住人們的注意力,在短暫的時刻中留下印象。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
金錢與生活態度息息相關,財務思維不一定能夠複製貼上,因為每個人都是獨一無二的存在。 本次閱讀的進化致富本能的「金錢猛獁象」,從古代人類史開始探討我們的祖先如何在資源匱乏的環境中求生存,以及這些生存的本能在現代中如何影響我們的金錢行為。透過這些歷史和心理
Thumbnail
為什麼 ASUS 筆電觸控板沒反應? 筆電觸控板沒反應無法運作可能有以下幾個原因: 誤觸快捷鍵:可能意外按下快捷鍵導致觸控板被鎖定。 觸控板設定:觸控板的設置可能被更改,導致無法正常使用。 外接裝置不相容:外接的周邊裝置或配件可能造成觸控板的衝突或不相容問題。 系統與驅動程式未更新:作業系
Thumbnail
這本令人驚艷的習慣改變書介紹了彈性習慣的七步驟、三個階段和四大支柱。通過每天執行不中斷、最多九個達標、每日記錄成果、培養的習慣不超過三個等關鍵方法,幫助人們建立健康的生活習慣。運用彈性習慣充實每一天,享受更多自由,並在穩定與靈活中找到成功的關鍵。可以搭配數位工具來規劃和提醒。
Thumbnail
原子筆記改變了很多人的生活,原子電子報現在也很流行,原子想法則讓每個人能比閃電更快地思考。來瞭解如何將這些原子元素結合,創建一個 Atomic Side Hustle,以及如何在部落格、電子郵件和社群媒體上宣傳你的副業吧。
Thumbnail
這篇關注情緒認知的文章,提供了7個步驟來培養情緒認知,幫助你更好地管理情緒,提升情緒智力和人際關係。透過自我拆解、反芻消化,將情緒視為一種工具,讓讀者更好地瞭解自己的內心感受和想法。
Thumbnail
本篇分享閱讀摘要,書名:10分鐘入禪休息法 作者在本書提供有效的技巧,每天只需十分鐘,讓你的心能進入「心流」或「全然放鬆」的狀態,進而達到深刻而安穩的寧靜感。每天練習,幫助自己改變看待生活的方式,活得更有希望,進而改變人生。
★每天只要10分鐘,練習放鬆,很快就能進入「心流」, 達到平靜、滿足、愉悅的新境界 ●身為治療師,我經常見到形形色色的個案,而他們遭遇的問題或許你也很熟悉: -你曾覺得身心不堪負荷,無法處理生活中的難題? -你經常憂心忡忡,覺得精疲力盡或暴躁易怒? -你失去感受生命的喜悅與享樂的能力? -你正面臨人
Thumbnail
《喜劇大師的13堂幽默課》 #5 7步驟準備笑話 |《喜劇大師的13堂幽默課》 #5 7步驟準備笑話 我也可以講出自己的笑話? 常常聽到別人可以很輕易地在大家面前講笑話,當輪到自己時展現幽默時頓時卻全場空氣凝結… 大部分的人都說講笑話的能力與幽默感的能力其實是從小培養起的,那從小並沒有
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
金錢與生活態度息息相關,財務思維不一定能夠複製貼上,因為每個人都是獨一無二的存在。 本次閱讀的進化致富本能的「金錢猛獁象」,從古代人類史開始探討我們的祖先如何在資源匱乏的環境中求生存,以及這些生存的本能在現代中如何影響我們的金錢行為。透過這些歷史和心理
Thumbnail
為什麼 ASUS 筆電觸控板沒反應? 筆電觸控板沒反應無法運作可能有以下幾個原因: 誤觸快捷鍵:可能意外按下快捷鍵導致觸控板被鎖定。 觸控板設定:觸控板的設置可能被更改,導致無法正常使用。 外接裝置不相容:外接的周邊裝置或配件可能造成觸控板的衝突或不相容問題。 系統與驅動程式未更新:作業系
Thumbnail
這本令人驚艷的習慣改變書介紹了彈性習慣的七步驟、三個階段和四大支柱。通過每天執行不中斷、最多九個達標、每日記錄成果、培養的習慣不超過三個等關鍵方法,幫助人們建立健康的生活習慣。運用彈性習慣充實每一天,享受更多自由,並在穩定與靈活中找到成功的關鍵。可以搭配數位工具來規劃和提醒。
Thumbnail
原子筆記改變了很多人的生活,原子電子報現在也很流行,原子想法則讓每個人能比閃電更快地思考。來瞭解如何將這些原子元素結合,創建一個 Atomic Side Hustle,以及如何在部落格、電子郵件和社群媒體上宣傳你的副業吧。
Thumbnail
這篇關注情緒認知的文章,提供了7個步驟來培養情緒認知,幫助你更好地管理情緒,提升情緒智力和人際關係。透過自我拆解、反芻消化,將情緒視為一種工具,讓讀者更好地瞭解自己的內心感受和想法。
Thumbnail
本篇分享閱讀摘要,書名:10分鐘入禪休息法 作者在本書提供有效的技巧,每天只需十分鐘,讓你的心能進入「心流」或「全然放鬆」的狀態,進而達到深刻而安穩的寧靜感。每天練習,幫助自己改變看待生活的方式,活得更有希望,進而改變人生。
★每天只要10分鐘,練習放鬆,很快就能進入「心流」, 達到平靜、滿足、愉悅的新境界 ●身為治療師,我經常見到形形色色的個案,而他們遭遇的問題或許你也很熟悉: -你曾覺得身心不堪負荷,無法處理生活中的難題? -你經常憂心忡忡,覺得精疲力盡或暴躁易怒? -你失去感受生命的喜悅與享樂的能力? -你正面臨人
Thumbnail
《喜劇大師的13堂幽默課》 #5 7步驟準備笑話 |《喜劇大師的13堂幽默課》 #5 7步驟準備笑話 我也可以講出自己的笑話? 常常聽到別人可以很輕易地在大家面前講笑話,當輪到自己時展現幽默時頓時卻全場空氣凝結… 大部分的人都說講笑話的能力與幽默感的能力其實是從小培養起的,那從小並沒有