# Record GIF using Quicktime

<a href="https://www.loom.com/share/b0c4f9c8b8f747ef88c4967e7e18168d"> <p>Video Walkthrough</p> <img style="max-width:300px;" src="https://cdn.loom.com/sessions/thumbnails/b0c4f9c8b8f747ef88c4967e7e18168d-with-play.gif"> </a>

## Written Guide

### Step 1 – Record video

1. Open quicktime recorder:
- <kbd>command</kbd> + <kbd> shift </kbd> + <kbd> 5 </kbd>
^ **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 ( <kbd>command</kbd> + <kbd> shift </kbd> + <kbd> 5 </kbd> )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**](https://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**](https://courses.codepath.org/snippets/ios_university/readme_templates/prework_readme.md?raw=true) 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.

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