前面菁魚課堂（菁瑞優(yōu)智）魚妹兒給大家介紹過這位大神——@亞賽大人，設(shè)計(jì)的五款小工具～
很多小伙伴非常感興趣，所以呢這周魚妹兒再給大家推薦幾款喲
閱前提示：
以下工具生成的圖像都是免費(fèi)可商用，請(qǐng)放心食用。
如果打不開網(wǎng)站，建議多刷新幾次，或更換成Chrome瀏覽器。
這些工具如何制作Gif？用錄屏軟件吧～windows 用戶：推薦 honeycam、Ocam；mac用戶：推薦 LICEcap。
波漫畫速度線生成器
1.試玩地址
https://wangyasai.github.io/Speed-Line/
2.靈感來源
當(dāng)漫畫遇到超燃場(chǎng)景時(shí)，畫面上常常會(huì)包圍著一圈線，俗稱速度線。可惜網(wǎng)上的優(yōu)質(zhì)速度線素材極少，要么付費(fèi)要么不是透明背景…所以我們就制作了就有了這樣一個(gè)簡(jiǎn)單好用的速度線生成器！
3.工具簡(jiǎn)介
如何一秒鐘讓你的設(shè)計(jì)成為焦點(diǎn)？如何讓畫面沖擊力突破天際？你可以試試在畫面上加上速度線，感受一下啊！
你不僅可以調(diào)整焦點(diǎn)位置，你還可以調(diào)整線的數(shù)量、粗細(xì)、長(zhǎng)短
同樣，點(diǎn)擊Save就可以保存透明背景的圖片了，再也不用在素材網(wǎng)站上苦苦搜尋。
4.參數(shù)解釋
5.案例應(yīng)用：
中二感溢出屏幕……
你甚至可以切換成彎曲線型，一秒鐘制造詭異畫風(fēng)
貝塞爾曲線生成器
1.試玩地址
https://wangyasai.github.io/Bezier/
2.靈感來源
來自一個(gè)非常酷的網(wǎng)站https://colorpong.com/，這個(gè)網(wǎng)站上有超多酷炫抽象的點(diǎn)線效果，不過需要購買才可以使用哦～
3.工具簡(jiǎn)介
這種粒子曲線，非常適合喜歡科技風(fēng)的甲方了，一鍵無痛生成各種酷炫的線型圖片！
這個(gè)工具有七種點(diǎn)線style，各具特色～
可以調(diào)整點(diǎn)線的數(shù)量
也可以調(diào)整點(diǎn)線的雜亂程度，雜亂也有雜亂美呀～
4.參數(shù)解釋
5.案例應(yīng)用?
抽象線條再旁邊點(diǎn)綴一些關(guān)鍵詞，很科技風(fēng)。
動(dòng)態(tài)馬賽克背景生成器
1.試玩地址
https://wangyasai.github.io/Awesome-Mosaic/
2.靈感來源
據(jù)說在發(fā)布會(huì)中，下面這張馬賽克背景重復(fù)利用太多次至今沒找到替代品……所以，我又開始了
3.工具簡(jiǎn)介?
最初的時(shí)候，我們就想開發(fā)一個(gè)馬賽克背景，就帶點(diǎn)科技效果就好了，嗯，有點(diǎn)閃的科技效果。
在開發(fā)過程中，我做偏了……忘記為什么就加了下面的環(huán)繞模式，但最后的效果似乎還不錯(cuò)就保留下來了。控制面板上可以改變整體的規(guī)則程度，它可以每一圈一樣的寬度，也可以每一圈各有長(zhǎng)短，很隨意但依然有節(jié)奏的變換。
可以用Spacing控制圈與圈之間的間距
用Nums調(diào)整每一圈中的數(shù)量
4.參數(shù)解釋
5.案例應(yīng)用?
如何更騷氣？試試粉黃撞色！騷氣值至少上升10個(gè)度吧！
若是換成黑金配色，誒，畫風(fēng)轉(zhuǎn)向低調(diào)奢華有內(nèi)涵
萬箭齊發(fā)biubiubiu生成器
1.試玩地址
https://wangyasai.github.io/Stars-Emmision/
2.靈感來源
一年前，我們?cè)谌豪镉懻摰揭粡堄袥_擊力的海報(bào)，誒，這不就是中心向外擴(kuò)散的射線嗎？如果有這樣一鍵生成小米海報(bào)這種背景效果的工具，無疑會(huì)大大節(jié)省了我們的設(shè)計(jì)時(shí)間。
3.神器簡(jiǎn)介
你一打開它，就會(huì)有一堆射線迫不及待地向你射來：
支持|上 | 下 | 左 | 右 | 中心 | 五種刺激的發(fā)射方式，看久了比刺激戰(zhàn)場(chǎng)還緊張吧。
可以調(diào)整粒子的數(shù)量
最后保存的靜態(tài)圖，有種下一秒就要沖出屏幕的感覺！
4.參數(shù)解釋
5.案例應(yīng)用?
當(dāng)然，你也可以錄制成動(dòng)圖/視頻，效果會(huì)酷炫一百倍：
彩蛋環(huán)節(jié)～
這個(gè)工具的動(dòng)效是在Processing大牛 Daniel Shiffman 的教程 starfired 啟發(fā)下完成的。教程中最后的動(dòng)效如下：
Daniel Shiffman，是一位講課超級(jí)有活力且幽默的老師，感受一下他的畫風(fēng)。
如果你也想學(xué)習(xí)Proceesing / p5.js以及其他編程做出一些有趣的效果，可以關(guān)注他的 Youtube 頻道（The Coding Train），跟著他的課學(xué)習(xí)，相信你也可以收獲很多～
向量場(chǎng)跡生成器
1.試玩地址
https://wangyasai.github.io/Perlin-Noise/
2.靈感來源?
在一次粒子系統(tǒng)的學(xué)習(xí)過程中，我少寫了一行代碼background()，居然……獲得了這個(gè)奇妙的抽象效果，或許這就是代碼的奇妙之處吧，給人意想不到的效果。
3.神器簡(jiǎn)介
和上述所有工具一樣，各種參數(shù)可調(diào)整：顏色，線長(zhǎng)，噪波比例……
是不是很像高中的等高線？但更也是更有藝術(shù)感的等高線吧！
控制面板中有一個(gè)參數(shù)noiseScale，它就是負(fù)責(zé)讓線的彎曲程度，數(shù)字越小，比卷發(fā)還卷，不信的話你試試，數(shù)字越大，就相對(duì)越規(guī)整，也不會(huì)出現(xiàn)等高線那樣一圈一圈的。
最后繪制出流暢美感的線條～
4.參數(shù)解釋
5.案例應(yīng)用
嘿嘿，恭喜你已經(jīng)抵達(dá)本文的最后一個(gè)工具了！筆芯?～
粒子爆炸生成器
1.試玩地址
https://wangyasai.github.io/Particles-Emission/
2.靈感來源
這個(gè)工具就是因?yàn)榇蚩▋?nèi)容的相似性，想開始做個(gè)小工具，也因?yàn)殚_啟制作這個(gè)工具，我才陸陸續(xù)續(xù)制作了上面的9個(gè)工具，還是很有成就感噠～
3.神器簡(jiǎn)介
想必大家都很熟悉我的工具的參數(shù)套路了……顏色、速度、形狀、粒子大小等等……
調(diào)大粒子的陰影效果，竟然有種假3D的錯(cuò)覺。
增加粒子的重復(fù)次數(shù)，可以讓粒子瞬間充斥你的整個(gè)屏幕
勾選旋轉(zhuǎn)，就可以保存這樣一張綻放出一朵抽象粒子花？
4.參數(shù)解釋：
5.案例應(yīng)用：
工具集合
最后，所有工具都在這個(gè)匯總頁上～
直達(dá)鏈接：https://wangyasai.github.io/designtools.html
好啦，快去玩吧～
