アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

便利なパターンジェネレーター3選

投稿日:

今回は、WEBサイトを作る上で使えるパターンジェネレーターを3つご紹介します。
手間をかけずに簡単にパターンを作成できるので、とても便利で助かりますよ〜!

 

便利なパターンジェネレーター3選

http://www.stripegenerator.com/

こちらは、ストライプ画像を作成できるジェネレーターです。

線の角度や幅など細かい設定が可能なので、ちょっとしたストライプ画像をパパっと作成する時に便利です!

 

http://wanokoto.net/japonizes

和風なサイト制作で困った時は、こちらの「Japonizer」が便利ですよ!
シンプルなデザインのジェネレーターなので、見やすく操作もしやすいです。

様々な和風のパターンが用意されており、柄の大きさや背景の色などをカスタマイズして好みのものを作成することができます。
設定完了後、「Japonize!!」ボタンをクリックすると、サイトの背景が作った背景に変わるので実際に確認することができますよ。

 

https://patterninja.com/

こちらの「Patterninja」は、用意された素材や、手持ちの画像(SVG形式)を使って、簡単にパターン画像を作れるWebサービスです。

色はもちろん、配置したグラフィックの角度や大きさなどを調整することができます。また作成したパターンはPNGまたはSVG形式でダウンロードが可能です。

 

まとめ

いかがでしたでしょうか?

紹介したような便利なジェネレーターを知っていると、わざわざパターンを自分で作ったり、素材サイトで頑張って探したりといった手間をはぶくことができると思います。良い物をより効率的、かつ正確に作っていきたいです…!

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Google Chromeでスマホ表示の確認をする方法

スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。 そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。 …

【Illustrator】アートボードを一発でオブジェクトぴったりのサイズに変更する方法

こんにちは、ぶちこです。 昨日に引き続き、Illustratorのアートボードの便利なテクニックについてご紹介をしたいと思います。 今回はブログのタイトルにある通り、「アートボードをオブジェクトぴった …

サイト内の画像を一気に取得できる「Image Cyborg」

今回は、サイト内の画像を一気に取得できる「Image Cyborg」をご紹介します。 画像の多いサイトのリニューアルの時などに便利なオンラインサービスです。   「Image Cyborg」 …

コーディング初心者におすすめの記事まとめ

こんにちは、ぶちこです。 最近の私はと言うと、仕事で先輩に教わりながらコーディングを行なっています。 ですが、ちょっとしたコードすら自分1人では正確に書けず悪戦苦闘中。。スラスラとコードが書ける先輩方 …

Webデザイン学習法その2. スクールに通う

前回は独学について触れていきましたが、今回はスクールに通うことのメリットとデメリットについてご紹介します。 ちなみに私は、オンラインスクールで4ヶ月間Webデザインを学びました。 そこから感じたことも …