18個可自動生成背景圖的網站 | 乾貨分享03

18個可自動生成背景圖的網站 | 乾貨分享03

▲ 題圖為Trianglify。io

截圖 整理 | 文風

這是「文説」的第 202 篇原創

大家好,我是設計師文風。

話說日常做圖,背景倘若不用圖片,一般會用漸變、炫光、紋理、圖案、色塊這些元素裝飾,以增強設計感。這些背景圖可以自己動手做(用筆刷),但有時追求高效和尋找靈感,可以備一些現成的、可自動生成的。

那麼今天,我就跟大家分享18個可以自動生成背景圖的網站,大家挑幾個配合使用即可。

1、炫酷多邊形 Trianglify

介紹:炫酷多邊形背景色塊生成網站。可以手動設定圖片尺寸、顏色和大小,或者隨機生成。可商用。

網址:https://trianglify。io

18個可自動生成背景圖的網站 | 乾貨分享03

2、故障風 Photomosh

介紹:故障效果生成器。上傳圖片,線上看效果,有多種靜態和動態圖可選擇。

網址:https://photomosh。com

18個可自動生成背景圖的網站 | 乾貨分享03

傳一張玩具車的圖上去。

18個可自動生成背景圖的網站 | 乾貨分享03

▲ 玩具車圖片出處《談談我家大爺的玩具車:彩珀》。已獲得公眾號「文説」授權。。。

選擇海報效果,還不錯。

18個可自動生成背景圖的網站 | 乾貨分享03

選擇抖動效果,果然一鍵故障風,都不用自己調半天。還能設定引數,可以根據自己需求調整。

18個可自動生成背景圖的網站 | 乾貨分享03

3、對稱軌跡

Silk

介紹:根據滑鼠軌跡,生成對稱圖案,有多種顏色可選。「空格鍵」重設,「Z」鍵返回上一步,軌跡挺美的。

網址:http://weavesilk。com/

18個可自動生成背景圖的網站 | 乾貨分享03

4、彩色光點 Liquid Particles 3D

介紹:3D彩色光點,動動滑鼠即可,會跟著滑鼠走,適合截圖(其他網站同理,若沒下載按鈕可以用截圖)做背景圖。

網址:http://www。spielzeugz。de/html5/liquid-particles-3D/

18個可自動生成背景圖的網站 | 乾貨分享03

5、發光絲帶 Space Noodles

介紹:很漂亮的發光絲帶,做背景圖一流。

網址:http://www。spielzeugz。de/html5/space-noodles/?colours=random

18個可自動生成背景圖的網站 | 乾貨分享03

6、熱敏圖 Reaction Diffusion

介紹:滑鼠動它動,滑鼠不動它也動,從一開始流動,到鋪滿螢幕。比較特別,有時候一些展覽會見到這個背景圖。

網址:http://colordodge。com/ReactionDiffusion/

18個可自動生成背景圖的網站 | 乾貨分享03

7、液態流體

VertexOscillation

介紹:跟上面那個一樣,都是這個網站(http://colordodge。com)提供,還有其他效果,值得一看。

網址:http://colordodge。com/VertexOscillation/

18個可自動生成背景圖的網站 | 乾貨分享03

8、漸變配色

Uigradients

介紹:很多漂亮的漸變色,適合做背景色塊。

網址:https://uigradients。com/#Blu

18個可自動生成背景圖的網站 | 乾貨分享03

9、

自動炫光 Ribbons 2

介紹:每點選一次,每自動生成一次炫光。

網址:https://codepen。io/tsuhre/full/BYbjyg

18個可自動生成背景圖的網站 | 乾貨分享03

10、鹿班,背景繪製

介紹:阿里雲的鹿班實驗室AI,可以線上繪製背景,要登入使用。

網址:https://luban。aliyun。com/web/ai-lab/bg-painting

18個可自動生成背景圖的網站 | 乾貨分享03

18個可自動生成背景圖的網站 | 乾貨分享03

11、

彩色漸變 Gradients

介紹:彩色漸變,免費使用!目前有182個,可以設定尺寸、比例再匯出。

網址:https://gradienta。io

18個可自動生成背景圖的網站 | 乾貨分享03

12、

酷炫背景 ‎Bg-painter

介紹:免費下載,隨時隨地使用。少而精,可以調色。

網址:http://bg-painter。com

18個可自動生成背景圖的網站 | 乾貨分享03

13、

背景紋理 Hero Patterns

介紹:很多紋理,可以調色,線上生成。

18個可自動生成背景圖的網站 | 乾貨分享03

14、紋理

背景 Subtle Patterns

介紹:同上,適合扔進PS鋪滿。

網址:https://www。toptal。com/designers/subtlepatterns

18個可自動生成背景圖的網站 | 乾貨分享03

15、漂亮

背景 The Pattern Library

介紹:少而精,可商用。一樣扔進PS鋪滿使用吧!

網址:http://thepatternlibrary。com

18個可自動生成背景圖的網站 | 乾貨分享03

16、又是炫酷

背景 Cool Backgrounds

介紹:炫酷背景圖片生成網站,跟前面幾個類似,可以作為補充。

網址:https://coolbackgrounds。io

18個可自動生成背景圖的網站 | 乾貨分享03

17、

彩色紋理素材 GraphicSurf

介紹:彩色紋理素材,挺多,挺可愛。

網址:https://graphicsurf。com/category/patterns/

18、又是

變 Gradients

介紹:很漂亮的漸變色。不過開啟有點慢。

網址:https://products。ls。graphics/mesh-gradients/

18個可自動生成背景圖的網站 | 乾貨分享03

最後說2點:

1、本文不定期更新修改,傳送“

背景圖

”到公眾號後臺可以獲得“

背景圖

”圖文最新版本;傳送“

字型

”到公眾號後臺可以獲得“

字型

”圖文最新版本;傳送“

相簿

”到公眾號後臺可以獲得“

相簿

”圖文最新版本(如有)。後面會陸續分享其他乾貨(素材、色彩、排版等),敬請留意公眾號「文説」更新;

2、使用前建議看一下版權宣告,免費可商用這一項是否有變動。配合往期「免費可商用相簿」一文使用,效果更佳。我們可以看到,本文提供了多個類似的網站,大家挑選幾個配合使用即可,不用全部都用的。另,建議收藏本文,時刻翻閱,事半功倍。

18個可自動生成背景圖的網站 | 乾貨分享03

▲本文首發於2021年8月5號,轉載請聯絡。

全文完,感謝閱讀。如果你喜歡文説,歡迎關注!

頂部