Web Service

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

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

[ads_center]

BgPatternsの使い方

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

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

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

透明度と大きさ

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

プレビュー確認

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

カラーを選択

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

テクスチャ

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

Rotation設定

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

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

関連記事

  1. Web Service

    URLを入れるだけでレスポンシブなWebデザインを色々なデバイスで表示確認できる「The Respo…

    スマートフォンやタブレットなんかの色々なデバイスで表示確認することがで…

  2. Pocketのリスト並べ替え

    Web Service

    Pocket(Web版)で記事リストを最新から最古に並べ替える設定方法

    Web版(ブラウザ)のPocketで記事リストを表示させるとデフォルト…

  3. Box Shadow

    Web Service

    CSSでボックスシャドウを作成してくれるジェネレーター「Box Shadow」

    CSSでボックスシャドウを簡単に作成できるジェネレーター「Box Sh…

  4. Web Service

    Google検索結果で1年以内のものに限定してくれるChrome拡張機能「ato-ichinen」

    Chromeの拡張機能「ato-ichinen」を使ってみました。これ…

  5. Web Service

    MacのReederで画面右上にRead It LaterとTwitterのアイコンを表示させるやり…

    MacのReederがとても快適なのでちょくちょく使っているんですが、…

  6. Web Service

    ブログで使う画像を加工・編集して文字入れや矢印も簡単に挿入できるSkitchの基本的な使い方

    毎回ブログで使う画像はPhotoshopで編集したりしてたんですが、も…

コメント

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

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

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP