*Featured Image from https://kitchenghosts.carbonmade.com/
More examples: 
*www.superwhite.cc/demon/cinemagraph
Cinemagraph is a Gif that has infinite movement in part of the footage. In this tutorial I will go over the steps of how to create a cinemagraph in Photoshop.
If you want to make a Gif with the easy way, you can select a YouTube video and use http://freegifmaker.me/. If you want to challenge yourself, you can check out Jen’s tutorial on how to make Gif by yourself in Photoshop here.
In this tutorial, I’m using this Gif:
- Window-Timeline
- Select all layers on the right-Crop the picture if you don’t like the watermark on the bottom.
- Use space key to play the Gif over and over again to see how the footage could be a loop in motion, instead of letting viewers notice an obvious gap between the end and the beginning of the Gif. Delete unnecessary frames.
- Paint over the section where you want the movement to be. This layer can be seen as a layer mask. You don’t have to be extremely precise when painting.
- Click on covert to video timeline.
- Go to the very end of your Gif, make a new layer – shift+ctrl+alt+e (Mac: shift+option+command+e) to make a stamp visible layer (when doing this, make the paint layer invisible, you can make it visible again after this step).
- Move the stamp visible layer all the way to the left.
- Move the paint layer up, and ctrl+click on the part that I highlighted (Mac: command+click).
- Select stamp visible layer and click on layer mask.
- Click on the mask, ctrl+I (Mac: command+i) to inverse the mask.
- Preview everything to see the result.
- File-export-save for web
Here is the final product:
Leave a Reply