三角ポリゴンのテクスチャを作る

三角ポリゴンのテクスチャを作る

  • 2017.06.16
  • カワイ

最近よくみかける、三角がランダムにつながるテクスチャ。

三角ポリゴンイメージ

↑これを簡単に作る方法です。

ツールのDL先はこちら

その名も「I ♥ ∆」。

やり方はデモムービーを見てもわかるかと思いますが
まぁいってみましょー

 

操作はカンタン。適当な画像を用意するだけ

今回はこちらの青のグラデーション画像を使用します。

グラデーション画像

 

DLしたtriangulatorフォルダのindex.htmlを開いてください。

trianglator画面

「Drop your bitmap here」に画像をドラック&ドロップしたら、「Add 25 vertices: randomly」をクリック。

 

triangulator画面

ポリゴンが現れました。あとは適当な場所でクリックすると三角をランダムに作ってくれます。

SVGファイルにエクスポート

好みのポリゴン具合にしたら、「Export to SVG」をクリックすると、このリンクに保存しますか?と聞いてきますが、右クリックで保存先を指定してもよいです。

これでポリゴンSVGの出来上がり!

イラストレータ画面

 

簡単すぎです!! I ♥ ∆ !

ではまたっ!

PAGE TOP

PAGE TOP