/Intro_to_GIF

Primary LanguageJavaScript

π™Έπš—πšœπšπš›πšžπšŒπšπš’πš˜πš—πšœ πšπš˜πš› πšŒπš›πšŽπšŠπšπš’πš—πš

  1. git clone https://github.com/Non1ce/Intro_to_GIF.git

  2. Next, go to the website Codepen and upload:

    • index.html to the section HTML;
    • script.js to the section JS; (The Typeit library was used for text animation, detailed documentation is provided on the website)
    • style.css to the section CSS.

  3. We edit the text using the Typeit library and record a video of the script using any available video editor.

  4. Install the program FFmpeg and run the module main.py, converting video to gif using the ffmpeg-python library.

  5. At the end, using Adobe Photoshop, we apply a mask with rounded corners to the gif (first video, second video) and save the file in gif format.