Skip to content

Instantly share code, notes, and snippets.

@ryrych

ryrych/recording_screencasts.md

Created December 5, 2016 10:52
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ryrych/724a5378016ac3959ea2cde9ef08407f to your computer and use it in GitHub Desktop.
Save ryrych/724a5378016ac3959ea2cde9ef08407f to your computer and use it in GitHub Desktop.
Download ZIP
Recording screencasts
Raw
recording_screencasts.md

Recording

  • Ensure that fullscreen is on
  • Disable spell checker
  • Record using Quicktime (no audio)
  • If possible select rectangle recording area
  • Save with highest possible quality e.g 1920x1080
  • Hide cursor if not needed

KeyCastr / ShowKeys (https://github.com/jmhobbs/ShowKeys)

  • Setup window opacity: disabled text fadeout: 2.00s font-size: default Maximum display length: 60
  • Ensure that overlay is centered and doesn’t overlap status line

ShowKeys troubleshooting

  • If ShowKeys cannot track keys, close all apps or restart osx

Editing using iMovie

  • Deattach audio
  • Use magic wand for auto correction
  • Share as a file (1920x1080, high)
  • Add fade in / fade out
  • Ensure that switching QuickTime is not captured

Edited movie length

Converting to gif using screengif

screengif -i vim-easymotion-edit.mp4 -o vim-easymotion-1920.gif # 972kb
screengif -i vim-easymotion-edit.mp4 -o vim-easymotion-1024.gif # 390kb

Issues

  • Text on ShowKeys does not look good when delay is on (reduce it)
  • disable 90 / 80 character limit => no blur / sprites (as above)

Ideas

  • Gif in 2 sizes

Resources

OS X Screencast to animated GIF List of common resolutions https://blog.bufferapp.com/animated-gifs?utm_content=buffer92f90&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment