▲ 題圖為Trianglify。io
截圖 整理 | 文風
這是「文説」的第 202 篇原創
大家好,我是設計師文風。
話說日常做圖,背景倘若不用圖片,一般會用漸變、炫光、紋理、圖案、色塊這些元素裝飾,以增強設計感。這些背景圖可以自己動手做(用筆刷),但有時追求高效和尋找靈感,可以備一些現成的、可自動生成的。
那麼今天,我就跟大家分享18個可以自動生成背景圖的網站,大家挑幾個配合使用即可。
1、炫酷多邊形 Trianglify
介紹:炫酷多邊形背景色塊生成網站。可以手動設定圖片尺寸、顏色和大小,或者隨機生成。可商用。
網址:https://trianglify。io
2、故障風 Photomosh
介紹:故障效果生成器。上傳圖片,線上看效果,有多種靜態和動態圖可選擇。
網址:https://photomosh。com
傳一張玩具車的圖上去。
▲ 玩具車圖片出處《談談我家大爺的玩具車:彩珀》。已獲得公眾號「文説」授權。。。
選擇海報效果,還不錯。
選擇抖動效果,果然一鍵故障風,都不用自己調半天。還能設定引數,可以根據自己需求調整。
3、對稱軌跡
Silk
介紹:根據滑鼠軌跡,生成對稱圖案,有多種顏色可選。「空格鍵」重設,「Z」鍵返回上一步,軌跡挺美的。
網址:http://weavesilk。com/
4、彩色光點 Liquid Particles 3D
介紹:3D彩色光點,動動滑鼠即可,會跟著滑鼠走,適合截圖(其他網站同理,若沒下載按鈕可以用截圖)做背景圖。
網址:http://www。spielzeugz。de/html5/liquid-particles-3D/
5、發光絲帶 Space Noodles
介紹:很漂亮的發光絲帶,做背景圖一流。
網址:http://www。spielzeugz。de/html5/space-noodles/?colours=random
6、熱敏圖 Reaction Diffusion
介紹:滑鼠動它動,滑鼠不動它也動,從一開始流動,到鋪滿螢幕。比較特別,有時候一些展覽會見到這個背景圖。
網址:http://colordodge。com/ReactionDiffusion/
7、液態流體
VertexOscillation
介紹:跟上面那個一樣,都是這個網站(http://colordodge。com)提供,還有其他效果,值得一看。
網址:http://colordodge。com/VertexOscillation/
8、漸變配色
Uigradients
介紹:很多漂亮的漸變色,適合做背景色塊。
網址:https://uigradients。com/#Blu
9、
自動炫光 Ribbons 2
介紹:每點選一次,每自動生成一次炫光。
網址:https://codepen。io/tsuhre/full/BYbjyg
10、鹿班,背景繪製
介紹:阿里雲的鹿班實驗室AI,可以線上繪製背景,要登入使用。
網址:https://luban。aliyun。com/web/ai-lab/bg-painting
11、
彩色漸變 Gradients
介紹:彩色漸變,免費使用!目前有182個,可以設定尺寸、比例再匯出。
網址:https://gradienta。io
12、
酷炫背景 Bg-painter
介紹:免費下載,隨時隨地使用。少而精,可以調色。
網址:http://bg-painter。com
13、
背景紋理 Hero Patterns
介紹:很多紋理,可以調色,線上生成。
14、紋理
背景 Subtle Patterns
介紹:同上,適合扔進PS鋪滿。
網址:https://www。toptal。com/designers/subtlepatterns
15、漂亮
背景 The Pattern Library
介紹:少而精,可商用。一樣扔進PS鋪滿使用吧!
網址:http://thepatternlibrary。com
16、又是炫酷
背景 Cool Backgrounds
介紹:炫酷背景圖片生成網站,跟前面幾個類似,可以作為補充。
網址:https://coolbackgrounds。io
17、
彩色紋理素材 GraphicSurf
介紹:彩色紋理素材,挺多,挺可愛。
網址:https://graphicsurf。com/category/patterns/
18、又是
漸
變 Gradients
介紹:很漂亮的漸變色。不過開啟有點慢。
網址:https://products。ls。graphics/mesh-gradients/
最後說2點:
1、本文不定期更新修改,傳送“
背景圖
”到公眾號後臺可以獲得“
背景圖
”圖文最新版本;傳送“
字型
”到公眾號後臺可以獲得“
字型
”圖文最新版本;傳送“
相簿
”到公眾號後臺可以獲得“
相簿
”圖文最新版本(如有)。後面會陸續分享其他乾貨(素材、色彩、排版等),敬請留意公眾號「文説」更新;
2、使用前建議看一下版權宣告,免費可商用這一項是否有變動。配合往期「免費可商用相簿」一文使用,效果更佳。我們可以看到,本文提供了多個類似的網站,大家挑選幾個配合使用即可,不用全部都用的。另,建議收藏本文,時刻翻閱,事半功倍。
▲本文首發於2021年8月5號,轉載請聯絡。
全文完,感謝閱讀。如果你喜歡文説,歡迎關注!