過稿神器-動效視覺的影響力

2019-1-28    用心設(shè)計

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

 

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

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

DesignCamera

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

△ Howard Pinsky@Pinsky

△ 官網(wǎng)演示

首先,點開軟件下載主頁→https://www.designcamera.app/download

打開網(wǎng)頁就能看到這樣的界面,非常簡單,點擊右上角的「Download」即可下載軟件包。

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

軟件的界面也非常簡單:

一時間記不住這么多控件?沒關(guān)系,跟著木木玩一遍就學(xué)會啦~

入門玩法:一鍵拖拽,平面變3D

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

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

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

其中,按住「Alt」鍵時,鼠標滾輪為縮放,點擊拖動為平移。

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

特別注意的是,右下角的縮略圖是可以直接拖拽進軟件中作為素材的。

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

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

完成修改后,如果覺得不夠豐富,還可以打開動效欄,點擊上方的「Live capture」錄制視頻;接著只需要在「Presets」里選擇喜歡的動效,然后再次點擊「Live capture」即可完成錄制。

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

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

進階玩法:自定義動畫

除了上述的預(yù)設(shè)動畫以外,Design Camera還支持自定義動畫,操作起來也是很簡單。

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

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

高級玩法:連接蘋果手機,實時動效展示

看到界面左上角的這個充電線標志了嗎?

當(dāng)你的電腦插上蘋果手機,它就會變成這樣:

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

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

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

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

分組會直接影響空間感的效果哦~

接著,我們可以在「Lens」中為模型加入一些攝影景深的感覺,讓它的空間感更強烈一些。

勾選「Focus Blur」,修改焦距等數(shù)值,鼠標點擊處即為焦點所在。

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

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

目前,Design Camera正在開放公測,是免費直接下載使用全部功能的。機不可失時不再來,心動的小伙伴趕緊用起來吧。

 

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

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