,

MP!’s bloomin’ spiffing Giffing tutorial – learn how to make your own GIFs.


Here at MP! we bloody love GIFs. Most of the time they speak more than a thousand words and that’s why we use them to Skype to all our MP! Staff.
giphy

You can find them all over the DigiWorld but what about make one all by yourself? Pretty hard to make right? Nope. The best part about GIFs is that with this handy tutorial, you’ll be a pro in no time at all.

Grab my hand and your passport (I listened to 1989 too much, soz) laptop cause I’m going to show you how to create an animated GIF just like this one
NeonGIF
Here’s what you’ll need:

  • Photoshop CS6 (Mac or Windows) (CS5 will be fine)
  • KeepVid (it’s free online) to download videos directly from YouTube if you’re not capping using KMplayer.

Find the video you want to use (on YouTube).
Screen Shot 2014-10-30 at 05.17.00

Copy the video URL
Screen Shot 2014-10-30 at 05.20.34

Go to KeepVid and paste the video URL and click DOWNLOAD.
Screen Shot 2014-10-30 at 05.22.31

I suggest you ALWAYS choose the highest MP4 option and click “Download MP4”.
Screen Shot 2014-10-30 at 07.35.44

Now, open Photoshop. Go to File > Import > Video frame to layers and choose your video
Screen Shot 2014-10-30 at 07.51.00
This window should pop up
Screen Shot 2014-10-30 at 07.54.57

Choose the setting below
Screen Shot 2014-10-30 at 07.57.44

Delete the frames you don’t want by holding down shift to select more than one frame then just hit backspace to delete.

Now your frames are in handy layers.
Screen Shot 2014-10-30 at 08.24.17

Click the first frame, hold down shift and click the last frame to highlight all the frames. Click the number on any of the frames and choose Other

Screen Shot 2014-10-30 at 08.26.11
If you cap every frame make the time delay 0.06 but if you cap every other frame choose a time delay of 0.12 or something.

Screen Shot 2014-10-30 at 08.27.53

Keep all the frames highlighted and click the drop down button
Screen Shot 2014-10-30 at 08.32.39Next click Convert to Video Timeline

Screen Shot 2014-10-30 at 08.31.48

Click the first layer on the right and highlight all the layers then click the Convert to Smart Object button.

Screen Shot 2014-10-30 at 08.37.11 Screen Shot 2014-10-30 at 08.37.24

Time to crop the GIF. We want to crop the black stripe above and under.

Click Crop Tool on the left.
Screen Shot 2014-10-30 at 08.39.48

If you want to resize your GIF go to Image > Image Size…

Screen Shot 2014-10-30 at 08.46.08 Screen Shot 2014-10-30 at 08.46.20

We’re almost there, darlings. Time to save this piece of art.

Go to File > Save for Web and use these settings

Screen Shot 2014-10-30 at 08.49.58
Screen Shot 2014-10-30 at 08.58.02

Ready to hit Save and voilà!
NeonGIF

 

Tweet us with your new found amazing GIFs!

Leave a Reply

Loading…

Comments

comments

Written by Sara

Handling emotions and adult stuff like Jess Day and Nick Miller do.
I'm a bit awkward but really nice. I have a turtle called Turtle and I believe in the "You should take a nap every day".

One Direction’s ‘Night Changes’ is going to be aired on November 14th

Ever wondered what 5SOS or 1D look like as zombies? We can help with that.