ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ

 
Webサイトのバックグラウンドやグラフィックデザインで使用できるポリゴンジェネレーターの紹介です。ほかにもPC・スマホの壁紙など活用できるので興味のある方はチェックしてみてください。






1

Flat Surface Shader

フラットなポリゴンスタイルの背景・壁紙を生成できるジェネレーター。右のコンパネから詳細な設定が可能で出力も画像サイズを指定できる。

2

Trianglify by @qrohlf

ノイズ・ポリゴンサイズの指定ができるシンプルなジェネレーター。色の指定はできないがランダムでパターンを変られる。

3

Low Poly Pattern Generator

ポリゴンサイズ・カラーの指定ができるジェネレーター。左コンパネからカスタマイズも可能。作成したポリゴンイメージはPNG・SVG出力もできる。

4

LowPoly Generator

写真をアップロードしポリゴンスタイルを生成できるジェネレーター。右側のコンパネから詳細な設定が可能でPNG形式でダウンロードできます。

5

image triangulation experiment

写真をアップロードしポリゴンスタイルを生成できるジェネレーター。ヘッダーのコンパネから詳細な設定が可能でPNG・SVG出力もできます。アウトラインがつくのが特徴

6

Poly Maker

画面上の4か所をクリックしてポリゴンを生成することができるジェネレーター。右上のコンパネで詳細を設定でき、SVGコードの出力ができます。



  • SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
RELATED POSTS
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
  • Webサイトのページ表示速度を測定できる無料サービスまとめ
  • CSSをショートハンドに書き換えてくれる「SHRTHND」
  • 動きのあるバブルを背景に設定することができる「bubbly-bg」
  • 【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」
  • 【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」
  • やわらかいタッチのイラストをダウンロードできる「Open Doodles」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」