Web Service

背景パターンをお手軽に作成することができる「BgPatterns」

背景パターンをとてもお手軽に作成することができるWebアプリ「BgPatterns」を使ってみました。好きなアイコンや色、背景色などを選ぶだけで簡単にいい感じの背景パターンを作ることができます。作ったものはPNGで取得できます。ということで以下使い方です。

[ads_center]

BgPatternsの使い方

まずは好きなパターンにしたいアイコンを選択します。

パターンにするアイコン選択

Image opacityでパターンの透明度、Image scaleでパターンの大きさを調整できます。

透明度と大きさ

プレビューを見たい場合は「目」のアイコンをクリックするとその場で確認することができます。

プレビュー確認

Colorでは背景色やパターンアイコンの色を選択することができます。

カラーを選択

Canvasではパターンと組み合わせるテクスチャも選ぶことができます。

テクスチャ

Rotationでは角度を指定することができます。

Rotation設定

ということで、こんな感じでクリックしていくだけで素敵な背景パターンを作ることができるので便利ですね。

以下からご利用できます。

関連記事

  1. Web Service

    かっこいいボタンやフォーム、かわいいリボンなんかが作れるCSSジェネレーター「Live Tools」…

    とても簡単にかっこいいボタンやフォームが作れちゃうCSSジェネレーター…

  2. Web Service

    テキストのCSSを手軽に設定できる「CSS Type Set」

    ちょっと確認したい時なんかによさそうですね。フォントやフォンサイズなど…

  3. Web Service

    サクっと簡単にクールなロゴを作成することができる「GraphicSprings」

    こういうサイトのおかげで誰でも簡単にプロが作ったようなロゴを作成するこ…

  4. Web Service

    色々なブランドカラーの値を知ることができる「BrandColors」

    ちょっとした参考になりそうだったのでメモがてらご紹介します。色々なブラ…

  5. Web Service

    CSSで使えるカラーネームの一覧を見やすく表示してくれる「147 Colors」

    覚えておくと便利そうだったのでメモしときます。CSSでも使える147種…

  6. Web Service

    文字はいらない!Webサイトを画像だけで楽しむことができるブックマークレット「Wordless We…

    おもしろいブックマークレットがあったのでご紹介します。Webサイト上に…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP