EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Photoshop Cinemagraph

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » Photoshop Tutorial » Photoshop Cinemagraph

Photoshop Cinemagraph

Introduction to Photoshop Cinemagraph

Photoshop is a raster image editing software which is widely used by the image editing professionals 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 in which we can add 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 cinemagraph effect but before starting let us have a look at the working screen of this software so that we can better understand this topic throughout our learning in this article.

Start Your Free Design Course

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

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 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

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 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 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 cinemagraph effect with it. I have downloaded it from internet. You can take your own or downloaded it from internet. For placing video footage go to the folder where 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.

Popular Course in this category
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (7,114 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

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 timeline panel with mouse button and frame of your video footage will open in this section. You can drag play head of 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 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 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 in this layer. Now click on the mask with the mouse button and go to 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 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 brush tool according to you such as the size of the brush and hardness of the brush from the property bar of 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 make 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 for adding detailing in 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 on this feature of Photoshop after practicing on it and add a plus point in your image editing skill.

Recommended Articles

This is a guide to Photoshop Cinemagraph. Here we discuss the Introduction, how to use Cinemagraphin photoshop, and how you can 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

Photoshop Training (9 Courses, 12+ Projects)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Photoshop Tutorial
  • Effects
    • Text Effects in Photoshop
    • Metal Text Effect in Photoshop
    • Reflection Effect in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Motion Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Plastic Effect in Photoshop
    • Rain Effect in Photoshop
    • Gold Text Effect in Photoshop
    • 3D Text in Photoshop
    • 3D Text Effect in Photoshop
    • Clipping Mask in Photoshop
    • Fill Color in Photoshop
    • Delete Background in Photoshop
    • Transparent Text in Photoshop
    • Make Logo in Photoshop
    • Blend Images in Photoshop
    • Website Layout in Photoshop
    • Change Hair Color in Photoshop
    • Change Color in Photoshop
    • Highlight Text in Photoshop
    • Change Text Color in Photoshop
    • Change Shirt Color in Photoshop
    • Filters in Photoshop
    • Portrait Effect in Photoshop
    • Fire Effect in Photoshop
    • Ice Effect in Photoshop
    • Metallic Effect Photoshop
    • Photoshop Font Effects
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • Shiny Effect Photoshop
    • Morphing in Photoshop
    • Dispersion Effect in Photoshop
    • Photoshop Distort Effect
    • Typography in Photoshop
    • Photoshop Cinemagraph
    • Glitch Effect in Photoshop
    • Photoshop Straighten Image
    • Stamp Effect in Photoshop
    • Warp Image Photoshop
    • Fix Perspective in Photoshop
    • Vanishing Point in Photoshop
    • Fisheye Effect in Photoshop
    • Distortion Effect Photoshop
    • Resize Object in Photoshop
    • How to Paint in Photoshop?
    • How to Print in Photoshop?
    • Perspective Correction in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Night Effect in Photoshop
    • What is Masking
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Vaporwave Photoshop
    • Vintage Effect Photoshop
    • Photoshop hologram effect
    • Templates in Photoshop
    • MP4 to GIF Photoshop
    • Photoshop Cheat Sheet
  • Basic
    • Introduction to Photoshop
    • What is Photoshop
    • Career in Photoshop
    • Install Adobe Photoshop
    • Plugins in Photoshop
    • Photoshop Versions
    • Uses Of Photoshop
    • Adobe Photoshop Shortcut Keys
    • Adobe Photoshop Commands
    • Adobe Photoshop
    • Is Photoshop Free
    • Top 10 Features in Adobe Photoshop
    • Layers in Photoshop
    • 10 Free UI Kits For to Download
    • Smart Objects in Photoshop
  • Tools
    • Adobe Photoshop Tools
    • Clone Stamp Tool in Photoshop
    • Eraser Tool in Photoshop
    • Selection Tool in Photoshop
    • Blur Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Move Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Patch Tool in Photoshop
    • Pencil Tool in Photoshop
    • Line Tool in Photoshop
    • Color Replacement Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Burn Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Quick Selection Tool in Photoshop
    • Red Eye Tool in Photoshop
    • Ruler Tool in Photoshop
    • Sharpen Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Lasso Tool in Photoshop
    • Adobe Photoshop Elements tools
    • Photoshop Mixer Brush Tool
    • Watercolor Brushes in Photoshop
    • Artboard in Photoshop
    • Crop Tool in Photoshop
    • Healing Brush Tool in Photoshop
    • Transform Tool Photoshop
  • Interview Questions
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • 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

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

EDUCBA Login

Forgot Password?

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
Book Your One Instructor : One Learner Free Class

Let’s Get Started

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

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
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

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More