Web Service

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

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

[ads_center]

BgPatternsの使い方

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

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

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

透明度と大きさ

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

プレビュー確認

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

カラーを選択

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

テクスチャ

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

Rotation設定

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

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

関連記事

  1. Web Service

    pxからemに文字サイズを変換してくれるツール「px-em」

    最近ではレスポンシブWebデザインなどで文字サイズにemを使う機会も増…

  2. Web Service

    現在のブラウザサイズをリアルタイムで教えてくれる「What’s My Browser S…

    かなりシンプルでよさげなWebサービスがあったのでご紹介します。現在の…

  3. Web Service

    キャッチコピーや文章作成に便利!類語を教えてくれる「文章リライトツール」

    ブログを書いたりキャッチコピーをつくったり文章作成するひとにとって役立…

  4. Web Service

    カラーコードからRGBコードに変換(その逆も)してくれる「RGB変換」

    カラーコードからRGBコードに変換してくれるサービスを探していたら理想…

  5. Web Service

    jQuery Mobileで簡単に自分のオリジナルテーマカラーを作成できるThemeRollerの使…

    jQuery Mobileにはテーマがいくつかあり、そのテーマを変える…

  6. Web Service

    Macで簡単に画像を切り取ったりぼかしやモザイクを入れることができるアプリ「ToyViewer」

    ToyViewerというMacのアプリを使ってみました。起動や動作も早…

コメント

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

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

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP