Web Service

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

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

[ads_center]

BgPatternsの使い方

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

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

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

透明度と大きさ

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

プレビュー確認

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

カラーを選択

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

テクスチャ

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

Rotation設定

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

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

色々な環境の中でのサウンドを効いてリラックスしたりできるMacアプリ「White Noise Lite」前のページ

Photoshopの移動ツールでオブジェクトを直接選択して移動・拡大・縮小・回転ができるようにするやり方次のページ

関連記事

  1. JTF日本語スタイルチェッカー

    Web Service

    日本語の文章を手軽にチェックできる「JTF日本語スタイルチェッカー」

    JTF日本語スタイルチェッカーは日本語の文章を手軽にチェックすることが…

  2. Web Service

    コピペチェックツールに最適!テキスト比較でどこが違うか発見できる「difff《デュフフ》」

    これはコピペチェックツールとして最適ですね。2つの文章を比較してどこが…

  3. Web Service

    ストライプの背景パターンをサクっと作ることができる「Striped Backgrounds」

    とてもシンプルで使いやすいかったのでメモがてらエントリー。背景なんかに…

  4. CSSViewer

    Web Service

    マウスを乗せた場所のCSSコードを気軽に確認することができるChrome拡張機能「CSSViewer…

    とても便利そうだったので使ってみました。マウスを乗せた場所のCSSコー…

  5. Web Service

    CSS3を使って超カンタンにクールなボタンを作ることができるジェネレーター「Button Maker…

    CSS3を使ってとても簡単にクールなボタンを作ることができるジェネレー…

  6. Rounded corner generator

    Web Service

    CSS3の角丸を直感的な操作で作成できるジェネレーター「Rounded corner generat…

    CSS3を使って角丸を作成したい時に役立つジェネレーター「Rounde…

コメント

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

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

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP