SVG女子を90%軽くしたSVG軽量化テク+α #svggirl

あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を（いろんな意味で）驚かしてきましたが、 ついに本日、日本でも公開されました！ しかも日本版に合わせてアニメーションも長くなっています！ こっそりブラウザを英語にして見ていた人も必見です！ （神風動画さんによる予告編動画！） 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装（プログラマーブログ） で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要！ SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回

[rikuo]

『手作業でのトレスではFlash Liteでのベクター軽量化テクニックなどを用いています。』『この辺はイラレの話なので割愛します。』は以前のこれかなhttp://www.atmarkit.co.jp/fwcr/design/tool/ichigeki02/01.html

[norip44]

じぶんがSVGフォーマットのムービーを制作するかどうかはさておき。「けっきょく人力トレースなのね…」というのがね、もう、ご苦労様です…

[izit_kosuke]

神風動画さんが.ai形式とかで納品してるのかと思った。。。人力トレースしてたとは。。。

[C_L]

パス切りできるDTPオペは今後SVG女子絵を紡がせるパーツとして使われる未来もあるのか（ねえよ）

[terazzo]

なんという力技……＞最終的には手作業で全体の75%ぐらいの200コマ近くを作り直しました。／背景レイヤを共有化するのは良いかも

[nitoyon]

手動トレースで200コマ。気が遠くなる。

[ytkwsm]

めもめも

[typista]

ぽけったー SVG女子を90%軽くしたSVG軽量化テク+α #svggirl

[sasapi180]

SVG 軽量化

[indigoworks]

現在制作中の弊サイトではSVGをゴリゴリ使う予定ですので、勉強させてもらいます

[kzakza]

これは貴重だ。

[nilab]

SVG女子を90%軽くしたSVG軽量化テク α #svggirl | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

[asari3]

結局 SVG でいろいろやるのは気合いと根性が必要ってことなのかな…

[rgfx]

イラレ納品じゃなかったのか…手トレースとか…

[kakeru_13493]

@mib_svg

[yasu-log]

SVG女子制作でのSVGテクニック紹介

[Kureduki_Maari]

SVG女子を90%軽くしたSVG軽量化テク+α #svggirl | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話 *

[chi-bit]

すげー根性やな w『SVG女子を90%軽くしたSVG軽量化テク+α #svggirl | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話』

[monomoti]

なんやSVG女子って、俺と友達になれそうな女子じゃないのか

[dhrname]

どうやって、SVGを軽量化したかについて

[fooo]

きのっぴ先生のSVG軽量化講座

[tarchan]

＞日本版に合わせてアニメーションも長くなっています！

[hidehish]

見てる:

[lost_and_found]

これは参考になる

[tenkoma]

#tech

[rch850]

すごい気合いだ

[honeybe]

女子が90%減量に成功だと！？

[hashimoya]

舞台裏は軽量化との戦いだったぽい。アナログ作業もけっこうあるなぁ。こういうノウハウを公開してもらえるのはありがたいな

[BURN]

rss

[edvakf]

SVG 最適化プログラムっていうのは Scour のことかな？http://www.codedread.com/scour/ InkScape の最適化オプションとしても使えるはずだけど。