タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
連続した画像ファイルで一連の動きが付けられたアニメーションGIFを切り取ったり、明るさを変えたりといった編集が可能なオンラインツールが「Online GIF Tools」です。ブラウザで動作するこのGIF編集ツールを実際に使ってみました。 Online GIF Tools - Simple, free and easy to use GIF utilities https://onlinegiftools.com/ Online GIF Toolsのトップページはこんな感じで、利用可能な編集ツールがずらっと表示されています。 記事掲載時点で使える編集ツールは以下の45種類。 ・Play a GIF Frame by Frame(GIFアニメーションを1フレーム単位で閲覧・再生・ダウンロード) ・Convert GIF to Sprite Sheet(GIFアニメーション内の全フレームを1枚
SafariやFirefoxでは問題ないのに、なぜかChromeを使うとブラウザがクラッシュするという問題に遭遇したエンジニアが、問題を突き止めるまでの一部始終をブログで公開しています。 The Weirdest Bug I’ve Seen Yet https://engineering.gusto.com/the-weirdest-bug-ive-seen-yet/ 今回の問題の発端は、人事ツールを手がけるアメリカのソフトウェア企業・Gustoでエンジニアとして働いているAmy Lai氏が、従業員から「社内ツールを使うとChromeがクラッシュする」との通報を受けたことでした。この問題により、Gustoのスタッフたちは顧客からの電話やメールへの対応中に顧客のアカウント情報が突然確認できなくなるという事態に見舞われていました。 問題の調査を開始したLai氏たちのチームは、「従業員全員が影響
はじめに イラストや写真をつなぎ合わせて、動きのある簡単なアニメーション動画を作成したい！ アニメーションで見せたいけどデータが重いと大変。。 といったとき、 Photoshopなら簡単なステップをふむだけでGIFという軽くて動きのあるアニメーション動画をつくることができます。 今回はPhotoshopをつかってGIF動画を作る方法をご紹介していきたいと思います。 GIFとは Graphics Interchange Format（グラフィックス・インターチェンジ・フォーマット、略称GIF）とはCompuServeのPICSフォーラムで提唱された画像ファイルフォーマットの一つ。LZW特許を使用した画像圧縮が可能。一般的に用いられている拡張子は.gif。 GIFは256色以下の画像を扱うことができる可逆圧縮形式のファイルフォーマットである。圧縮画像ファイルフォーマットでは歴史の長いもののひと
イベントループの定義 イベントループとは、非同期処理の管理や実行を行うための仕組みのことです。 ...と言っても、いきなりイベントループについて説明すると難しいと思うので、まずは非同期処理を復習しましょう！ JavaScriptの非同期処理の復習 非同期処理とは、前の処理が終わるのを待たずに次の処理を行う方法のことです。 例えば、いくつかの作業があるとします。 非同期処理は、1番目の作業をした後、2番目の作業を "裏側" で実行させて、その間に3番目の作業を進めます。そして、2番目の作業が終わったら完了が通知される、という流れになります。 詳細は、以下の動画で解説しているので、気になる人はぜひ見てみてください。 イベントループとは 先ほど、非同期処理の流れは、『1番目の作業をした後、2番目の作業を "裏側" で実行させて、その間に3番目の作業を進める』という説明をしました。この "裏側"
GIF画像を使う場合に、アニメーションが一度きりで終わる場合があります。 中にはアニメーションを連続的に繰り返し表示したい場合があると思います。 Spinning Dancer 例えば上記のような画像であれば、アニメーションをループさせたいものです。 GIFファイルはいくつかの設定値を持っています。 例えば、アニメーションの速さは、delayオプションで、１秒あたりに表示するフレーム数を設定できます。 そしてループ回数も、loopオプションで設定できます。 ループせずに１回で止まるgifファイルは、この設定値が１になっています。 今あるGIF画像のループ回数が意図したものでなければ、作成したツールなどの影響している可能性があります。 この設定値を０にすれば、自動的にループするgifファイルを作成することができます。 Webサイト上のツールがあります。 オンラインで、gifファイルをアップロ
「Gyazo GIF」アプリが有効です。 無料でもPC上の操作を最大7秒間記録することができ、その動画をGIFファイルでダウンロードすることができます。 Macにおいて、静止画であればショートカット「command」＋「shift」＋「4」キーで範囲を設定して、手軽にキャプチャを撮ることができます。動画も、「QuickTime Player」で同様に範囲を指定して撮影することができますが、出力をすぐにGIFアニメーションにすることができません。 動画ファイルをGIFファイルに変換するツールもありますが、ひと手間かかるだけで面倒に感じます。 しかしながら、手軽にアニメーションを活用することは、認識齟齬を回避する良い方法と言えます。 仕事上、お客さんやチームメンバーとの意思疎通で間違いを引き起こすリスクを下げてくれます。 良いコミュニケーションのために少しでも手間はなくしたいものです。 ブログ
【Python】MatplotlibだけでグラフをGIFアニメーションにして保存 - とある科学の備忘録
内容 プログラム プログラムの中身 imagemagickのエラーについて 内容 今回は、PILとMatplotlibを用いて、次のようなGIFアニメーションを作ってみます。 matplotlibのArtistAnimationを使う方法 それぞれ紹介していきます。 プログラム まず、matplotlibのArtistAnimationを使う方法です。 グラフをただ表示するだけならば、 import numpy as np import matplotlib.pyplot as plt import matplotlib.animation as animation fig = plt.figure() ims = [] for i in range(10): x = np.array(range(60)) rand = np.sin(x/5 - i * 5) im = plt.plot(
# ffmpeg -i [変換元の動画ファイル] -r [フレームレート] [変換後のgifファイル] ffmpeg -i ~/Desktop/画面収録\ 2020-06-22\ 18.29.41.mov -r 10 ~/Desktop/20200622.gif 5秒くらいで変換できると思います。 ffmpeg はオプションがたくさんあるので、細かくやりたい人は色々設定してみてください。 フレームレートだけ変えれたら良いかなって自分は思っています。 オススメは 10 これで、変換したファイルをアップロードすればgifアニメーションが完成です！ ↓こんな感じ Qiitaなどなら、ドラッグ&ドロップで自動でいい感じにしてくれます。投稿したいページなどで確認してください。だいたい動くと思います。 参考 ffmpeg --help ffmpeg version 4.3 Copyright (c)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GIFアニメーションの再生速度変更・モザイク処理・透過処理など多数の編集が可能な「Online GIF Tools」
Chromeでウェブアプリがクラッシュする問題を調べると「1枚のGIFアニメーション画像」が原因だったという珍しい事例
意外と簡単！Photoshopでgifアニメーションと動画を作る方法 - DESIGN TREKKER
JavaScriptのイベントループをGIFアニメーションで理解する
GIFアニメーション画像を無限ループさせる方法
【時短ツール】手軽にGIFアニメーションをつくる方法
Macでgifアニメーションを作る恐らく一番楽な方法 - Qiita
note.com/akikojapan
www.asahi.com
createmedia2020.blogspot.com
www.nikkei.com
www.sunday-webry.com
toyokeizai.net