這是什么神仙網(wǎng)站，居然可以自動(dòng)做超酷動(dòng)圖
作者：陳允信，來(lái)源：設(shè)計(jì)便利店（ID：designmart）
如今制作動(dòng)圖已經(jīng)變成設(shè)計(jì)師常用的表現(xiàn)手法之一，AE、C4D這樣的工具相信大家都知道，雖然好用但學(xué)習(xí)成本超高，今天，就給大家介紹一個(gè)神奇的網(wǎng)站，可以用代碼一鍵生成超酷的動(dòng)效！
一、來(lái)，給你們介紹下，這個(gè)神奇的網(wǎng)站
Space Type Generator是一個(gè)用代碼自動(dòng)生成動(dòng)效的網(wǎng)站！只需要細(xì)微的參數(shù)改動(dòng)，就可以創(chuàng)造截然不同的效果變化，完全稱得上四兩撥千斤的動(dòng)效生成方案。
比起依靠腳踏實(shí)地制作的AE和C4D，代碼生成的動(dòng)效更有一種買彩票時(shí)刮獎(jiǎng)的悸動(dòng)，因?yàn)槟阌肋h(yuǎn)不能確定，一段代碼加入之后，它可能會(huì)產(chǎn)生什么樣的變化！
二、6種風(fēng)格，任意選擇
Space type generator使用非常簡(jiǎn)單，只需要輸入文字，它就而已自動(dòng)生成各種各樣的動(dòng)效，你也可以根據(jù)想法調(diào)整參數(shù)！同時(shí)它已經(jīng)預(yù)設(shè)了6個(gè)樣式，風(fēng)格非常特別！
Type 01：全屏文字律動(dòng)
非常具有實(shí)驗(yàn)性的一種效果，各種奇特的文字律動(dòng)和文字圖形化的處理，喜歡的同學(xué)可以嘗試一下，說(shuō)不定會(huì)有意想不到的效果！
Type 02：飄帶
這個(gè)效果可以讓文字隨著一定的節(jié)奏律動(dòng)，不管是簡(jiǎn)單的動(dòng)效，還是效果炸裂的全屏效果，它都可以實(shí)現(xiàn)！
Type 03：離心自轉(zhuǎn)效果
這個(gè)效果畫面非常炸，所有的動(dòng)態(tài)都是圍繞著中心旋轉(zhuǎn)！
Type 04：立體環(huán)形
這個(gè)效果可以讓文字隨著環(huán)形旋轉(zhuǎn)，旋轉(zhuǎn)的形式非常多變，而且只需要一點(diǎn)點(diǎn)參數(shù)變化，會(huì)讓它的旋轉(zhuǎn)形式變得非常魔性！
甚至可以讓他不僅僅是圍繞環(huán)形旋轉(zhuǎn)。
Type 05：文字扭曲
這個(gè)效果可以讓文字以各種各樣的方式扭曲！不僅適用于簡(jiǎn)短的標(biāo)題，同時(shí)也可以做成獨(dú)立的動(dòng)圖！
不僅僅是動(dòng)效，這個(gè)效果甚至可以錄制下來(lái)制作成為視頻。
Type 06 ：旗幟效果
這個(gè)效果可以讓文字像旗幟一樣飄動(dòng)！有一種windows 95時(shí)代的視覺感，非?？?，并且有很多小型動(dòng)效，很適合運(yùn)用在標(biāo)題中！
不僅僅是旗幟，它還可以完成各種各樣的飄動(dòng)效果！
三、使用方法，看這里
Space tpye generator操作也非常簡(jiǎn)單，只需要弄清每個(gè)區(qū)域的作用就可以了！
Step 01：選擇動(dòng)效類型
網(wǎng)站為用戶預(yù)設(shè)的6個(gè)動(dòng)效類型，點(diǎn)擊網(wǎng)頁(yè)右上角的Select即可切換！
Step 02：輸入文字
網(wǎng)站右下角的對(duì)話框可以輸入動(dòng)圖中的文字內(nèi)容，遺憾的是由于網(wǎng)站目前僅支持英文，所以輸入中文是沒有用的。
Step 03：選擇動(dòng)效樣式
網(wǎng)站左下角的按鈕，可以選擇不同的動(dòng)效樣式，每種不同的動(dòng)效類型下，都有非常多的樣式可供選擇，并且每種樣式風(fēng)格都非常獨(dú)特，各位可以根據(jù)需求自行選擇！
Step 04：調(diào)整參數(shù)
需要再根據(jù)自己的喜好和需求，調(diào)整左邊區(qū)域的各類參數(shù)，可以讓動(dòng)圖呈現(xiàn)出完全不同的效果，可自由調(diào)節(jié)都非常高。
Step 05：導(dǎo)出GIF
最后，將已經(jīng)調(diào)整好的畫面導(dǎo)出即可，點(diǎn)擊Save loop按鈕，需要注意的是由于動(dòng)圖尺寸非常大，所以保存的時(shí)間也比較長(zhǎng)，請(qǐng)耐心等待彈出下載提示即可！
四、工具是死的，人是活的，盡情創(chuàng)作吧！各位！
這個(gè)工具實(shí)際上是由設(shè)計(jì)師Kiel Danger Mutschelknaus打造，通過這個(gè)有趣的工具，可以讓那些動(dòng)效界的新手，只需要打開網(wǎng)頁(yè)，就能擁有一個(gè)隨時(shí)可用的動(dòng)效工作站！
Kiel非常善于使用全新的工具和技術(shù)創(chuàng)造和設(shè)計(jì)，他認(rèn)為，在如今的平面設(shè)計(jì)大背景下，不斷的創(chuàng)新同樣也適用于技術(shù)和手段的革新，完全未知領(lǐng)域的探索總會(huì)讓人異常興奮！
而這個(gè)工具，便是他將自己的想法分享出來(lái)的結(jié)果，他希望自己設(shè)計(jì)的是一個(gè)創(chuàng)造的工具，幫助大家思考，開拓全新的設(shè)計(jì)方式，而不僅僅是一個(gè)設(shè)計(jì)工具，其實(shí)對(duì)設(shè)計(jì)師而言也是如此，保持思考而不是單純的利用工具更重要！
網(wǎng)站地址：www.spacetypegenerator.com（需翻墻）
經(jīng)授權(quán)轉(zhuǎn)載至數(shù)英，轉(zhuǎn)載請(qǐng)聯(lián)系原作者
歡迎關(guān)注公眾號(hào)「設(shè)計(jì)便利店」，帶給你不一樣的設(shè)計(jì)思考
作者公眾號(hào)：設(shè)計(jì)便利店（designmart）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（12條）