Cinemagraph

  •  Open Photoshop
  • Go to Windows—>Workspace—>Motion
  • Open your file
  • Go to Export—>Render Video
  • Format should be set to ‘Quicktime’
  • Preset should be ‘Best Quality Animation’
  • Render Options should be ‘Straight- Unmatted’
  • Go to File—>Import—>Video Frames to Layers
  • This window should pop up
  • Screen Shot 2014-05-11 at 7.26.08 PM
  • Click on ‘Selected Range Only’
  • Move the markers to the portion that you want to use
  • Screen Shot 2014-05-11 at 7.29.00 PM
  • Press ‘OK’
  • Go to Window—>Animation (if animation isn’t there, then click on ‘Timeline’)
  • Your screen should look similar to this
  • Screen Shot 2014-05-11 at 7.39.58 PM
  • Your clip has been separated into different layers that correspond with the frames of the animation
  • Click on ‘Frame 1’ and press the space bar to watch the clip
  • Press the space bar again to stop the clip
  • Find the points in the clip that you want to be moving
  • For mine, I only want frames 1-47
  • I am going to click on frame 48 and hold my shift key down
  • I am going to click on frame 65
  • Frames 48-65 are now highlighted in blue
  • Screen Shot 2014-05-11 at 7.46.42 PM
  • Find the trash icon
  • Screen Shot 2014-05-11 at 7.46.58 PM
  • Click on the trash
  • Screen Shot 2014-05-11 at 7.47.08 PM
  • Press ‘Yes’
  • Go to your layers panel
  • Click on frame 48
  • Press your shift key
  • Click on frame 65
  • Screen Shot 2014-05-11 at 7.49.26 PM
  • Locate the trash icon on the bottom right of the layers panel
  • Click on the trash icon
  • Screen Shot 2014-05-11 at 7.49.39 PM
  • Press ‘Yes’
  • Find the frame that you want to become the still (or static) part of the clip
  • I am using frame 25
  • I clicked on ‘Layer 25’ in the layers panel
  • Screen Shot 2014-05-11 at 8.12.25 PM
  • Press ‘Command J’ to duplicate the layer
  • Screen Shot 2014-05-11 at 8.14.35 PM
  • By default, it will name the new layer ‘Layer 25 copy’
  • Click and hold the new layer and drag it to the top of the layers panel
  • Screen Shot 2014-05-11 at 8.15.01 PM
  • Double click on the ‘Layer 25 copy’ layer
  • Rename it ‘Static’
  • Screen Shot 2014-05-11 at 8.15.19 PM
  • Click on your ‘Static’ layer
  • Add a layer mask to your ‘Static’ layer
  • Screen Shot 2014-05-12 at 8.58.33 PM
  • Your layers panel should look like this:
  • Screen Shot 2014-05-12 at 9.00.29 PM
  • Select the Brush Tool (B)
  • Screen Shot 2014-05-12 at 9.02.05 PM
  • Make sure that the foreground color is black. If you press ‘X’ on your keyboard it will set it to either black or white. Press ‘X’ to switch it.
  • Click on the layer mask of the ‘Static’ layer
  • Screen Shot 2014-05-12 at 9.02.13 PM (make sure there is a rectangle around the mask and not the layer thumbnail)
  • Use the Brush Tool (B) to ‘erase’ the part that you want to move
  • Screen Shot 2014-05-12 at 9.04.52 PM
  • If it doesn’t look like anything is disappearing, check your layers panel to see if any layers are visible. The only layer that should be visible is the ‘Static’ layer.
  • If you accidentally erase too much, you can change the foreground color to white (press x on the keyboard) to bring back a part of the image.
  • You should spend a lot of time making sure everything is meticulously erased
  • Once you are satisfied with your selection, find the frame on the Timeline (Animation window)
  • Screen Shot 2014-05-12 at 9.11.17 PM
  • Select it and drag it to the trash
  • Press the spacebar to test your movie
  • On the Animation window, click the three lines under the ‘x’
  • Select ‘Optimize Animation’
  • Screen shot 2014-05-19 at 1.04.22 PM
  • Press ‘OK
  • Screen shot 2014-05-19 at 1.04.47 PM
  • Add adjustment layers! Give it cool effects!!!
  • Make sure to save your file as a .psd!!!!
  • You also need to save it in a different format so we can post it to the web
  • Go to File—>Save for Web
  • Click on the ‘4-Up’ option to see the different dither and color options. You can zoom in on certain parts.
  • Select the one that seems the clearest
  • Press save
  • Post it to your ‘Story’ page on the blog