How to Make a Cinemagraph in Photoshop | Adobe Creative Cloud

Learn how to make your photos move with video. Start from scratch, or download practice file [] for a head start. Download Photoshop here to get started: Steps below. Prep your project: 1. Download the practice file (). Or, use your own! a. Use the practice file: Download the video file. b. Use your own: Record or find a video clip that has repeated action, like the coffee moving in the sample file, or has an area of isolated movement. This will make it easier to create a looping effect. 2. Open in Photoshop, File - Open. Create your cinemagraph: 3. Open the Layers panel, Window - Layers. Drag the “Coffee Video” layer above “Video Group 1”. 4. Drag the “Video Group 1” layer group to the “Delete layer” icon to delete it. 5. Drag the “Coffee Video” layer to the “New Layer” icon to create a copy. 6. Open the Timeline panel, Window - Timeline. Drag the playhead to the point in the video that you want to serve as the still part of your cinemagraph. If you’re using the practice files, drag the playhead to 2:12. 7. Right-click the “Coffee Video copy” layer and select “Rasterize Layer” in the Layers panel. 8. Click “Select and Mask…” at the top of your workspace, or choose Select - Select and Mask. 9. Set the View Mode to Overlay. 10. Choose the Brush Tool from the tools panel and brush over the area of the video where you want to show movement. If you’re using the practice file, brush over the coffee in the cup. Adjust the brush size and hardness as needed. 11. Click Invert, and set the Ouput Settings to “Layer Mask”. Click OK. 12. Adjust the Start and End Points in the Timeline so that your cinemagraph loops seamlessly. If you’re using the practice files, set the Start point to 00:10 and the End point to 02:09. Tip: Drag the playhead to help note the timestamp. 13. Click the Play button to preview your cinemagraph. If your video is not looping, click the Settings icon and choose “Loop Playback”. 14. Save your cinemagraph, File - Export - Save for Web (Legacy). Choose your own settings, or use the following: a. GIF, 256 colors, 100% Dither. b. Adjust image size, if desired. c. Set Looping Options to “Forever” That's it! To learn more, visit our Photoshop Tutorials page: Subscribe to Adobe Creative Cloud: Download Adobe Express: Learn More: About Adobe Creative Cloud: Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices. Connect with Adobe Creative Cloud: Twitter: LinkedIn: Facebook: Instagram: #AdobePhotoshop How to Make a Cinemagraph in Photoshop | Adobe Creative Cloud