DESIGN SERVICE

背景素材を生成!Cool Backgrounds

投稿日:


どうも、べ〜やんです。

今回は、背景素材を生成してくれるCool Backgroundsを紹介します。





Cool Backgroundsとは


引用元:Cool Backgrounds

Cool Backgroundsとは、簡単に背景素材を生成してくれるサービスです。

グラデーション素材などを自動で生成してくれるので複雑な設定がいりません。

Cool Backgrounds


使い方


テーマ選択

5種類のテーマから選択して素材のタイプを選択。

  • Trianglify
  • Particles
  • CSS Gradient
  • Gradient Topography
  • Unsplash

Trianglify

三角形とグラデーションの組み合わせ

引用元:Cool Backgrounds

Particles

図形のアニメーション

引用元:Cool Backgrounds

CSS Gradient

フレッシュカラーのグラデーション

引用元:Cool Backgrounds

Gradient Topography

滑らかな層状形状のグラデーション

引用元:Cool Backgrounds

Unsplash

Unsplashから厳選された画像

引用元:Cool Backgrounds

色の組み合わせ

画面右側のカラーパネルからグラデーションの色の組み合わせを選択することができます。

引用元:Cool Backgrounds

画面上部から色のタイプを設定できます。

引用元:Cool Backgrounds

BLACK

引用元:Cool Backgrounds

WHITE

引用元:Cool Backgrounds

BLUE

引用元:Cool Backgrounds

RED

引用元:Cool Backgrounds

細かい設定

More optionsからさらに細かい設定ができるサービスに移動することができます。

引用元:Cool Backgrounds

おわりに


今回は、背景素材を生成してくれるCool Backgroundsを紹介しました。

Cool Backgrounds

簡単に素材を生成してくれるので作業時間が短縮できますね。



-DESIGN, SERVICE
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

CSSエフェクト紹介サイト!CSSFX

どうも、べ〜やんです。 今回は、CSSのおしゃれなエフェクトを紹介してくれるサイト『CSSFX』を紹介します。 CSSFXとは 引用元:CSSFX CSSFXはCSSのクリック、ホバー、ローディング時 …

ブックマークはもういらない、超便利Pocket

どうも、べ〜やんです。 今回は、お気に入りのwebページを保存しておく便利なサービスのPocketを紹介します。 Pocketとは Pocketは、お気に入りのwebページを保存しておく世界で2,20 …

大きさを測定!Google Chromeの拡張機能Page Ruler Redux

どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …

フリーイラスト素材サイトISOMETRIC

どうも、べ〜やんです。 今回は、おしゃれな無料フリーイラスト素材サイト『ISOMETRIC』を紹介します。 ISOMETRICとは 引用元:ISOMETRIC 『ISOMETRIC』はおしゃれなフリー …

[初級]Photoshopで画像合成してみた

どうも、べ〜やんです。 今回は、Photoshopで二枚の画像を雑に合成したので、やり方を紹介します。 合成と言っても今回は切り取った人物画像を背景に貼り付けて、別の場所で撮ったような画像にしただけで …