Skip to content

How to create a GIF

a_git_a edited this page Mar 27, 2023 · 7 revisions

This tutorial is step-by-step guide on how to create a GIF exactly like this:

https://github.com/vmware/versatile-data-kit/blob/main/support/images/versatile-data-kit-cli-retail.gif

  1. Download the OBS Studio
  2. Create a scene and select source - Window Capture here's a quick tutorial on Window capture (https://youtu.be/IsrHxGVKjHE?t=52)
  3. In the Window select your terminal
  4. Drag and make the terminal visible on the screen that will be recorded, you can zoom in zoom out, move the window, etc.
  5. In the Settings -> Video, I've set the resolution 1704x1266 (because it matches the output of --help command which initially I wanted to show, it's not that necessary
  6. Set Settings -> Output, to mp4 Before you start your recording in the terminal, the colors are - #6FE9FF and #24272E
  7. Start recording. You can pause recording once you have a command recorded (I used to clear the screen before I start another command)
  8. When you're done with your recording - Stop the recording and it will automatically be saved
  9. You can open any video editing software. I use a free editor - HitFilm Express
  10. Create a project and set the size of the video to 1704x1296
  11. Import the video you just made
  12. Create a new Media source -> Plane -> Set the color to #24272E
  13. Create text to match your actions
  14. Export the video
  15. Export -> Presets -> Create a new Preset, mp4, Dimensions should be from the source. Save it.
  16. In the Export panel, select the new preset
  17. Press Export -> Export Now -> Contents
  18. Go to mp4 to GIF converter
  19. Upload your gif and Convert it.
  20. That's all, you're done! Congrats!

Clone this wiki locally