5
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Macでキー入力表示付きのanigifを作成する

Posted at

Vimのプラグイン紹介などでキー入力を表示しているanigifのスクリーンショットがあるので、作り方を調べてみました。
必要なツールは2つ。
まずキー入力を表示するための
KeyCast

github上でdmgが配布されているので、それをダウンロードしてくれば使えます。
起動すると画面の左下の方に初期メッセージが表示されます。
それをドラッグしてどこに表示するかを決めればOK。
こんな感じのが表示されると思います。
init_keycast.png

あとはキー入力がそのまま表示されます。
menubarにkeycastのメニューも表示されるので、そこからclearを選ぶと表示されている内容が消去されます。
keycast_menu.png

次にanigif撮影用の
LICEcap
です。
こちらもdmgをダウンロードしてきてインストールするだけです。
起動すると枠が出てくるので、撮影したい場所に配置してrecordを押すと録画されます。やめるときはstop、一時停止もできるようです。
このアプリだとマウスボタンを押したのもキャプチャできるようですが試してはいません。
licecap.png

比較的簡単にキー入力表示をしたanigifが作れたので、何かを紹介するときには使ってみようと思います。
anigif

5
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?