過稿神器!動效視覺堪比蘋果宣傳片的3D樣機DesignCamera
@WOOD短腿木:老話說得好,人靠衣裝設計靠包裝。無論你是UI設計師/UX設計師/App獨立開發者,一個好的展示模板能讓你的作品瞬間提升氣質,在交稿時俘獲甲方爸爸躁動的心。
今天神器小分隊帶來的這個神器,可以幫你快速生成UI介面的3D展示效果;無需學建模、無需學AE,只需要簡單幾步,就能產出堪比蘋果宣傳片的展示動效,簡直方便到沒朋友。
DesignCamera
下載連結: https://www.designcamera.app/download
△ Howard Pinsky@Pinsky
△ 官網演示
首先,點開軟體下載主頁→ https://www.designcamera.app/download
開啟網頁就能看到這樣的介面,非常簡單,點選右上角的「Download」即可下載軟體包。
解壓後直接就是 Design Camera 的應用程式了,雙擊開啟即可。
軟體的介面也非常簡單:
一時間記不住這麼多控制元件?沒關係,跟著木木玩一遍就學會啦~
入門玩法:一鍵拖拽,平面變3D
只需要將圖片素材(支援JPG和PNG格式)拖入 Design Camera 的樣機內,就可以直接獲得一個3D模型。
可以修改陰影、背景顏色(包括透明背景)、機身顏色以及環境。
除了可以點選上方的預設切換顯示,更能自由點選拖動改變3D模型的角度。
其中,按住「Alt」鍵時,滑鼠滾輪為縮放,點選拖動為平移。
完成修改後,只需要點選最上方的「Snapshot」即可獲取一張3840×2160解析度的Png。
特別注意的是,右下角的縮圖是可以直接拖拽進軟體中作為素材的。
基礎玩法:視訊展示也能一鍵3D
同理,只需要把視訊素材拖進 Design Camare 的模型裡即可,上述的引數均能修改。
完成修改後,如果覺得不夠豐富,還可以開啟動效欄,點選上方的「Live capture」錄製視訊;接著只需要在「Presets」裡選擇喜歡的動效,然後再次點選「Live capture」即可完成錄製。
點選下方的「Export Mov」就能獲得一個mov格式的高清視訊(最高支援4K)。
當然,你也可以選擇安裝之前美丫姐推薦過的Gifski(Appstore下載,快速視訊轉GIF,可調整幀數畫質),與Gifski 聯動的 Design Camera 能在你點選「Gif」時快速啟動Gifski,幫助你一鍵轉動圖。
進階玩法:自定義動畫
除了上述的預設動畫以外,Design Camera還支援自定義動畫,操作起來也是很簡單。
只需要你選擇幾個關鍵幀,它就能自動為你新增酷炫到沒朋友的緩動動畫。
木木隨便設了3幀,再隨便點選關鍵幀,大片即視感的展示動畫就做好了。
高階玩法:連線蘋果手機,實時動效展示
看到介面左上角的這個充電線標誌了嗎?
當你的電腦插上蘋果手機,它就會變成這樣:
然後你就可以直接在 Design Camera 裡看到手機介面的操作,再加上動效。非常適合App展示和遊戲展示。
大神玩法:匯入Sketch,一鍵變多維3D
只是簡單的動效怎麼夠?Design Camera還支援 Sketch檔案匯入。
首先,開啟Sketch檔案和Design Camera,然後全選已經分好組的頁面,快捷鍵「Ctrl+Alt+E」,就能一鍵匯入Design Camera了。
分組會直接影響空間感的效果哦~
接著,我們可以在「Lens」中為模型加入一些攝影景深的感覺,讓它的空間感更強烈一些。
勾選「Focus Blur」,修改焦距等數值,滑鼠點選處即為焦點所在。
用改變焦點的方法,建立不同的關鍵幀,超強的空間感動畫就做成了。
Design Camera 操作簡單易上手,幾秒鐘的拖拖拽拽,就能實現蘋果宣傳片級別的流暢展示動畫,簡直太良心了。
目前,Design Camera正在開放公測,是免費直接下載使用全部功能的。機不可失時不再來,心動的小夥伴趕緊用起來吧。
想要了解更多的設計神器,可以關注@你丫才美工美丫姐
歡迎同學們關注最充滿智(dou)慧(bi)的設計賬號: