Record GIF using Quicktime

Video Walkthrough

Written Guide

Step 1 – Record video

1. Open quicktime recorder:

   • command + shift + 5
     ^ Note: If the shortcut doesn't work, then follow the video tutorial for the alternative way to do it.

2. Make sure to have the "Record Selected Portion" selected.

3. Record your screen and stop it using the "Stop" button on your navigation bar

   • Use the keyboard shortcut ( command + shift + 5 )to stop the recording
   • ^ Note: Try to make your recording as concise as possible to make compressing easier.

Step 2 – Convert recording to GIF & Optimize the GIF

1. Go to ezgif.com/video-to-gif

2. Convert your video to GIF, make sure the file smaller than 10MB, and download your GIF:

3. Github only accepts files smaller than 10MB to be displayed on the README. If your file is larger than 10MB, optimize it using the GIF Optimizer.

Step 3 - upload GIF to your README

1. Go to hackmd.io, create a free account, and create a new note

2. In your note, copy/paste the README template to your hackmd note:

3. Drag and drop your GIF file to your Hackmd note:

   ^ Note: If your GIF is not displaying, check if your GIF file is larger than 10MB. If so, go back to Step 2.3 to optimize your GIF size.

Congratulations! You have added a gif to your project :)