2019-1-28 用心設(shè)計(jì)
如果您想訂閱本博客內(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)出堪比蘋(píng)果宣傳片的展示動(dòng)效，簡(jiǎn)直方便到?jīng)]朋友。
下載鏈接：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ì)啦~
只需要將圖片素材（支持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)軟件中作為素材的。
同理，只需要把視頻素材拖進(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ù)畫(huà)質(zhì)），與Gifski 聯(lián)動(dòng)的 Design Camera 能在你點(diǎn)擊「Gif」時(shí)快速啟動(dòng)Gifski，幫助你一鍵轉(zhuǎn)動(dòng)圖。
除了上述的預(yù)設(shè)動(dòng)畫(huà)以外，Design Camera還支持自定義動(dòng)畫(huà)，操作起來(lái)也是很簡(jiǎn)單。
只需要你選擇幾個(gè)關(guān)鍵幀，它就能自動(dòng)為你添加酷炫到?jīng)]朋友的緩動(dòng)動(dòng)畫(huà)。
木木隨便設(shè)了3幀，再隨便點(diǎn)擊關(guān)鍵幀，大片即視感的展示動(dòng)畫(huà)就做好了。
看到界面左上角的這個(gè)充電線標(biāo)志了嗎？
當(dāng)你的電腦插上蘋(píng)果手機(jī)，它就會(huì)變成這樣：
然后你就可以直接在 Design Camera 里看到手機(jī)界面的操作，再加上動(dòng)效。非常適合App展示和游戲展示。
只是簡(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)畫(huà)就做成了。
Design Camera 操作簡(jiǎn)單易上手，幾秒鐘的拖拖拽拽，就能實(shí)現(xiàn)蘋(píng)果宣傳片級(jí)別的流暢展示動(dòng)畫(huà)，簡(jiǎn)直太良心了。
目前，Design Camera正在開(kāi)放公測(cè)，是免費(fèi)直接下載使用全部功能的。機(jī)不可失時(shí)不再來(lái)，心動(dòng)的小伙伴趕緊用起來(lái)吧。
藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn