背景画像を簡単に作る方法 | グラフィック・Webデザイナーのネタ | SOHO-College

グラフィック・Webデザイナーのネタ | SOHO-College

仕事や転職に役立つ情報も発信してます。グラフィクデザイン・Webデザイン・イラスト・アクセスアップや集客の為のWebマーケティングに関するノウハウもご紹介!ぜひご覧ください◎



グラフィック・Webデザイナーのネタ  |    SOHO-College

デザインするとき、意外と迷うのが背景の柄。
単色カラーもスッキリしていいのですが、
少しバリエーションを加えたい時や、
ちょっと一工夫欲しいときに、
背景のデザインが変わると全体のイメージもガラッとかわったりします。

でも、背景画像は最小繰り返し単位でちゃんと切り出さないと、
継ぎ目が変になってしまったりして、実は難しかったりします。


そんなときに役立つツールをご紹介!


$SOHO College Blog背景画像を作ってくれるジェネレーター




今回は背景画像を簡単に作るジェネレーターをご紹介します。
Web作成にはとっても便利なツールです。
サムネイルから好きな柄を選んで、
色を好きな色にカスタマイズすると、
柄のPNGがダウンロードできます。


ソフトいらずなので、
だれでも簡単にお手軽にいろいろな柄を試す事ができるので、
とってもオススメです。




$SOHO College Blog操作手順






1.まずはこちらのサイトにアクセスします。
http://www.patterncooler.com/






2.画面中央をクリックします。


グラフィック・Webデザイナーのネタ  |    SOHO-College






3.そうすると回りにはサムネイル、真ん中に色味の変更用のウィンドウが出てきます。

周りのサムネイルの中で、一つ柄を選択。

今回は右下の緑色のものを選びました。


グラフィック・Webデザイナーのネタ  |    SOHO-College





4.真ん中のウィンドウで色味を調整します。



5.右下のPreveiwボタンで、確認してから、ダウンロード!

グラフィック・Webデザイナーのネタ  |    SOHO-College





▼渋めの柄がダウンロードできました。
グラフィック・Webデザイナーのネタ  |    SOHO-College





背景画像を作るツールなので当たり前ですが、

ちゃんと繰り返しの最小単位になっているので、

継ぎ目が変…なんてこともありません。







柄の色バリエーションはイロイロあります。



白っぽいのもいいですね▼

グラフィック・Webデザイナーのネタ  |    SOHO-College









Webサイトの背景用ですので、

ダウンロードできるのは72ppiですが、

Web以外でも使えそうな便利ツールです。



ぜひ一度お試しください♪





今回の記事は…
Webデザインをしている方へ

$グラフィック・Webデザイナーのネタ  |    SOHO-College


ペタしてね読者登録してねフォローしてね>