Cinemagraph
For this assignment you will be creating a Cinemagraph. A Cinemagraph is just a fancy digital photography term for an animated Gif that has the appearance of a still image (graph) with small portions of the image appearing to be moving or appear to be animated (cinema). Some Cinemagraphs will loop the animation constantly, some repeat with a delay to give the viewer a surprise when the photo they are looking at suddenly turns and looks back at them or blinks.
The technique is simple. Take a short video sequence, export the footage as stills, then use Photoshop CS6's new video masking tool to isolate the paert of the image you'd like to have animated, and then export the resulting frames in a web based format. What the tutorial below to see how it is done. You can also download the file that is used in the tutorial.
The file and tutorial can also be found on the Student Shared Drive - 1.Animation (Folder) - cinemagraph (Folder)
Examples click here
The technique is simple. Take a short video sequence, export the footage as stills, then use Photoshop CS6's new video masking tool to isolate the paert of the image you'd like to have animated, and then export the resulting frames in a web based format. What the tutorial below to see how it is done. You can also download the file that is used in the tutorial.
The file and tutorial can also be found on the Student Shared Drive - 1.Animation (Folder) - cinemagraph (Folder)
Examples click here
Cinemagraph in 1 min
This is a fairly straightforward approach that begins after you drag your video file into Photoshop. Make sure the Timeline pops up on the bottom of the screen. If it doesn’t click Window > Timeline and you should be good to go.
- Next, with the video layer active, press CTRL + J (or CMD + J on a mac) to duplicate the layer. Head over to the Layers Palette and drag the duplicate to the top of the layer stack. Make sure it is right above the Video Group. The duplicate will show up in the Timeline in it’s own level on the Timeline, drag it all the way to the beginning (the far left side) of the Timeline.
- Right click on the duplicate layer in the Layers Palette and select Rasterize Layer then a Layer Mask.
- Press B on your keyboard or click on the Paintbrush Tool. Select a very soft, black brush and paint over the area where you want motion to appear when you are finished. (Pinsky used a 200px brush with 0% hardness at a 100% opacity.)
- Press Spacebar on your keyboard to preview your cinemagraph. If you need to add more area of motion to the image, click on the layer mask and paint it in with a black paintbrush. If you get overzealous with the black paintbrush and too much of the motion is showing, simply switch to a white paintbrush and erase your mistakes.
- Hit the Export button on the bottom left of the Timeline (It looks like a bent arrow). Name the file, select the h.264 file format, and press Render.
Cinemagraph in more detail
cinemagraph_before.mov | |
File Size: | 41524 kb |
File Type: | mov |