デザイン

デザイン

PR

デザイナーさんのための背景とパターンジェネレーター

RankRED

RankRed is a place where you can find a lot of interesting and inspiring stuff about science and technology, internet, programming tools and plugins, robots, machines and high tech gadgets, and much more.

本記事は、30+ Background and Pattern Generators (online) for Designer
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

2,366 views

読了時間 : 約5分14秒

パターンの選択は大事です。また、色の選択は更に重要であり、それらはブランドを表し、時には読者に心理的な影響を与えます。たとえば、Pinterestは赤、Facebookは青などです。デザイナーや開発者は非常に多くのことを念頭に置く必要があるため、作業の管理に頭を悩ませることがよくあります。

 

ワークフローを加速できるものの1つは、オンラインジェネレーターです。これらは、時間を節約し、細部を作成するのに非常に便利です。幸いなことに、インターネット上には、美しいパターンをすばやく作成するのに役立つツールがたくさんあります。オンラインの背景とパターンジェネレーターのいくつかを提示するので参考にして頂ければと思います。

 

31.CSSグラデーション背景メーカー


CSS背景画像のグラデーション(線形、円形、楕円形)を作成するためのシンプルなツールです。

 

30.CSS3パターンギャラリー


CSS3コードで利用可能ないくつかの背景パターンのコレクション 。こちらから自分の作品を提出することもできます。

 

29. GeneratePattern


これは、主に背景の画像(pngまたはico)を作成するためのシンプルなWebツールです。パターンサイズを選択し、描画して埋め込み(HTML / CSS)コードを取得するか、画像をダウンロードするだけです。

 

28. BgMaker


BgMaker は、PNGとしてエクスポートできる実線パターンを作成できるバックグラウンドジェネレーターというタイトルです。

 

27. ColorMunki


ColorMunkiを 使用すると、高度なカラーライブラリ、画像からカラーパレットを生成し、他のユーザーパレットを参照できます。

 

26.デザインシード


デザインシード は、驚くべきカラースタイルとパレットを提供します。たくさんの配色が満載で、色の値やテーマで検索できます。

 

25.Guilloché


Guilloché は、背景または装飾要素として使用できるクイックパターンジェネレーターです。スケール、乗数、リップル、半径、不透明度、厚さを調整するだけです。

 

24.ノイズテクスチャジェネレータ


1分以内にノイズの背景パターンを生成できる信じられないほど使いやすいオンラインツール。

 

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


ストライプジェネレーター は、個人的なスタイルを解き放ち、実験してタイルをダウンロードするのに役立ちます。CSSファイルで直接使用することも、Photoshopでパターンとして使用することもできます。

 

22. iWantHue


iWantHueを 使用すると、色相、彩度、明度の範囲を設定することで、無制限のカラーパレットを生成できます。アルゴリズムは、最適な読みやすさのために、色部分空間の遠近距離を自動的に最適化します。

 

21.Colllor

 


Colllorを 使用すると、色の詳細を詳しく調べて、それぞれに利用できる膨大な量を確認できます。膨大な数の配色を閲覧するには、AdobeFlashを有効にする必要があります。

 

20.ストライプマニア


Stripemania は、デザインにシームレスな斜めのストライプを作成するための無料のWeb2.0ツールです。色のグラデーション効果を追加したり、ストライプのサイズと間隔を選択したりできます。

 

19. TartanMaker


TartanMaker は、Alex’Pit ‘LaRosaとFabioFidanzaによるWebコミュニティ向けの無料ツールです。最大10バンドのタータンを作成し、PNGとしてダウンロードします。

 

18.ピクタキュラス


Pictaculousは、MailChimpが提供するカラーパレットジェネレーターです。プロジェクトに必要なパレットを取得するには、画像をアップロードする必要があります。ただし、500k未満の画像と、JPEG、PNG、GIF形式のみをサポートします。

 

17. BgPatterns


BgPatterns は、数回クリックするだけで魅力的な背景を作成するための小型で軽量のWebアプリです。背景が透明なPNGカスタム画像を使用することもできます。このツールは、Sergii Lavorskyiによって、主に楽しみと実験のために設計されています。

 

