Create Animated Gif in Photoshop CS6

HOW TO CHANGE THIS CONTACT SHEET INTO AN ANIMATION

ALL IMAGES MUST BE THE SAME FORMAT AND SIZE ie: LANDSCAPE or PORTRAIT!

muybridge_horse_in_motion

If your images are set out in a contact sheet as below, You need to do the following.

Add contact sheet into photoshop and select the marque tool in the left hand panel.

Screen Shot 2014-02-17 at 13.24.58

Once you have selected the marque you need to select the first and drag a box around the image as below.

Screen Shot 2014-02-17 at 13.27.58

Once you have done this you need to click into edit then copy.

Screen Shot 2014-02-17 at 13.30.34

Once you have created a copy you then need to create a new file as below.

Screen Shot 2014-02-17 at 13.32.52

A dilog box will then open up, give your animation a title and click OK.

Screen Shot 2014-02-17 at 13.35.25

you will know have a new blank file as below.

Screen Shot 2014-02-17 at 13.38.19

click edit / paste and this will give you a single frame.

Screen Shot 2014-02-17 at 13.49.50

You know should have a layer in bottom right corner as below.

Screen Shot 2014-02-17 at 13.52.41

go back to to your original file by clicking into top left corner.

Screen Shot 2014-02-17 at 13.41.08

Hover your mouse over the first frame and left click and drag the selection into the 2 frame.

Screen Shot 2014-02-17 at 13.43.24

You then need to repeat the process edit – copy click back into new file and then edit paste. This will have created another layer as below.

Screen Shot 2014-02-17 at 13.57.17

Repeat this process for all the frames from your contact sheet.

Once you have done this you should have (in this case) 12 layers as below.

Screen Shot 2014-02-17 at 14.03.14

you then need to drag the background layer into the waste bin.

once you have done this its a good idea to save the animation as a PSD File.

you then need to click into window and click and timeline.

Screen Shot 2014-02-17 at 14.09.44

You then need to select all the layers (12 in this case) by clicking in select and All layers.

Screen Shot 2014-02-17 at 14.23.51

then click create frame animation at the bottom of the page.

Screen Shot 2014-02-17 at 14.15.21

On the bottom of the page there is a tiny icon button, click into that and choose Make Frames From Layers.

Screen Shot 2014-02-17 at 14.26.19

All your layers should then be at the bottom of your page as below.

Screen Shot 2014-02-17 at 14.27.39

Then select all the images.

Screen Shot 2014-02-17 at 14.29.30

You then click into the secs drop down and change to 0.1 sec.

Screen Shot 2014-02-17 at 14.30.33

This will change all the frames to 0.1sec as below.

Screen Shot 2014-02-17 at 14.31.01

Change the icon box that says once to forever.

Screen Shot 2014-02-17 at 14.34.03

YOU CAN THE PLAY YOUR ANIMATION 🙂

YOU NEED TO SAVE YOUR FILE AS FOLLOWS:

File / Save To Web

Screen Shot 2014-02-17 at 14.09.44

A BOX WILL OPEN AND SAVE AS THE FOLLOWING SETTINGS.

Screen Shot 2014-02-17 at 14.59.17

Meybridge

AND VOILA!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s