にせねこメモ

はてなダイアリーがUTF-8じゃないので移ってきました。

アニメーション

SVGでフレームアニメーション w/ Javascript

前回の記事でSMILによるフレームアニメーションを実装したが、これだとIEやEdgeで動かないので、Javascriptを用いてアニメーションを実装しIEやEdgeでも動くようにした。 デモ <img>タグによる読み込み <img src="animate_js.svg" style="width:100%"> imgタグで埋め込むとJavascriptによるアニメーションは動か…

SVGでフレームアニメーション?

SVGにはラスタ画像を埋め込める SVGではアニメーションが可能 なら、GIFアニメみたいなアニメーションも可能では?と思ってやってみた。 作成したもの アニメーションは使いまわし: 【けものフレンズ】「ネコ科のフレンズ」イラスト/にせねこ [pixiv] はてな…

Photoshop CS6で動画からアニメーションGIF作成

この記事では、 Photoshop CS6 を使って動画からアニメーションGIFを作成する方法を説明します。 【けものフレンズ】「ネコ科のフレンズ」イラスト/にせねこ [pixiv]こんな感じのものを出力します。 動画ファイルが比較的手軽に扱える時代になりましたが、HT…