如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

 

老話說(shuō)得好，人靠衣裝設(shè)計(jì)靠包裝。無(wú)論你是UI設(shè)計(jì)師/UX設(shè)計(jì)師/App獨(dú)立開(kāi)發(fā)者，一個(gè)好的展示模板能讓你的作品瞬間提升氣質(zhì)，在交稿時(shí)俘獲甲方爸爸躁動(dòng)的心。

今天神器小分隊(duì)帶來(lái)的這個(gè)神器，可以幫你快速生成UI界面的3D展示效果；無(wú)需學(xué)建模、無(wú)需學(xué)AE，只需要簡(jiǎn)單幾步，就能產(chǎn)出堪比蘋果宣傳片的展示動(dòng)效，簡(jiǎn)直方便到?jīng)]朋友。

DesignCamera

下載鏈接：https://www.designcamera.app/download

△ Howard Pinsky@Pinsky

△ 官網(wǎng)演示

首先，點(diǎn)開(kāi)軟件下載主頁(yè)→https://www.designcamera.app/download

打開(kāi)網(wǎng)頁(yè)就能看到這樣的界面，非常簡(jiǎn)單，點(diǎn)擊右上角的「Download」即可下載軟件包。

解壓后直接就是 Design Camera 的應(yīng)用程序了，雙擊打開(kāi)即可。

軟件的界面也非常簡(jiǎn)單：

一時(shí)間記不住這么多控件？沒(méi)關(guān)系，跟著木木玩一遍就學(xué)會(huì)啦~

入門玩法：一鍵拖拽，平面變3D

只需要將圖片素材（支持JPG和PNG格式）拖入 Design Camera 的樣機(jī)內(nèi)，就可以直接獲得一個(gè)3D模型。

可以修改陰影、背景顏色（包括透明背景）、機(jī)身顏色以及環(huán)境。

除了可以點(diǎn)擊上方的預(yù)設(shè)切換顯示，更能自由點(diǎn)擊拖動(dòng)改變3D模型的角度。

其中，按住「Alt」鍵時(shí)，鼠標(biāo)滾輪為縮放，點(diǎn)擊拖動(dòng)為平移。

完成修改后，只需要點(diǎn)擊最上方的「Snapshot」即可獲取一張3840×2160分辨率的Png。

特別注意的是，右下角的縮略圖是可以直接拖拽進(jìn)軟件中作為素材的。

基礎(chǔ)玩法：視頻展示也能一鍵3D

同理，只需要把視頻素材拖進(jìn) Design Camare 的模型里即可，上述的參數(shù)均能修改。

完成修改后，如果覺(jué)得不夠豐富，還可以打開(kāi)動(dòng)效欄，點(diǎn)擊上方的「Live capture」錄制視頻；接著只需要在「Presets」里選擇喜歡的動(dòng)效，然后再次點(diǎn)擊「Live capture」即可完成錄制。

點(diǎn)擊下方的「Export Mov」就能獲得一個(gè)mov格式的高清視頻（最高支持4K）。

當(dāng)然，你也可以選擇安裝之前美丫姐推薦過(guò)的Gifski（Appstore下載，快速視頻轉(zhuǎn)GIF，可調(diào)整幀數(shù)畫質(zhì)），與Gifski 聯(lián)動(dòng)的 Design Camera 能在你點(diǎn)擊「Gif」時(shí)快速啟動(dòng)Gifski，幫助你一鍵轉(zhuǎn)動(dòng)圖。

進(jìn)階玩法：自定義動(dòng)畫

除了上述的預(yù)設(shè)動(dòng)畫以外，Design Camera還支持自定義動(dòng)畫，操作起來(lái)也是很簡(jiǎn)單。

只需要你選擇幾個(gè)關(guān)鍵幀，它就能自動(dòng)為你添加酷炫到?jīng)]朋友的緩動(dòng)動(dòng)畫。

木木隨便設(shè)了3幀，再隨便點(diǎn)擊關(guān)鍵幀，大片即視感的展示動(dòng)畫就做好了。

高級(jí)玩法：連接蘋果手機(jī)，實(shí)時(shí)動(dòng)效展示

看到界面左上角的這個(gè)充電線標(biāo)志了嗎？

當(dāng)你的電腦插上蘋果手機(jī)，它就會(huì)變成這樣：

然后你就可以直接在 Design Camera 里看到手機(jī)界面的操作，再加上動(dòng)效。非常適合App展示和游戲展示。

大神玩法：導(dǎo)入Sketch，一鍵變多維3D

只是簡(jiǎn)單的動(dòng)效怎么夠？Design Camera還支持 Sketch文件導(dǎo)入。

首先，打開(kāi)Sketch文件和Design Camera，然后全選已經(jīng)分好組的頁(yè)面，快捷鍵「Ctrl+Alt+E」，就能一鍵導(dǎo)入Design Camera了。

分組會(huì)直接影響空間感的效果哦~

接著，我們可以在「Lens」中為模型加入一些攝影景深的感覺(jué)，讓它的空間感更強(qiáng)烈一些。

勾選「Focus Blur」，修改焦距等數(shù)值，鼠標(biāo)點(diǎn)擊處即為焦點(diǎn)所在。

用改變焦點(diǎn)的方法，創(chuàng)建不同的關(guān)鍵幀，超強(qiáng)的空間感動(dòng)畫就做成了。

Design Camera 操作簡(jiǎn)單易上手，幾秒鐘的拖拖拽拽，就能實(shí)現(xiàn)蘋果宣傳片級(jí)別的流暢展示動(dòng)畫，簡(jiǎn)直太良心了。

目前，Design Camera正在開(kāi)放公測(cè)，是免費(fèi)直接下載使用全部功能的。機(jī)不可失時(shí)不再來(lái)，心動(dòng)的小伙伴趕緊用起來(lái)吧。

藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)