web design

How To Make GIF Easily With Photoshop

GIF are the best way to share clips on social media. On social media everyone is in hurry and they may not have time to view your YouTube video. So what you can do is to convert that short clip into an animated GIF. This is the best way to share any short clip.

Ubisoft Gif

These days people use animated GIF to share the funny clips on the social networking sites. GIF is better than YouTube video to share sort clips because very few number of people have time to click on the YouTube link and watch the clip. GIF solves that problem because GIF do not need any special media player. And  the process of sharing animated GIF is exactly the same as posting a normal photograph.

Currently Google+ and Twitter support animated GIF. Lets get into the process of creating the animated GIF.

To create a GIF you need –

  1. A video clip that you want to turn into GIF
  2. Adobe Photoshop

1. Pick out a video clip that you want to turn into GIF

You can use any video file for this purpose. I am going to use the use a Gameplay video of Watch_Dogs.

Here’s the YouTube video I used for this tutorial.

Important: It is very important to trim the video the 2~3  sec max. Because if you use a long video the ending GIF file will be very large.

2. Import Video in Photoshop

Screen Shot 2014-06-29 at 13.48.17

Importing video in Photoshop is very easy. File > Import >Video Frames To Layers.

Now Photoshop will convert the video into a series of still images. Now trim the video and select the portion of video you want in your GIF.

It will look like this.

Screen Shot 2014-06-29 at 13.58.34

Using the sliders trim the video to max. 3 seconds. And then click OK.

Now you selected frame are loaded into photoshop in the form of layers.

4. Finalising and Saving the video

Screen Shot 2014-06-29 at 14.02.31

Now to save the GIF. File > Save for Web .

Screen_Shot_2014-06-29_at_14_05_13

Make changes to the option pointed by the arrows which suits you the best. Below I have explained those options.

select-GIF

Colors: Keep the colors as high as possible i.e. 256 is the highest.

Dither: Higher value is better and lower values reduce the quality of the GIF.

Lossy: Like dither, only opposite. Higher the value lower the quality, smaller the file.

Image Size: Choose the appropriate GIF size.

Tips –

Only reduce color when you don’t have any other value to reduce. Because reduce the color makes the GIF very low quality.

Finally Click Save. You can view the animated GIF by opening it with your web browser.