繰り返しパターンの背景を作成するための8つの無料パターンジェネレータ

パターンは背景としてWebデザインで広く使われています。基本的に、パターンはフィールド上で繰り返しフォームで使用されるグラフィックとして定義できます。自然なパターンを作成することが困難に直面していると感じた場合、それは垂直方向と水平方向の両方で機能するループを作成するのは非常に複雑だからです。, 少なくとも手動では難しい.

幸いなことにたくさんあります あなたは簡単に美しいパターンを作るために使用できるツール そして、オンラインで見つけることができるこれらのうちの8つをリストしています。さらに、それらは無料で利用できます。これらのパターンジェネレータの中には色、向き、パターン要素などを制御できるものもあれば、ランダムにパターンを生成するものもあります。これらのパターンは、さまざまな画像形式またはコードでダウンロードできます。.

1.パターン化

パターン化 あなたはそれらをピクセルごとに描画することによってパターンを作成することができ、本当に小さいサイズのアイコンを作成するのに良いツールです。色と透明度のオプションをサポートしているので、このツールを使ってクールなグラフィックを作成できます。 PNG形式に加えて、このツールではBase64形式の画像も生成できるので、CSSで使用できます。.

2.ゲル化剤

ゲル化剤 無色のパターンを与えるかもしれませんが、それはラインで生成されたパターンでそれを補います。現場で、左側にあるツールパネルの線の太さ、不透明度、および線の曲率を設定します。それからあなたは3つのパターン形状から選ぶことができます：三角形、正方形と六角形。パターン形状選択の下にあるタイルキャンバスで線を引くと、右側の大きなキャンバスにパターンが現れます。パターンはSVGに保存することができます.

3.タータンメーカー

あなたが十字型の水平方向と垂直方向のパターンが好きなら、 タータンメーカー あなたのためのツールです。 3色、向き、糸のサイズを選択してから[Make It]ボタンをクリックすると、タータン模様が作成されます。他のユーザーが作ったパターンをギャラリーで探して無料でダウンロードすることもできます。.

4.ストライプジェネレータ

素晴らしいストライプパターンを作成するためのシンプルなツールです。好きなだけ色を追加できます。 ストライプジェネレータ 次に、ストライプサイズ、間隔、背景スタイル、向きを調整し、必要に応じて影を追加します。既製のものを探したい場合は、他のユーザーが生成した縞模様を閲覧することもできます。.

5.カラーラバーズシームレス

カラーラバーズ あらかじめ定義された形や線からパターンを作ることができます。線を選択するか、左パネルから図形をドラッグしてキャンバス領域にドロップすると、パターンの描画が開始されます。ツールはタイルを自動的に生成します。キャンバス上の図形を回転、サイズ変更、および再配置するのに役立つ簡単な編集ツールが付属しています.

6.パターン化機能

パターン化装置 あなたがあなた自身のパターンを手に入れるのを簡単にするもう一つのパターンジェネレータツールです。色、回転角度、不透明度、幅、間隔、オフセットを選択してパターンを作成します。あなたはそれからあなたのサイトで使用するためのコードをつかむことができます。パターンを使用する前に、Patternizerによって提供される小さなスクリプトを含める必要があることに注意してください。こちらの全チュートリアルを読む.

7.ジオパターン

ジオパターン パターンを自動的に生成するためのユニークでランダムな方法を提供します。あなただけのテキスト（任意のテキスト）を入力する必要があり、ツールはユニークで美しいパターンを生成します。文字を入力するたびに、八角形、重なり合う円、プラス記号、正弦波、六角形など、16種類の素晴らしいパターンタイプに基づいて異なる画像パターンが作成されます。デモを試して、このツールの素晴らしさを確かめてください。.

8.プレイドメーカー

PlaidMaker 美しい格子縞のパターンを作成するためのツールです。パレットで使用する色を選択してから、水平パターンと垂直パターンを別々に作成します。両方向に鏡像を使用することもできます。あなたが最初から作業をしたくない場合は、既製のデザインを見るために 'Browse Plaids'をクリックすれば、あなたは様々なモバイルサイズとFacebookカバーサイズのためにそれをPNGフォーマットでダウンロードすることができます.