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

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




  • Web上で差分が確認できるテキスト比較ツール「difff」
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • CSSグラデーションの作成に役立つジェネレーター・Webサービス11選
  • CSSで指定できるカーソルをパッと確認できる「CSS Cursor」
RELATED POSTS
  • 【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」
  • パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
  • アニメーションで変化するカスタムカーソル「Custom Cursor Effects」
  • 様々なスニペットがまとめられたサイト「LittleSnippets.net」
  • アイコンフォント「FontAwesome」の使い方
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • Photoshopで画像を切り抜くテクニック【初心者向け】