EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Photoshop Tutorial Photoshop Cinemagraph
Secondary Sidebar
Photoshop Tutorial
  • Basics and Advanced
    • What is Photoshop?
    • Install Adobe Photoshop
    • Introduction to Photoshop
    • Career in Photoshop
    • Uses of Photoshop
    • Adobe Photoshop Commands
    • Is Photoshop Free?
    • Website Layout in Photoshop
    • Adobe Photoshop
    • Top Features in Adobe Photoshop
    • Adobe Photoshop Elements tools
    • Free UI Kits For Photoshop Download
    • Layers Panel in Photoshop
    • Photoshop Moon Brushes
    • Ripple Effect Photoshop
    • Action in Photoshop
    • Photoshop Color Match
    • Photoshop color picker
    • Photoshop split toning
    • Photoshop GIF
    • Photoshop Extend Background
    • Photoshop template flyer
    • Photoshop content aware fill
    • Photoshop Overlays
    • Photoshop vignette
    • Photoshop Textures
    • Photoshop liquify
    • Photoshop automate
    • Photoshop presets
    • Layer effects in Photoshop
    • Photoshop hologram effect
    • Vintage Effect Photoshop
    • Vaporwave Photoshop
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Photoshop Creative
    • MP4 to GIF Photoshop
    • Templates in Photoshop
    • Night Effect in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Perspective Correction in Photoshop
    • VHS Effect Photoshop
    • Halftone in Photoshop
    • Puppet Warp in Photoshop
    • Photoshop Cheat Sheet
    • Resize Object in Photoshop
    • Distortion Effect Photoshop
    • Clone Stamp Tool in Photoshop
    • Fisheye Effect in Photoshop
    • Vanishing Point in Photoshop
    • Fix Perspective in Photoshop
    • Warp Image Photoshop
    • Transform Tool Photoshop
    • Photoshop Straighten Image
    • Glitch Effect in Photoshop
    • Photoshop Cinemagraph
    • Stamp Effect in Photoshop
    • Typography in Photoshop
    • Photoshop Distort Effect
    • How to Print in Photoshop?
    • Morphing in Photoshop
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • 3D Text Effect in Photoshop
    • Shiny Effect Photoshop
    • Photoshop Font Effects
    • Metallic Effect Photoshop
    • Ice Effect in Photoshop
    • Dispersion Effect in Photoshop
    • Healing Brush Tool in Photoshop
    • Crop Tool in Photoshop
    • Artboard in Photoshop
    • Fire Effect in Photoshop
    • Photoshop Versions
    • Portrait Effect in Photoshop
    • Quick Selection Tool in Photoshop
    • How to Highlight Text in Photoshop?
    • How to Change Text Color in Photoshop?
    • Change Color in Photoshop
    • Filters in Photoshop
    • Change Hair Color in Photoshop
    • How to Change Shirt Color in Photoshop?
    • Watercolor Brushes in Photoshop
    • How to Blend Images in Photoshop?
    • Plastic Effect in Photoshop
    • Ruler Tool in Photoshop
    • How to Fill Color in Photoshop?
    • How to Delete Background in Photoshop?
    • Plugins in Photoshop
    • Photoshop Mixer Brush Tool
    • Color Replacement Tool in Photoshop
    • Eraser Tool in Photoshop
    • Motion Effect in Photoshop
    • How to Make Logo in Photoshop?
    • Lasso Tool in Photoshop
    • Reflection Effect in Photoshop
    • Metal Text Effect in Photoshop
    • Gold Text Effect in Photoshop
    • Smart Objects in Photoshop
    • Text Effects in Photoshop
    • Layers in Photoshop
    • 3D Text in Photoshop
    • Selection Tool in Photoshop
    • Patch Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Rain Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Clipping Mask in Photoshop
    • Burn Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Adobe Photoshop Alternatives
    • Transparent Text in Photoshop
    • Sharpen Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Adobe Photoshop Tools
    • Red Eye Tool in Photoshop
    • Adobe Photoshop Shortcut Keys
    • Pencil Tool in Photoshop
    • Blur Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Move Tool in Photoshop
    • Line Tool in Photoshop
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Photoshop Cinemagraph

By Preeti PrajapatiPreeti Prajapati

Photoshop Cinemagraph

Introduction to Photoshop Cinemagraph

Photoshop is a raster image editing software which the image editing professionals widely use for their professional work. We can use different types of effects in this software for making effective image editing with the help of its exciting feature. Cinemagraph is one of the effects of adding motion effect on any image by using some technique and tools of this software. In this article, we will discuss cinematography as well as its important parameters so that we can make a good cinematic effect on our image by using this technique of Photoshop. So let us start our discussion about this topic.

What is Cinemagraph in Photoshop?

We can make a good cinema effect in our steady image in this software by following some simple steps of the cinemagraph effect, but before starting, let us look at the working screen of this software to better understand this topic throughout our learning in this article.

Step 1: At the top of the working screen, there is a Menu bar which has a number of menus for adjusting different parameters in our work in this software; below this, we have the property bar of our selected tool through which you can change the parameters of your selected tool, below this property bar at the left side of working screen we have a toolbar which has different types of tools which helps in photo editing work, at the center of this working screen we have a display window in which we can see our current working, at the right side of the working screen we have some sections such color box, layer panel and some others.

working screen

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 2: Now, let us import an image in this software for our learning about cinemagraph. I have downloaded an image from the internet. You can take your own or download it from the internet. For placing an image in this software, just open the folder where you have saved it, then pick it from there with the mouse button, then drop it in the display window area of this software by releasing the mouse button.

import

Step 3: Now click on the checkmark button, which is at the property bar of this image, for placing it at your desired place in the display window area.

checkmark

Step 4: Now, I will take a video effect of fire; you can take any other effect according to your image for making a cinemagraph effect with it. I have downloaded it from the internet. You can take your own or downloaded it from the internet. For placing video footage, go to the folder where you have saved your effect, then pick it from there with the mouse button, then drop it in the new document of this software by releasing the mouse button.

video effect

Step 5: Now click on the Window menu of the menu bar of this software which is at the top of the working screen of this software. Once you click on this menu, a drop-down list will be open. Click on the Timeline option of this list for opening the timeline panel in our video footage window.

Window menu

Step 6: Now click on Create video option of the timeline panel with the mouse button, and the frame of your video footage will open in this section. You can drag the play head of the video effect at your desired place of fire motion effect for any particular area of fire effect choosing it.

create video option

Step 7: Now drag this video footage to the image tab of this software for placing it on our image with the help of a mouse button like this.

Photoshop Cinemagraph - 7

Step 8: Now, it will place like this on our image. You can adjust it to your image by moving it with the help of the move tool.

Photoshop Cinemagraph - 8

Step 9: Now select this video footage layer in the layer panel by click on it, then click on the drop-down button of the blending mode of this layer for blending it with our image. A drop-down list will be open like this; choose the Screen option from this list by click on it.

Photoshop Cinemagraph - 9

Step 10: You can see the black background of the image removed from the video footage, and there is a sharp edge in your video footage, so for removing it got to layer panel and select this footage layer by click on it then click on the Add mask button of layer panel which is at the bottom of the layer panel.

Photoshop Cinemagraph - 10

Step 11: Now, a mask will be added to this layer. Now click on the mask with the mouse button and go to the tool panel of this software, which is on the left side of the display window of this software. Then take the brush tool from there by click on it with the mouse button, or you can take a brush tool from the layer panel also; just click on the brush icon in the layer panel for having a brush tool.

Photoshop Cinemagraph - 11

Step 12: Now adjust the parameter of the brush tool according to you, such as the size of the brush and the hardness of the brush from the property bar of the brush tool, which is below, to the Menu bar of this software.

Photoshop Cinemagraph - 12

Step 13: Now go to the color box of this software which is at the right side of the display window, and click on the small square box of color. Once you click on it, a color picker box will be open, choose a black color from here as a brush color for removing an extra portion from our video footage, and add details to our effect.

Photoshop Cinemagraph - 13

Step 14: Now, remove the extra portion of video footage from your image by using the brush tool. You can remove unwanted portions from video footage according to your choice. Now when you play it from the timeline, you will see a fire effect on your steady image.

Photoshop Cinemagraph - 14

Conclusion – Photoshop Cinemagraph

Now, after this article, you can understand what cinemagraph is in Photoshop and how you can adjust the different types of parameters of it. You can make good command of this feature of Photoshop after practicing on it and add a plus point in your image editing skill.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (64,963 ratings)

Recommended Articles

This is a guide to Photoshop Cinemagraph. Here we discuss the Introduction, use Cinemagraphin photoshop, and adjust the different types of parameters of it. You can also go through our other related articles to learn more –

  1. Photoshop Mixer Brush
  2. Change Hair Color in Photoshop
  3. Healing Brush Tool in Photoshop
  4. Stamp Effect in Photoshop
Popular Course in this category
Photoshop Training (10 Courses, 12+ Projects)
  10 Online Courses |  12 Hands-on Projects |  80+ Hours |  Verifiable Certificate of Completion
4.9
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more