The Ultimate Guide to Cinematic Effect in Photoshop

There was a time when everybody was editing a photo in a cinematic way. They were using Photoshop actions, filters, and some were playing around with adjustment layers to achieve the cinematic effect. With the rise of so many filters, I think that the trend is starting again. So, here I present to you the ultimate guide to cinematic effect in Photoshop.

Let’s understand what we need to have to achieve a cinematic effect. A cinematic effect has to have below things.

  • An aspect ratio of 16:9
  • Blacks are brightened and Whites are darkened; basically a faded look
  • A little tint

We’re going to do the same thing in three different images. The settings of the adjustment layers will change a bit, but everything else will remain the same.

Before we begin, here are few of the before and after photos.

Before

before1.jpg

After

after1

Let’s begin the tutorial

Step 1 – Crop the image to 16:9

Grab the crop tool from the tool panel or press Shift + C again and again until it comes. Choose the 16:9 aspect ratio from the option bar.

1.jpg

You will see 8 handlebars to crop an image. Drag those to keep the area you want to have after cropping.

2.jpg

Press Enter/Return once you have selected the area you want to have.

3.jpg

Step 2 – Add the tint

We are going to add a tint to the photo in this step. The color of tint matters a lot. As a rule of thumb, what is do is that I notice the most dominant color in the photo and add a tint of that color.

We have Green as the most dominant color in this photo. So, we’re going to give green color tint, and we’re going to use Gradient Map for this.

Go to Layer > New Adjustment Layer > Gradient Map

It will colorize the image based on your foreground and background color. Don’t freak out. We will fix this.

4.jpg

We are going to change the colors. Click anywhere in this box.

5.jpg

Photoshop has some predefined gradients for photos which are quite awesome. We are going to use those.

Click on the gear icon and choose “Photographic Toning”.

6.jpg

You will be asked whether to append those gradients into the current selection or add those gradients as a new selection. I choose “Add”, but you also choose “Append”.

7.jpg

Now, it’s just a matter of time to find the gradient that suits your image best. My image as Green as the most dominant color. So, I am going to choose something related to green.

8.jpg

Press OK when you’re done. Reduce the opacity to 40%.

9.jpg

Step 3 – Give the Faded Effect

Faded effect means to make black areas brighter and white areas darker. We are going to use the Level adjustment layer for this. Yes, you can decrease the contrast to give faded effect but Level gives more flexibility.

Go to Layer > New Adjustment Layer > Level.

Drag the sliders to the right which are in the blue rectangle. Drag the sliders to the left which are in the red rectangle.

10.jpg

Here is the image.

11.jpg

Step 4 – Add Warmness to give Cinematic Effect in Photoshop

There is one thing missing. And, that is warmness. The photo needs to be a bit warmer.

Let’s add that with Photo filter. Go to Layer > New Adjustment Layer > Photo Filter. Choose “Warming Filter (85)” and increase the Density. Make sure that “Preserve Luminosity” is turned on otherwise the photo will get darker.

12.jpg

And, here you go. This is all. Here’s the final image.

after1

Let’s see few other images also.

I applied the same setting to the below image.

before2.jpg

and here is the result.

after2.jpg

Here is one more image. The only difference in the below image is that I chose Red dominant color in the gradient map rather than green. This is because the photo has red as the dominant color.

after3.jpg

Day 24 – Adjustment Layers in Photoshop – Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

Hey, folks! How was your weekend? Pretty exciting, huh? Mine was also. I hope that you also followed my last tutorial on Camera RAW. Why not? It was an amazing tutorial. I explained everything about Camera RAW. Today, we’re going to learn Adjustments Layers in Photoshop.

To apply tweaks like brightness, exposure, contrast, saturation, or etc. you don’t need to open Camera RAW every time. Photoshop gives you a nice and clean way to change it on the go. All of this can be done with the help of adjustment layers.

So, let’s begin with the most basic question.

What’s Adjustment Layer in Photoshop?

The Adjustment Layers in Photoshop are a group of some useful, non-destructive image editing tools that add color and tonal adjustments to your image. Did you read the word “non-destructive”? Yeah, all of the changes will be done without harming the original image. Means that you can go back to any point of time without any loss. It’s like a Time Machine in macOS and Win7 backup in Windows.

Where are Adjustment Layers Located in Photoshop?

Adjustment layers are located at the bottom of layer panel (press F7 to open).

1.jpg

All the things that you’d use daily are present here. Be it Brightness, Color Balance, Photo Filter, Gradient, or even Invert are present here.

Now that you what and where of the Adjustment layer, let’s explore it. I am going to explain each layer in a two separate tutorial. In the tutorial, I’ll cover Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure. The rest of the things will be covered in the next tutorial.

What is Solid Color in Photoshop?

Solid color fills the image with one color and you get to decide the color.

Go to Solid Color and choose the color you like and press OK. I chose a shade of Blue.

2.jpg

You see that the entire image is filled with the color that you chose.

You think that what the hell. Why would I fill my entire image with a color? Hold on! You can do some artistic effects. If simply change the Blend Mode to color, I get Blue tint. Isn’t it looking nice? I know it doesn’t but don’t be rude and say yes… haha…

3.jpg

What is Gradient in Photoshop?

This adjustment layer works exactly similar to the Gradient Tool that we learned a while ago. So, I am not going to much details on this. Click on it and you’ll figure out how to use it.

4.jpg

What is Pattern in Photoshop?

This option lets you fill your image with the patterns of your choice. The pattern will fill the entire image.

5.jpg

Like Solid Color, you can play with Blend Modes this time also. I chose Color Burn this time.

6.jpg

What is Brightness and Contrast in Photoshop?

I am damn sure that I don’t need to explain these two. You did tweak these two when you edited your first digital photo around 10 years.

Ummm… Still, I’ll explain you.

  • Brightness brightens or dims the image
  • Contrast increase the difference between the whites and blacks of the image

7.jpg

What is Levels in Photoshop?

This is a bit tough to explain. There is one slider with three control points named as A, B, and C in the below image.

A: Drag it to the right to increase the black
B: Drag it to the right to increase contrast and drag it to the left to decrease contrast
C: Drag it to the left to increase white

8.jpg

To make things simpler, Photoshop provides presets also which are highlighted with a blue rectangle. You may want to use it.

What is Curves in Photoshop?

If you see the graph, the y-axis is divided into 4 parts. Each part represents a region. Upper parts demonstrate the light and lower parts demonstrate the shadow.

9.jpg

  1. Highlight: It affects only the upper regions
  2. Light: It mainly affects the upper two regions but slightly affects lower two regions as well
  3. Darks: It mainly affects lower two regions but slightly affects upper two regions as well
  4. Shadows: It only affects lower two regions

What is Exposure in Photoshop?

The Exposure slider is probably the least mystically named of the control sliders and unsurprisingly it allows you to adjust the exposure of your photo. Dragging to the right will lighten an image while dragging to the left darkens it.

10.jpg

The Offset slider isn’t obviously named, but this control has the greatest influence over the dark tones of photos. Sliding it to the right will lighten shadow areas, but you should take care as you’ll quickly see that images can start to look washed out as this is adjusted in this direction. Sliding to the left will darken your shadow areas and if you overdo this, you will start to see some unnatural color shifts occurring.

The Gamma slider has the greatest effect over the mid-tone range of your images, though the direction that you adjust the slider is counter-intuitive. To darken the image, you need to slide it to the right and vice-versa to lighten it.

This is all for today. I hope that you enjoyed the tutorial.
Check out the other tutorials from 30 Days to Learn Photoshop series.