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

 
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コードの出力ができます。




  • 英語フォントの組み合わせをコレクションした「Fonts That People Actually Use」
  • ブログやSNSなどの壁紙を簡単に作成することができる「Cool Backgrounds」
  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
  • パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
RELATED POSTS
  • キレイな装飾のテキストアニメーション「Decorative Letter Animations」
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
  • Webサイトのページ表示速度を測定できる無料サービスまとめ
  • 【jQuery】ページにマーカーを実装することができる「markerPen」
  • CSSで実装するローディングアニメーション「Single Element CSS Spinners」
  • 日本の契約書のためのCSSライブラリ「Keiyaku CSS」
RECENT POSTS
  • 【2021年版】 WordPressのおすすめテーマ17選(無料版/有料版)
  • 【2021年版】 無料で使えるフリー画像・写真素材サイト27選(国内/海外)
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
POPULAR POSTS
  • 【2021年版】 無料で使えるフリーイラスト素材サイト33選(商用利用可)
  • 【無料】漢字が使える日本語フリーフォント70選
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • フォントを調べる時に役に立つツール・サイト10選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法