過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

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

DesignCamera

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

△ Howard Pinsky@Pinsky

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

△ 官網演示

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

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

軟件的界面也非常簡單:

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

一時間記不住這么多控件?沒關系,跟著木木玩一遍就學會啦~

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

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

基礎玩法:視頻展示也能一鍵3D

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

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

當然,你也可以選擇安裝之前美丫姐推薦過的Gifski(Appstore下載,快速視頻轉GIF,可調整幀數畫質),與Gifski 聯動的 Design Camera 能在你點擊「Gif」時快速啟動Gifski,幫助你一鍵轉動圖。

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

進階玩法:自定義動畫

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

只需要你選擇幾個關鍵幀,它就能自動為你添加酷炫到沒朋友的緩動動畫。

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

木木隨便設了3幀,再隨便點擊關鍵幀,大片即視感的展示動畫就做好了。

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

?當你的電腦插上蘋果手機,它就會變成這樣:

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

大神玩法:導入Sketch,一鍵變多維3D

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

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

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

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

用改變焦點的方法,創建不同的關鍵幀,超強的空間感動畫就做成了。

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

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

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

想要了解更多的設計神器,可以關注?@你丫才美工?美丫姐

歡迎同學們關注最充滿智(dou)慧(bi)的設計賬號:

過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera

收藏 676
點贊 87

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。