How to Make Your Own 3d GIF

giphy

You are in for treat today! I will tell you how to make your very own “3D” GIF in 9 simple steps.

1) create four separate image files (by cropping and Save as… under a common name with sequential numbers 1, 2, 3, 4 at the end of the file name).

2) go to Files > Scripts > Load files into Stack…  Browse and select the sequentially numbered single-image files; do not check the “Attempt to Automatically Align Source Images” box.

3) you now have a stack of four images with
each its own layer; working from the bottom up, click off layers 1 and 2, and turn layer 3 opacity to about 30% (keeping layer 4 opacity at 100%); using the Move Tool, align the ghost image of layer 3 to the underlying layer 4 image using the subject’s eyes or other feature you want to be the “central point” or axis around which the 3D animation swings.

4 ) do the same thing for the other layers: click on layer 2 and set it at 30% opacity and set layer 3 at 100% opacity; align the ghost image of layer 2 to the underlying layer 3 image; click on layer 1 and set it at 30% opacity and set layer 2 at 100% opacity; align the ghost image of layer 1 to the underlying layer 2 image.

5) make sure that all layers are clicked on and set at 100% opacity; you’ll see that through the alignment process the frame edges are no longer aligned so you need to crop.  Crop once with all layers clicked on, and crop again with only layer 4 clicked on (this way you get rid of misaligned edges on both the right and left sides).

6) go to Window > Animation and click on the drop-down icon at the upper right, and select Make Frames from Layers.

7) your four image layers should now appear as a sequence of four frames; adjust the time each frame will appear in the animation with the drop-down selector under each frame (0.2 seconds is a good start).

8) the gif you want to create will be a loop that runs continuously, so you want the frame sequence to be 1,2,3,4,3,2 — so you need to copy frames 3 and 2 and add them to the end of the sequence, using the copy icon at the bottom of the animation window and dragging the copied frame in place accordingly; somewhere along here you want to save the four image stack and the animation you created (it’s all saved as a single psd file).

9) to create the gif file, go to File > Save for Web and Devices…  at the lower right, under Looping Options, select Forever; click Save and then BAMM! You have a gif file of your animation.

Advertisements