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

関連記事

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

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

アイコンを簡単に表示できる!Icongram

どうも、べ〜やんです。 今回は、簡単にアイコンを表示できるサービス『Icongram』を紹介します。 Icongramとは 引用元:Icongram Icongramは9つのアイコンライブラリからAP …

フォントを簡単に調べられる!Chromeの拡張機能WhatFont

どうも、べ〜やんです。 今回は、webサイトで使われているフォントを簡単に調べられるChromeの拡張機能『WhatFont』を紹介します。 WhatFontとは 『WhatFont』はwebサイトで …

便利!Boostnoteの使い方

どうも、べ〜やんです。 今回は、プログラマ向けのメモ帳アプリBoostnoteを紹介します。 Boostnoteとは Boostnoteとは、日本製のプログラマ向けのメモ帳アプリです。 Boostno …

複数のレスポンシブを同時に確認!Chromeの拡張機能ResponsiveViewer

どうも、べ〜やんです。 今回は、複数のレスポンシブを同時に確認できるChromeの拡張機能『ResponsiveViewer』を紹介します。 ResponsiveViewerとは Responsive …