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

関連記事

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

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

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

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

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

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

Webデザイナーになりたい人におすすめサービス5選

どうも、べ〜やんです。 今回は、Webデザイナーを目指している方におすすめな学習サービスを5つ紹介します。 Webデザインを学べるサービスの中でも、実際に私が利用したことのあるサービスに絞って5つ紹介 …

[かんたん]Photoshopで画像加工してみた

どうも、べ〜やんです。 このブログ用にphotoshopで画像を加工してみましたので、手順をざっくり紹介します。 3分でできる簡単なものです。 完成品がこれ↓ 手順 まずは加工前の元画像を用意します。 …