タグ

animationに関するbartleby0911のブックマーク (3)

  • YouTubeのURLをコピペするだけでGIFアニメが作れる「GIF YouTube」

    YouTubeにアップロードされているムービーのURLを貼り付けるだけで1~10秒のGIFアニメ画像がカンタンに作成できるウェブサービスが「GIF YouTube」です。 GIF YouTube | Make Animated GIFs from Youtube https://gifyoutube.com/ GIF YouTubeで作成してみたGIFアニメがこちら。YouTubeのURLをコピペしただけで、あとはほとんど何もしなくてもカンタンにファイルを作成することができました。(画像クリックでGIFアニメ再生:容量1.48MB) GIFアニメの作り方はごくカンタン。まずはトップページにGIFアニメ化したいYouTubeのURLをコピー&ペーストし、「CREATE GIF」をクリック。 ページが読み込まれてムービーの再生が始まるので、GIFアニメにしたい部分の最初と最後を指定します。再生

    YouTubeのURLをコピペするだけでGIFアニメが作れる「GIF YouTube」
  • 動画からgifアニメを作るWebアプリ Giraf を作りました - はるさめスープ

    追記(2015/12/7) Giraf バージョン2を公開しました! 新しくなったGirafもぜひご利用ください! 以前rokugaというサイトを知り、ありがたく使っていました。 しかし、細かな編集ができないなどの不満点が出てきたので、2月24日から26日までのOUCCコーディング合宿の間に、新しいgifアニメ作成サイト Giraf を作りました。 使い方 動画を選択すると、こんな感じで動画とその前後2フレームが表示されます。 始点と終点を選択して、動画から作成するgifの範囲をタイムラインに追加していきます。 作成を押すと、おもむろにレンダリングが始まり、gifが作成されると下に表示されます。右クリックで保存してください。 機能 設定ボタンを押すといろいろできます。 画像を切り抜いたり、 効果を加えたりできます。 javascriptが書ける人は自分で効果も作成できます。これでtumbl

  • CSSアニメーションの基礎

    今さらながらCSS Animationsの使い方が分かってきたので、プロパティなどを簡単にまとめておきたいと思います。 これを書くにあたって、以下の2つを参考にしました。 CSS Animations Editor’s Draft 25 July 2011CSS animations - MDN上のはdev.w3.orgにある、2011年7月25日版のエディターズドラフトです。 ちなみにwww.w3.orgにある仕様は「CSS Animations Module Level 3」です。これを書いている現在、こっちは2009年3月20日版が最新となっています。 基的に2011年7月25日版のエディターズドラフトをベースに説明したいと思います。なので、現在のブラウザの実装とは異なることもあります。 2つ目のは『Mozilla Developer Network』のドキュメントです。日語版も

    CSSアニメーションの基礎
  • 1