Cinemagraphs More than a Photo, But Not Quite a Video!

Cinemagraph – Smackwagon Design

[nggallery id=6]

The cinemagraph are simply a .gif file with more artistic feel that the regular .gif you see everywhere.  You need first a good picture that look great as a still photo.  When you have your composition right and everything ready, ask your models to stay as still as possible for you to take a video in the highest resolution that your camera had. Remember to use a Tripod to minimize camera shake.  I use 1080p at 25 fps this will help you to have a better picture quality when you work with the frames.

Now you have your video, open Photoshop CS5 go to file>open and search for the video

Cinemagraphs – Smackwagon Design

In the animation palette select only the frames that you want the movement, one or two second are enough in most case but you make that decision.  When you are happy with the selection go to file>export>Render Video… Then rename the file and hit Render.

Now go to File>import>video frame to layers…  Now the animation palette have the frame and in the layers palette have all the frame in layers that you can mask and edit.  Select the fist frame and in the layer palette only the fist layer would be visible.  This is going to be the still photograph.  Select the second frame and in the layer palette select both the fist layer and the second layer. Mask the second layer to show the part you want to move.

Make the same with all the frames just remember that the layer that are visible are the ones that are going to appear in that specific frame.

You can preview the animation at anytime by pressing the space bar.

To make an smooth transition in the animation the fist frame most be the same as the last frame.  Is easy to make this once you finish all the masking and everything.  Select all frames copy them and paste them after the original frames.  Now in the animation palette menu select Reverse frame and you are done.

Cinemagraphs – Smackwagon Design

Select the time for each frame to show, play with the value until you like the result, mine work with 0.16 sec in each frame .  You can add some adjustment layer on the top to change the colors or give other effect.  Since its going to be a .gif file we are limited with 256 colors thats why its a good idea to give a Duo-tone or cross processing to limit the color and get the most of the gif file.  I use the cross processing effect for my image, once you are done, it’s time to make the gif file.

To save the animation go to File>save for web and device, select gif, make sure the animation loop is set to forever

Cinemagraphs – Smackwagon Design

That’s it, you are done.  If you make one please leave a comment with the link, I will love to see them.

Now go out and shoot!

By |2016-11-02T17:15:26+00:00July 10th, 2012|Our Blog|0 Comments

About the Author:

Leave A Comment

Did You Know….

GWEN-GARCIA-LEETS-IMAGEN-OFICIAL-SWN..Gwen Is the official spokeswoman of Smackwagon Design! GWEN Garcia Leets, is also sponsored by other internationally renowned companies. GWEN Currently is a host on an entertaining television program in Mexico called Marathon TeleHit

Interested in learning more about this beauty ? Click here to view GWEN's website to & keep you always informed of her most recent projects and events


Sharing is Awesome, Do It!

Share Smackwagon's web design company with your friends