16.Dotter


1色または2色のスタイリッシュな点線の背景を作成します。

 

15. COLOURLovers


COLOURLovers は、シームレスなパターンをデザインするために、サイズ変更、回転、図形、線、テキストのキャンバスへの追加、タイルの追加などを行うためのシンプルな編集ツールを提供します。独自の背景を配置して変更することもできます。

 

14.COPASO


COPASO は、COLOURLoversによる高度なカラーパレットアプリケーションです。ブレンド、補色、トライアド、テトラッド、スプリット補色などのいくつかのプロ機能が含まれています。

 

13.CSS3ジェネレーター


CSS3ジェネレーターを 使用すると、複数のCSS3プロパティを操作して、境界線の半径、RGBA、ボックス/テキストシャドウ、フォントフェース、アウトライン、トランジション、グラデーション、ボックスサイズ、複数の列などを作成できます。

 

12.CSSWARP


CSSWARPを 使用すると、純粋なCSSとHTMLを使用して「ワープした」テキスト(不規則なパスをたどるテキスト)を作成できます。

 

11.GeoPattern


GeoPattern は、ライブプレビューページを備えたJavaScriptポートであり、背景パターンを自動的に生成するための独自のランダムな方法を提供します。テキストを入力するだけで、ツールが機能することを確認できます。入力するすべての文字は、16のパターンタイプに基づいて異なる画像を形成します。

 

10.Delaunay Triangle Pattern

 

Msurguyによるユニークで美しい 三角形のパターンメーカー。レンダリング、メッシュ値を調整し、スペースを押してライトをドロップまたはピックアップします。

 

9. Adob​​e Color CC

 


Color CC は、プロジェクトのカラーテーマを生成するためのWebアプリケーションです。何を作成していても、カラーバリエーションや事前にデザインされたたくさんのテーマをすばやく試すことができます。

 

8.パレットトン


Paletton は、さまざまなカラーパターンを作成し、それらをHTML / CSSとしてエクスポートできるオンライン配色デザイナーです。

 

7. Zen BG


Zen BGを 使用すると、デスクトップやWebサイトの美しい背景を作成できます。さび、コンクリート、紙、木などのテクスチャの大きなコレクションがあり、グラデーションと組み合わせてさまざまなテーマを作成できます。

 

6. Gerstnerizer


Gerstnerizer は無色のパターンを作成します。ここでは、線の太さ、線の曲率、不透明度を設定し、Webアプリの左側のサイドバーパネルからパターンの形状を選択できます。完了したら、パターンをSVG形式で保存できます。

 

5.Patternify

 


Patternify は、ピクセルごとにパターンを描画できるCSSパターンジェネレーター(Webアプリ)です。小さいサイズのアイコンを作成するのに最適なツールです。色と透明度のオプションを利用して、クールなグラフィックをデザインすることもできます。CSSコードまたは最終的な作業を使用するか、PNG形式でダウンロードします。

 

4. PlaidMaker


これは 、ウェブサイトやデスクトップ用の格子縞のパターンを作成するための無料のオンラインツールです 。ダウンロード可能な事前に設計されたパターンがたくさんあります。または、水平方向と垂直方向の色、ツイル、サイズ、ミラー効果を選択して、独自のパターンを作成することもできます。

 

3.SiteOriginによる背景画像ジェネレータ


300以上のパターン、無制限の色、いくつかのブレンドモードを備えた、この サイトオリジンWebツールを 使用すると、完璧な背景パターンを作成できます。

 

2.Patternizer

 


Patternizerは、独自のパターンを簡単に取得できる、シンプルでありながら強力なWebアプリです。また、開始に役立ついくつかの事前に設計されたパターンも含まれています。色、幅、回転角、ギャップ、オフセットを選択して、目的のパターンのCSSコードを取得します。

 

1. PatternCooler


PatternCoolerに は、何百もの組み込みのデザインが詰め込まれています。それらに色、テクスチャ効果、サイズを適用して、最終的な作品をシームレスな背景画像としてダウンロードできます。

おすすめ新着記事

おすすめタグ