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

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




PICK UP
RELATED POSTS
  • 様々なホバーエフェクトを実装できる「imagehover.css」
  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
  • 2択のUIデザインから正しいデザインを選択していくゲーム「Can’t Unsee」
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • グラデーションのアニメーションを実装できる「Granim.js」
POPULAR POSTS
  • 長いURLを短くするオススメの短縮URLサービス
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • フォントを調べる時に役に立つサービス・サイトまとめ
RECENT POSTS
  • プライス・値段表示などに使えそうな英数字フォント13選
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年5月版】
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォントまとめ
  • Photoshopで簡単に背景を伸ばすテクニック
  • CSSで作成する吹き出しとデザインのアイデア