背景のデザインに困った時に!Webデザイン、ソーシャルメディア、イラストなどに利用できる背景素材生成ツール
Post on:2018年5月25日
Webデザイン、ソーシャルメディア、ブログをはじめ、イラストや壁紙など、さまざまなデザインに利用できる背景素材を生成するオンラインツールを紹介します。
昨日リリースされたばかりですが、すでに豊富なデザインが揃っており、今後さらに追加されていくとのことです。コンテンツが映える美しいグラデーション、パーティクルアニメーション、高品質な写真など、さまざまな背景が無料でダウンロードできます。


ツールを作成したのはCSS Gradientの作者様で、そこからさらに発展させ、グラデーションだけでなく、パーティクルアニメーションや写真などを使用した背景画像を生成するツールを完成させました。
2018年5月現在、5種類のテーマからさまざまな背景を生成できます。
カスタマイズにも対応しており、カラーだけでなく、「More Option」をクリックするとサイズや形状なども変更できます。

Cool Backgrounds: Trianglify
カラフルな図形を組み合わせた、美しいグラデーションの背景素材。

Cool Backgrounds: Particles
正確に描かれたテクニクカルなラインをアニメーションさせた背景素材。

Cool Backgrounds: CSS Gradient
人気が高いフレッシュなカラーを使用したグラデーションの背景素材。

Cool Backgrounds: Gradient Topography
地図の等高線のようなレイヤーに美しいグラデーションを適用した背景素材。

Cool Backgrounds: Unsplash
Unsplashの中から特にかっこいい写真画像をピックアップした背景素材。
sponsors