2019-1-28 用心設計
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
老話說得好,人靠衣裝設計靠包裝。無論你是UI設計師/UX設計師/App獨立開發者,一個好的展示模板能讓你的作品瞬間提升氣質,在交稿時俘獲甲方爸爸躁動的心。
今天神器小分隊帶來的這個神器,可以幫你快速生成UI界面的3D展示效果;無需學建模、無需學AE,只需要簡單幾步,就能產出堪比蘋果宣傳片的展示動效,簡直方便到沒朋友。
下載鏈接:https://www.designcamera.app/download
△ Howard Pinsky@Pinsky
△ 官網演示
首先,點開軟件下載主頁→https://www.designcamera.app/download
打開網頁就能看到這樣的界面,非常簡單,點擊右上角的「Download」即可下載軟件包。
解壓后直接就是 Design Camera 的應用程序了,雙擊打開即可。
軟件的界面也非常簡單:
一時間記不住這么多控件?沒關系,跟著木木玩一遍就學會啦~
只需要將圖片素材(支持JPG和PNG格式)拖入 Design Camera 的樣機內,就可以直接獲得一個3D模型。
可以修改陰影、背景顏色(包括透明背景)、機身顏色以及環境。
除了可以點擊上方的預設切換顯示,更能自由點擊拖動改變3D模型的角度。
其中,按住「Alt」鍵時,鼠標滾輪為縮放,點擊拖動為平移。
完成修改后,只需要點擊最上方的「Snapshot」即可獲取一張3840×2160分辨率的Png。
特別注意的是,右下角的縮略圖是可以直接拖拽進軟件中作為素材的。
同理,只需要把視頻素材拖進 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展示和游戲展示。
只是簡單的動效怎么夠?Design Camera還支持 Sketch文件導入。
首先,打開Sketch文件和Design Camera,然后全選已經分好組的頁面,快捷鍵「Ctrl+Alt+E」,就能一鍵導入Design Camera了。
分組會直接影響空間感的效果哦~
接著,我們可以在「Lens」中為模型加入一些攝影景深的感覺,讓它的空間感更強烈一些。
勾選「Focus Blur」,修改焦距等數值,鼠標點擊處即為焦點所在。
用改變焦點的方法,創建不同的關鍵幀,超強的空間感動畫就做成了。
Design Camera 操作簡單易上手,幾秒鐘的拖拖拽拽,就能實現蘋果宣傳片級別的流暢展示動畫,簡直太良心了。
目前,Design Camera正在開放公測,是免費直接下載使用全部功能的。機不可失時不再來,心動的小伙伴趕緊用起來吧。
藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計