Area S19
  • Home
  • Elements & Principles
    • Typography
    • Song Lyric & Ipod Project
    • Heat on BMX
    • Simple Composite / Blend Modes
    • Photoshop Lessons
    • ANDY WARHOL-STYLE POP ART
    • Design Project
  • The Camera
    • Composition
    • Lines-Texture-Patterns
    • Focusing
    • Aperture/Shutter Speed
    • Photo Theme Assignments
    • Scavenger Hunt
    • Forced Perspective-Challenge
    • About You-Challenge
    • Alphabet/Name Project
    • Manual Mode
    • Yama Yama Jumping
    • Flat Lay Photography
    • Photo Portfolio
  • Photography
  • Storyboarding/Composition
    • Composition Assignment
    • 30 sec Commercial Challenge
    • 60 SECOND FILM
    • Action Film - Editing for Continuity
    • Movie Trailer Mashup
    • Song Solving Video
    • GIF
    • Hero's Journey
    • Infomercial
    • Short Film
  • Photoshop Design
    • ANDY WARHOL-STYLE POP ART
    • Tiger Face
    • Cat-Man
  • CTF 9 COM TECH
    • Photoshop Mr. Potato Head/Name
    • PIZZA PARTY
    • COLOUR ISOLATION- PHOTOGRAPHY
    • Face Swap
    • Ipod Ads
    • Photography
    • Composition
    • Trick Photography
    • SCAVENGER HUNT
    • 60 SECOND FILM
    • Commercial Parody
  • Composition
    • Aperture/Shutter Speed
    • Lines-Texture-Patterns
    • Shadow Photography
    • Photo Theme Assignments
    • Scavenger Hunt
    • Alphabet/Name Project
    • SHOET -Photography and Design
    • Yama Yama Jumping
    • Multiplicity Photography
    • Flat Lay Photography
    • Photography Portfolio >
      • Photography Catergories 2
      • Photography Catergories 3
      • Photography Catergories 4
  • Holiday Theme Video

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

Picture
Picture
Jessie Brooks

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
Download File

Picture
Picture
Picture
Powered by Create your own unique website with customizable templates.