本期我梳理了一下瀏覽器收藏夾,
匯總幾個(gè)好玩的設(shè)計(jì)工具網(wǎng)站。
一、隨機(jī)粒子
www.spielzeugz.de/html5/liquid-particles-3D
這個(gè)網(wǎng)站會(huì)跟隨你的鼠標(biāo),
產(chǎn)生運(yùn)動(dòng)的粒子。
以迅雷不及掩耳之勢(shì),
右鍵【復(fù)制圖片】,
插入PPT中,
就是一個(gè)很好的背景。
二、對(duì)稱光繪
weavesilk.com
隨意劃拉幾下,
就會(huì)出現(xiàn)很漂亮的對(duì)稱光線。
這個(gè)形狀有點(diǎn)像翅膀,
我們完善一下。
截圖放PPT里,
感覺還不錯(cuò)。
三、高亮流體
paveldogreat.github.io/WebGL-Fluid-Simulation
這個(gè)之前有一期提到過,
它能跟隨鼠標(biāo)運(yùn)動(dòng),
產(chǎn)生很棒的流體效果。
同樣右鍵【復(fù)制圖片】放進(jìn)PPT,
就做出了這樣的頁(yè)面。
四、雙色生成
duotone.shapefactory.co
它能將圖片映射到兩種色相上,
圖片可以是本地的也可以直接搜索。
保存圖片稍加排版,
就得到了挺有藝術(shù)感的頁(yè)面。
五、爆炸粒子
wangyasai.github.io/Stars-Emmision
會(huì)不停從中心發(fā)射拖尾的粒子。
這種圖非常適合放在PPT中做居中排版,
強(qiáng)調(diào)一個(gè)數(shù)字或者觀點(diǎn)。
六、流動(dòng)的線
https://wangyasai.github.io/Perlin-Noise/
這個(gè)網(wǎng)站也是上一個(gè)作者設(shè)計(jì)的,
會(huì)有線條不停流動(dòng)。
這個(gè)紋理有很好的平面觀感,
蓋上一個(gè)矩形,
一頁(yè)P(yáng)PT封面就搞定了。
七、故障風(fēng)
photomosh.com
可以上傳圖片簡(jiǎn)便地生成一些效果,
比如勾選slices和jitter。
故障風(fēng)的效果就出現(xiàn)了。
八、動(dòng)態(tài)倒影
watereffect.net
給它一張圖,
能生成動(dòng)態(tài)倒影,
比如這張圖。
生成之后效果是這樣的。
循環(huán)播放的動(dòng)圖,
體積也小,
適合作為PPT背景使用。
九、文字云
wordart.com/create
輸入詞語選一個(gè)形狀,
加載本地的一個(gè)中文字體,
設(shè)置背景色為透明,
然后就能生成文字云了。
把它下載,
插入到你自己的頁(yè)面中就行。
最后總結(jié)一下。
本文源文件已打包,
關(guān)注頭條號(hào)【黑白間設(shè)計(jì)】,私信【神奇網(wǎng)站】即可獲取。
在美與實(shí)用間尋找平衡
黑白間設(shè)計(jì)