How to create a GIF
- Download the OBS Studio.
- Create a scene and select
Source -> Window Capture.
"Tip" here's a quick tutorial on Window capture (https://youtu.be/IsrHxGVKjHE?t=52)
- In the
Windowsection select your terminal. - Drag and make the terminal visible on the screen that will be recorded. You can zoom in, zoom out, move the window, etc.
- In
Settings -> Video, I've set the resolution 1700x1260 (if you're using another size you'll have to adjust the video to your size later too) - Set
Settings -> Output, to mp4.
Tip: if you want to use the same terminal colors they are - #6FE9FF and #24272E.
- Start recording. You can pause recording once you have a command recorded (I used to clear the screen before I start another command).
- When you're done with your recording - Stop the recording, it will automatically be saved.
- You can open any video editing software. I use a free editor - HitFilm Express.
Tip: if you're using another editor, just consider the size of your project (1700x1290) and the colors of the text all the other instructions are HitFilm Express-specific
- Create a project and set the size of the video to 1700x1290.
- Import the video you just made.
- Create a new Media source -> Plane -> Set the color to #24272E.
- Create text to match your actions
- Export the video
- Export -> Presets -> Create a new Preset, mp4, Dimensions should be from the source. Save it.
- In the Export panel, select the new preset
- Press Export -> Export Now -> Contents
- Go to mp4 to GIF converter
- Upload your gif and Convert it.
Congrats! You have your GIF ready!
If you want to add it to your documentation, upload it to the /support/images
And use the following way to embed your video in your documentation, you can adjust your size by changing the width: <img alt="alt text here" src=" URL to your gif " width=70% height=auto />