「画像を解析してパスを生成、単色のSVGに変換してくれる・「Tracy」」のご紹介| Webデザイン参考記事まとめアプデ

2017年12月20日(水)

画像を解析してパスを生成、単色のSVGに変換してくれる・「Tracy」

0

5

10

32

Tracy

Tracyは任意の画像を解析してパスを生成、単色のSVGに変換してダウンロードできるツールです。基本的には紙で書いたものを即SVGにする、というのが目的のようです。トレースするからTracy、って事なんですかね。色の選択は可能ですが単色（モノクローム）のみで、色も形も見た目をそのまま、というものではありません。精度は思ったよりよさげでしたが、細かな部分はまだ難しいみたいです。シンプルなロゴやシンボルなら問題なさそう。精度が向上すれば、例えばロゴを紙に書いて即SVGに、といった使い方が期待できますね。テストしてませんがスマホからでもできるみたいです。何か描いて写真撮ってそのままコンバート、みたいな流れが作れると捗りそうです。

Tracy

Post by かちびと.net
PR:WPデザインギャラリー

任意の画像にCSSのfilterとblend modeを設定した状態...

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『画像を解析してパスを生成、単色のSVGに変換してくれる・「Tracy」』についてまとめています。

この記事は特にAndroid・SVG・写真・ダウンロード・モックアップ・イラスト・ロゴについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。