Web Service

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

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

[ads_center]

BgPatternsの使い方

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

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

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

透明度と大きさ

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

プレビュー確認

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

カラーを選択

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

テクスチャ

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

Rotation設定

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

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

関連記事

  1. Web Service

    自分の興味にあったニュースや記事を推薦してくれる「Gunosy(グノシー)」を使ってみた

    自分の興味に合うニュースや記事を推薦してくれるGunosy(グノシー)…

  2. Web Service

    数多くのUIエレメントを検索することができる「UICloud」

    たくさんのUIエレメントを検索することができる「UICloud」がとて…

  3. Web Service

    Macでテキストをコピーした際にプレーンテキストにしてくれるアプリ「FormatMatch」

    Macでテキストなどをコピーしてエバノートなんかに貼り付けると余計な装…

  4. Web Service

    サイトのアイコン(ファビコン)を作成できるエディタ「X-Icon Editor」

    サイトのアイコン(ファビコン)を簡単に作成できるエディタ「X-Icon…

  5. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  6. Web Service

    使い捨てメールアドレスが欲しい時に便利!2秒でフリーメールを取得することができる「Super Mai…

    使い捨てアドが欲しい時にとても便利ですね。たった2秒でフリーメールを取…

コメント

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

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

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP