Home Graphic Photoshop How to Create a Cinemagraph in Photoshop | Adobe Creative Cloud

How to Create a Cinemagraph in Photoshop | Adobe Creative Cloud

Learn how to add subtle motion to a still photograph.

Start from scratch, or download practice file [https://adobe.ly/2rzdsOj] for a head start.

Steps below.

Prep your project:
1. Download the practice file (https://adobe.ly/2rzdsOj). Or, use your own!
a. Use the practice file: Download the CoffeeVideo.mp4 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 CoffeeVideo.mp4 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!

Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1

LET’S CONNECT
Facebook: http://facebook.com/adobecreativecloud
Twitter: http://twitter.com/creativecloud
Instagram: http://www.instagram.com/adobecreativecloud/

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.

Comments

comments

Latest articles

Easy Ways to Select Artwork in Illustrator | Adobe Creative Cloud

Explore a variety of methods for making selections in your projects to make creating and editing faster and easier in Adobe Illustrator. To download the sample files and learn more about Artwork selection methods, click on https://adobe.ly/2AXMTv1 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ 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.

Transform Artwork Freely in Illustrator Using Puppet Warp | Adobe Creative Cloud

Learn how to transform artwork using the Puppet Warp and Free Transform tools in Adobe Illustrator. To download the sample files and explore more tutorials on Artwork selection in Illustrator, go to https://adobe.ly/2vul87Y Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ 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.

How to Make a Custom Brush with Adobe Capture CC | Adobe Creative Cloud

Create a brush from a simple sketch. Start from scratch, or download practice files [https://learndownload.adobe.com/pub/learn/mobile-apps/make-a-custom-brush.zip] for a head start. Steps below. Prep your project: 1. Save the practice image (source-image.jpg) provided here to the Camera Roll on your mobile device, or use your own. 2. Download the Adobe Capture CC mobile app from the App Store for your iOS device, or from the Play Store for you Android. Open the app and sign in with your Adobe ID. 3. Tap Brushes from the top menu. Create a custom brush: 1. Tap Brushes from the menu. 2. Tap the image icon at the bottom, then tap Camera Roll. 3. Choose an image from your Camera Roll. 4. Tap areas to erase unwanted marks. Tap the checkmark. 5. Drag the resize handles (white dots) to position the blue box around the part of the image you want to use as the brush. 6. Tap Styles from the main menu. Tip: For the example in the video, we chose a style in the Photoshop CC & Adobe Sketch Brushes section. 7. Tap Presets. Adjust the Size, Spacing, and other settings as you like. Tap Done, or the right arrow on Android devices. 8. Choose the appropriate Creative Cloud Library. Tap Save. Apply style in Adobe Photoshop CC: 1. Open artwork in Photoshop. 2. Choose the Brush tool. 3. Choose your new brush from the Libraries panel (Window – Libraries). 4. Use the new brush to enhance your creation. That's it! To learn more about Adobe Capture and Adobe's other mobile apps, visit our Mobile apps Tutorials page. Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ 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.

Bring Dull Photos to Life Using Lightroom CC | Adobe Creative Cloud

Learn how to enhance sharpness, detail, and textures using Clarity and Dehaze sliders in Lightroom CC. Download sample files and learn more about image editing techniques in Lightroom: https://adobe.ly/2wbDUS0 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ 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.

Comments

comments