工具推薦|動(dòng)態(tài)文字生成網(wǎng)站---Space Type Generator
你是不是在為不會使用AE、C4D制作動(dòng)效很頭疼?或者在為制作靈感而煩惱?又或是因?yàn)橹谱鲃?dòng)效麻煩繁瑣而熬夜禿頭?
今天小編為你帶來超炫酷超強(qiáng)大動(dòng)效文字生成器——Space Type Generator,讓你通過簡單的參數(shù)調(diào)整就能創(chuàng)造無限種創(chuàng)意可能!
網(wǎng)頁概述
Space Type Generator是一個(gè)用代碼自動(dòng)生成動(dòng)效的網(wǎng)站,作者是設(shè)計(jì)師Danger Mutschelknaus,意在通過這個(gè)有趣的工具,可以讓動(dòng)效界的新手只需要打開網(wǎng)頁,就能擁有一個(gè)隨時(shí)可用的動(dòng)效工作站!
我想未來(或一個(gè)設(shè)計(jì)的未來)是在創(chuàng)造的工具,而不是設(shè)計(jì)的創(chuàng)作?!狵iel D. Mutschelknaus
網(wǎng)頁特點(diǎn)
首先一起來看看網(wǎng)頁都有哪些有趣好玩讓人記憶深刻的特點(diǎn)吧~
參數(shù)代碼,隨心定義
Space Type Generator可以自定義文字內(nèi)容,但目前僅限于英文字母和符號哦~并且網(wǎng)頁針對每一款動(dòng)效都列出了極為詳細(xì)的參數(shù)調(diào)整項(xiàng)目,包括旋轉(zhuǎn)速度、旋轉(zhuǎn)方向、文字傾斜、文字間距、波浪彎度等等,我們可以動(dòng)過調(diào)整任何一個(gè)參數(shù)的數(shù)值來改變整體的效果。只有你想不到,沒有Space Type Generator做不到!
明確分區(qū),操作簡便
網(wǎng)頁將界面的大致劃分為參數(shù)區(qū)、預(yù)設(shè)效果區(qū)、項(xiàng)目選擇區(qū)、文本輸入?yún)^(qū)五個(gè)部分,并且根據(jù)每個(gè)效果不同的功能進(jìn)行了相應(yīng)的調(diào)整。
輸入文字內(nèi)容-拖動(dòng)滑條-調(diào)整到到想要的效果-保存,簡單四步就能讓你擁有一份專屬動(dòng)態(tài)效果!
十一款模式,多樣選擇
隨著網(wǎng)站的不斷優(yōu)化完善,現(xiàn)已經(jīng)開發(fā)更新到十一款效果!每一款都創(chuàng)意十足,炫酷無比~
動(dòng)態(tài)展示,實(shí)時(shí)預(yù)覽
網(wǎng)頁界面除了參數(shù)調(diào)整區(qū)的遮蓋外,整個(gè)界面都是圖形展示區(qū)域,隨著參數(shù)的調(diào)整,圖形相應(yīng)變化,更直觀方便地幫助我們調(diào)整到自己想要的效果~
效果選項(xiàng)
十一種神器好玩的效果都是什么樣子呢~一起來看看吧!一定會有你想要的那一款~
CYLINDER-立體環(huán)形文字繞轉(zhuǎn)
文字環(huán)形動(dòng)態(tài),通過參數(shù)的調(diào)整可以改變圓環(huán)形狀、環(huán)繞方式、文字效果等等!看起來復(fù)雜高難度的圖形,通過簡單的參數(shù)調(diào)整就可以實(shí)現(xiàn)啦!
FIELD-方形文字律動(dòng)
以方形的基本形態(tài)給文字加入不同形態(tài)的律動(dòng),可以改變文字重復(fù)方式、文字字重、律動(dòng)長度、波動(dòng)幅度等等,何嘗不是給文字排版加效果的好方法!
STRIPES-波動(dòng)橫幅
條形橫幅與文字的結(jié)合動(dòng)態(tài)!可以改變橫幅大小、文字大小、波動(dòng)幅度、波形數(shù)量等等, 改變參數(shù)做出風(fēng)格不同、令人驚艷的各種效果!
COIL-平面環(huán)形文字
文字和背景顏色繞轉(zhuǎn)形成的平面圓盤,可以修改環(huán)形顏色的有無、環(huán)形的形狀、弧形的圓滑度等等,滿屏文字高級效果分分鐘完成!
FLAG-飄動(dòng)旗幟
形態(tài)不同的旗幟效果!修改旗幟形態(tài)、飄動(dòng)方式、顏色搭配等等,炫酷、新潮、時(shí)尚,各種風(fēng)格簡單形成!
MORISAMA-文字浪潮
滿屏超酷文字效果!調(diào)整文字密集程度、圖形分區(qū)、整體寬度等等,圖形的加入可以讓效果妙趣橫生,快來挑戰(zhàn)你的腦洞!
CASCADE-文字馬賽克
將色塊與文字結(jié)合形成一個(gè)個(gè)的小方塊,形成類似馬賽克的趣味效果,通過調(diào)整圖形大小、密集程度、生成不同的視覺效果,更多好玩有趣的效果等你來發(fā)掘!
RIBBON-文字飄帶
順滑條形文字飄帶效果,我們常用的效果在這里輕松完成!圖形大小、折疊數(shù)量、搭配顏色等等!多個(gè)旗幟的飽滿感,單個(gè)旗幟的極簡風(fēng)都能輕松創(chuàng)作!
LAYERS-層疊空間
通過文字大小的變化做出層疊的空間延伸感,可以任意改變層疊數(shù)量、遠(yuǎn)近距離差、文字字體等,炫酷前衛(wèi)的字效說來就來!
DANGER-文字消散
時(shí)髦流行的文字消散動(dòng)態(tài)效果!文字字體、字重顏色、消散程度等等完全自定義!沒有繁瑣的步驟~超吸睛文字效果簡單生成!
STRING-路徑混合軸
超心動(dòng)!AI里復(fù)雜的混合軸效果在這里輕松展現(xiàn),還能將文字插入緩和的軸中完美展現(xiàn),路徑隨心調(diào)整,粗細(xì)便捷修改!
操作方法
看到這里,是不是迫不及待想要學(xué)習(xí)使用呢,跟著小編一起來看看具體的操作吧!
樣式選擇
點(diǎn)擊網(wǎng)頁右上角【選擇】進(jìn)行樣式選擇,選擇自己喜歡的模式就可以開始你的創(chuàng)作啦!
參數(shù)調(diào)整
在頁面的參數(shù)調(diào)整區(qū)域滑動(dòng)滑塊即可調(diào)整,參數(shù)的名稱都是英文,英語不夠優(yōu)秀的你也不用擔(dān)心~根據(jù)頁面的效果調(diào)整簡單又直觀!而且細(xì)心觀察就可以發(fā)現(xiàn),參數(shù)區(qū)域根據(jù)調(diào)整內(nèi)容記性了簡單的分區(qū),更方便我們使用和記憶啦!
下面,我們以項(xiàng)目【STRIPES】為例,一起來看看每個(gè)參數(shù)的作用吧!
TYPE區(qū)域:
X-Scale:控制整個(gè)橫幅與填充文字的橫向長度
Y-Scale:控制整個(gè)橫幅與填充文字的縱向?qū)挾?/p>
weight:控制填充文字的字重
Tracking:控制橫幅的橫向長度,文字間距也會相應(yīng)變化
RIBBON區(qū)域:
count:控制橫幅的條數(shù)
X space:控制橫幅的橫向距離
Y space:控制橫幅的縱向距離
Size:控制橫幅的縱向?qū)挾?,但不修改填充文字的大?/p>
Offset:控制每個(gè)條幅的最大弧度位置
WAVE區(qū)域:
Size:控制橫幅波動(dòng)幅度的大小
Speed:控制橫幅波動(dòng)的速度
wavelength:控制最大弧度之間的距離,也就是每條橫幅上弧形的數(shù)量
Slope:控制弧形最高處的平滑度。
PRIDE!
點(diǎn)擊即可為圖形添加彩虹色彩效果!
橫幅顏色選擇
取消色塊前的對勾選擇,圖形中相應(yīng)顏色的橫幅就會消失喔~
背景顏色更改
點(diǎn)擊色塊出現(xiàn)調(diào)色板,就可以任意設(shè)置你想要的顏色啦,背景顏色也可以實(shí)時(shí)預(yù)覽哦~
效果預(yù)設(shè)
下方的方塊處是網(wǎng)頁提供的效果預(yù)設(shè),點(diǎn)擊就可以跳轉(zhuǎn)保存使用啦!如果效果不滿意的話,也可以在參數(shù)區(qū)繼續(xù)調(diào)整哦~切換預(yù)設(shè)效果之前記得保存你的創(chuàng)作效果哦~
圖片保存
方式一:在參數(shù)區(qū)域會有按鈕【Save Loop】或【Save PNG】,點(diǎn)擊就可以保存效果動(dòng)圖或者PNG圖片啦!
方式二:沒有保存按鈕的效果里,可以通過點(diǎn)擊右鍵-圖片另存為,保存效果靜態(tài)圖片。
方式三:錄屏軟件進(jìn)行錄屏,保存視頻開始你想要的編輯!
注意事項(xiàng)
在網(wǎng)頁的使用中會遇到一些小問題,小編列出幾項(xiàng),希望能讓你的使用過程更加順利便捷!
提示一:在不同的樣式中,右上角的【】展示出的樣式數(shù)目不一樣哦~回到CYLINDER才能找到找到最全的11種效果!
提示二:電腦尺寸不同,展示出的頁面效果會有所區(qū)別,尺寸較小的顯示屏,左下角的參數(shù)調(diào)整區(qū)域會交叉在一起,可以試著調(diào)整網(wǎng)頁縮放,或者找個(gè)更大的顯示屏來獲取更好的使用體驗(yàn),但是并不影響具體操作使用和最終效果展示喔~
網(wǎng)頁功能如此高級,小小的問題可以忽略不計(jì)啦~網(wǎng)頁也一直在更新改進(jìn)完善,讓我們懷著感恩的心一起期待更多功能的上線和更好的操作體驗(yàn)吧!
如果你在使用過程中有任何問題,或有其他寶貴的意見和建議,歡迎在下方評論區(qū)留言,和更多優(yōu)秀設(shè)計(jì)師一起交流學(xué)習(xí)
神器鏈接:Space Type Generator
相關(guān)素材:
全站高品質(zhì)素材免費(fèi)下載!