タグ

2016年12月17日のブックマーク (2件)

  • [Aviutl] 動画ファイルからGIF画像を生成する方法 - ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ

    アニメーションを表示することのできるGIF形式(.gif)の画像って作るのが大変ですよね。 しかしなんと!フリー動画編集ソフトの「Aviutl」を使って、動画ファイルから直接GIF形式のアニメーション画像を"超簡単に"生成する方法があるのです! ▼ このようなGIF画像が簡単に生成できます(1.97MB 10fps) 今回はその方法について解説していきたいと思います。 GIF出力プラグインのダウンロード ダウンロード元:AGifExportPack 上記のURLにアクセスし、香港の有志の方が作成してくださったGIF出力用プラグイン「AGifExportPack」をダウンロードしてください。 ダウンロードが完了したら、7-zip形式で圧縮された"AGifExportPack.7z"を解凍し、中身の"Src"と"readme.txt"以外のファイルを全てAviutlに入れてください。 ※7-z

    [Aviutl] 動画ファイルからGIF画像を生成する方法 - ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ
  • cssのskewを使ってぷるぷるアニメーション | Tips Note by TAM

    突然ですが、transformプロパティのskew使っていますか? skewを使えばX軸、Y軸へのゆがみを表現できるのでちょっとした動きを作る際にとても便利です。 今回はそんなskewを使って、化粧品のクリームがぷるぷる揺れるデモを作っていきたいと思います! 完成デモを見る 素材を用意してHTMLに配置する 下記の写真を利用して、青色にしている真ん中のクリーム部分だけを動かしていきましょう。 用意した素材は、下記の3枚で、重なり合うようにHTMLに配置していきます。 )一番下にオリジナル写真。 )二番目に動かしたい箇所だけを切り抜いた「クリーム」画像。 )一番上にクリーム部分を切り抜いたマスク画像。 ※二番目のクリーム画像を動かした際に、不自然な隙間ができてしまうことがあるので 念の為背景にオリジナル写真を配置しています。 skewについて skewを使えばX・Y軸の傾斜角度をそれぞれ個別

    cssのskewを使ってぷるぷるアニメーション | Tips Note by TAM