![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20110830/23/soho-college/e1/e8/j/o0350016011452571372.jpg?caw=800)
デザインするとき、意外と迷うのが背景の柄。
単色カラーもスッキリしていいのですが、
少しバリエーションを加えたい時や、
ちょっと一工夫欲しいときに、
背景のデザインが変わると全体のイメージもガラッとかわったりします。
でも、背景画像は最小繰り返し単位でちゃんと切り出さないと、
継ぎ目が変になってしまったりして、実は難しかったりします。
そんなときに役立つツールをご紹介!
背景画像を作ってくれるジェネレーター
今回は背景画像を簡単に作るジェネレーターをご紹介します。
Web作成にはとっても便利なツールです。
サムネイルから好きな柄を選んで、
色を好きな色にカスタマイズすると、
柄のPNGがダウンロードできます。
ソフトいらずなので、
だれでも簡単にお手軽にいろいろな柄を試す事ができるので、
とってもオススメです。
操作手順
1.まずはこちらのサイトにアクセスします。
http://www.patterncooler.com/
2.画面中央をクリックします。
![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20110830/23/soho-college/5a/b5/j/o0400022811452564293.jpg?caw=800)
3.そうすると回りにはサムネイル、真ん中に色味の変更用のウィンドウが出てきます。
周りのサムネイルの中で、一つ柄を選択。
今回は右下の緑色のものを選びました。
![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20110830/23/soho-college/99/bb/j/o0400021611452563499.jpg?caw=800)
4.真ん中のウィンドウで色味を調整します。
5.右下のPreveiwボタンで、確認してから、ダウンロード!
![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20110830/23/soho-college/3c/70/j/o0400024211452563493.jpg?caw=800)
▼渋めの柄がダウンロードできました。
![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20110830/23/soho-college/16/36/p/o0260026011452563491.png?caw=800)
背景画像を作るツールなので当たり前ですが、
ちゃんと繰り返しの最小単位になっているので、
継ぎ目が変…なんてこともありません。
柄の色バリエーションはイロイロあります。
白っぽいのもいいですね▼
![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20110830/23/soho-college/a0/a9/j/o0400023111452563492.jpg?caw=800)
Webサイトの背景用ですので、
ダウンロードできるのは72ppiですが、
Web以外でも使えそうな便利ツールです。
ぜひ一度お試しください♪
今回の記事は…
Webデザインをしている方へ
![$グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20110827/15/soho-college/70/7f/j/o0450021011444820243.jpg?caw=800)
![ペタしてね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_15.gif)
![読者登録してね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_22.gif)
![フォローしてね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_23.gif)