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

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



  • 様々なスタイルのCSSを簡単に作れる「Generate CSS」
  • ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • 指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
RELATED POSTS
  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • ブロック要素をドラッグできるグリッドレイアウト「Muuri」
  • 【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
  • anime.jsを使用したテキストエフェクト集「Moving Letters」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • Google Fontsの使い方とおすすめ日本語フォント -初心者向け-
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
RECENT POSTS
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」