1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Tutorial: GIF Avatars Tutorial by Yash.

Discussion in 'Graphics Forum' started by Yash., Feb 12, 2018.

  1. Yash. National Board President

    Yash.
    SRH... Sons of Pitches India
    AKA:
    Hirani
    Joined:
    Aug 24, 2015
    National Team:
    Domestic Team:
    Sunrisers Hyderabad, Melbourne Stars, Quetta
    Location:
    Bareilly
    Gif Avatar Tutorial by @Yash.
    As requested by @AK MODS

    Since, GIF avas are catching up nowadays, and I have been requested multiple times for a tutorial. Here it is.

    ----

    Requirements
    • A Video (I will be using this in the tutorial)
    • ffmpeg (Recommended for most users if you don't want to slow your computer down. Else, you can use your own video editor for it)
    ----
    Procedure

    Step 1

    Download the video of your choice, from Youtube, by using clipconvertor. I am using this video, cause its AB de Villiers, of course :p .

    Step 2

    Download FFMPEG according to your OS.

    Step 3


    Find the clip you want to use as ava, and note down its time (8:44 in my case). Make sure it is focused on the player, and the player is in the center of the frame. Copy the video to the bin folder in FFMPEG.

    upload_2018-2-12_19-1-45.png
    Step 4

    Now, get the dimensions of the video, (1280x720 in my case) and subtract the height from width (1280 - 720 = 560). Then, go to the bin folder in ffmpeg, and hold, Shift and Right Click and chose "Open Command Window here". Then, type this command there.

    Code:
    ffmpeg -i <Your File Name.mp4> -ss <Your Starting Time in the format HH:MM:SS.MS> -t <Duration> -filter:v "crop=in_w-<Width - Height>:in_h" -s 100x100 <Output Name.gif>

    Screen1.png upload_2018-2-12_19-14-11.png
    Step 5

    Check your first made gif, in Chrome. If the timings seem somewhat wrong, alter them in the command (even by decimals) and again make the gif. This is what I got after first try and some fine tunings.

    ab.gif

    Size - 189kb

    Step 6

    However, the file size is way too large (189 kb). So, now we will decrease the frame rate with this command. Keep the frame rate from 8 to 12. If it still is bigger, decrease the time, by either starting point or the duration. Don't use the starting point and duration together. I used frame rate 9.

    Code:
    ffmpeg -i <Original.gif> -r <Frame Rate> -ss <New Starting Point> -t <New Duration><New.gif>


    ab2.gif

    Size - 74kb
    Step 7

    Now, we have to decrease the size by optimizing the gif. Use this website. Upload your gif. Use Compression and/or Colour Reduction + Dither to decrease size. I compressed it to 200 level, and then click on the frames tag, given in the result. Skip all the frames that look similar. Then, save the result.

    screen2.png

    screen3.png
    ----

    Final Result...

    ezgif.com-gif-maker.gif


    @LiveLoveABD GO Nuts!
     

    Attached Files:

    Varun81, FireAndBlood, RUDI and 6 others thanked this.
  2. Ashutosh. International Cricketer

    Ashutosh.
    The Amigos
    AKA:
    Ashutosh Kr Kushwaha
    Joined:
    Feb 23, 2017
    National Team:
    Domestic Team:
    Delhi Daredevils
    Location:
    India
    Thank You for making this tutorial
    Thank You so much
     
    Varun81 said thanks for this.
  3. Ashutosh. International Cricketer

    Ashutosh.
    The Amigos
    AKA:
    Ashutosh Kr Kushwaha
    Joined:
    Feb 23, 2017
    National Team:
    Domestic Team:
    Delhi Daredevils
    Location:
    India
    Tutorial is good and easy to understand
     
    Varun81 said thanks for this.
  4. LiveLoveABD Panel of Selectors

    LiveLoveABD
    The Amigos
    AKA:
    kushal17
    Joined:
    Jun 5, 2013
    National Team:
    Domestic Team:
    Royal Challengers Bangalore
    Location:
    Mumbai, India.
    Can you make a GIF of his six to get to the century? :D

    I suck at this and to complicate matters I have a Mac.
     
    Yash. and Ashutosh. thanked this.
  5. AliB ICC Chairman

    AliB
    Sportsbookie AFG... PCGMC Season 8 Winner The Amigos PlanetCricket Award Winner India Mumbai Indians
    AKA:
    AB
    Joined:
    Oct 7, 2014
    National Team:
    Domestic Team:
    Mumbai Indians
    Location:
    Mumbai
    That's a good tutorial, I used Adobe Prmiere for my stuff then optimized.
     
    Ashutosh. said thanks for this.
  6. Yash. National Board President

    Yash.
    SRH... Sons of Pitches India
    AKA:
    Hirani
    Joined:
    Aug 24, 2015
    National Team:
    Domestic Team:
    Sunrisers Hyderabad, Melbourne Stars, Quetta
    Location:
    Bareilly
    I really hate Adobe Premiere. Sony Vegas is much better than it.

    FFMPEG is just a quick fire option, and requires no beast of a computer to run.
    --- Double Post Merged, Feb 12, 2018 ---
    Of course. Will give in some time.
     
    Ashutosh., LiveLoveABD and AliB thanked this.
  7. VDQuint Associate Cricketer

    VDQuint
    Infamous Raptors
    Joined:
    Jul 24, 2012
    National Team:
    Domestic Team:
    Mumbai Indians
    You made it more complicated But a nice effort!

    How to do it easily ?

    1. Copy youtube Link and and paste it here
    2. Select your video start time and gif total time Then Convert and download it.
    3. Now open photoshop (above cs5) And Open Gif in photoshop
    4. Now turn on timeline by going Windows>Timeline (Easy to modify any layer)
    5. Now Change Canvas size to 100x100 (Image>Canvas Size)
    5. Select all layers and move or resize as you wish Make sure you are on first layer in timeline.
    6. To save gif go to File>Export>Save For Web
    7. Now you can know size of gif and all colours and other stuff select loop as forever and save it

    Hope it will help !

    Like this one
    freegifmaker.me_2bBJ1.gif
     
    Last edited: Feb 12, 2018
    AliB, Ashutosh. and RUDI thanked this.
  8. Yash. National Board President

    Yash.
    SRH... Sons of Pitches India
    AKA:
    Hirani
    Joined:
    Aug 24, 2015
    National Team:
    Domestic Team:
    Sunrisers Hyderabad, Melbourne Stars, Quetta
    Location:
    Bareilly
    I know this is easy. Its just that I always use FFMPEG, just because it gives me more control over video than Photoshop.
     
    Ashutosh. said thanks for this.
  9. Yash. National Board President

    Yash.
    SRH... Sons of Pitches India
    AKA:
    Hirani
    Joined:
    Aug 24, 2015
    National Team:
    Domestic Team:
    Sunrisers Hyderabad, Melbourne Stars, Quetta
    Location:
    Bareilly
    Ashutosh. and LiveLoveABD thanked this.
  10. LiveLoveABD Panel of Selectors

    LiveLoveABD
    The Amigos
    AKA:
    kushal17
    Joined:
    Jun 5, 2013
    National Team:
    Domestic Team:
    Royal Challengers Bangalore
    Location:
    Mumbai, India.
    Yash. and Ashutosh. thanked this.
  11. RUDI Staff Member

    RUDI
    SA..... Lannisters PlanetCricket Award Winner
    Joined:
    Apr 7, 2014
    Manish., Ashutosh. and Yash. thanked this.
  12. Vegeta. Joker In The Pack

    Vegeta.
    Sons of Pitches
    Joined:
    Sep 17, 2016
    National Team:
    Location:
    The wrong side of heaven.
    All the credits goes to me..... I was the one who taught Yash to make it... Even I was the one who helped the online gif optimizer team to make that website and my without my contribution even Tim Berners Lee was not able to create the WWW; I was its original creator... And then I had pity on Tim as he was really a hard worker and gave WWW away.... I'm very proud of myself....


    (Great tutorial Yash; Will make a Karate GIF soon.... may be I'll add some additional effects.... Thank Brother...)
     
    Ashutosh. and Yash. thanked this.
  13. Ashutosh. International Cricketer

    Ashutosh.
    The Amigos
    AKA:
    Ashutosh Kr Kushwaha
    Joined:
    Feb 23, 2017
    National Team:
    Domestic Team:
    Delhi Daredevils
    Location:
    India
    LOL:lol:lol
    I am Sachin Tendulkar
     
  14. Vegeta. Joker In The Pack

    Vegeta.
    Sons of Pitches
    Joined:
    Sep 17, 2016
    National Team:
    Location:
    The wrong side of heaven.
    yes, yes... I knew that before..... BTW sachu how is your Cover-Drive and although now your career is over as an regular cricketer but I still think that you can improve your Cover Drive. So tomorrow morning just come to Eden Gardens, I'll help you improve it... And BTW I still remember that last time you came to me you forgot to pay your fee for the last month and left without even notifying me... although that was very harsh and embarrassing but I forgive you but this time pay the fee in advance...
    --- Double Post Merged, Feb 13, 2018 ---
    --Lets not get away from the topic though--
     
    Ashutosh. said thanks for this.
  15. Ashutosh. International Cricketer

    Ashutosh.
    The Amigos
    AKA:
    Ashutosh Kr Kushwaha
    Joined:
    Feb 23, 2017
    National Team:
    Domestic Team:
    Delhi Daredevils
    Location:
    India
    Tomorrow I will come to Eden Garden at 9:00 AM (IST)
    Help me in improving my cover drive and I will pay my fee
     
: ava, gif

Share This Page