Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
Orton Effect in Photoshop
  • By Design Bundles
  • 7 Mins
  • Photoshop Tutorials

Orton Effect in Photoshop

In this tutorial we will be creating an Orton Effect in Photoshop. Invented by Michael Orton in the 1980s, the result is usually a dreamy, picturesque look. The effect was created by combining over exposed images with one being in focus while one or more were out of focus. Now, we will show you how to achieve the Orton Effect in Photoshop.

Keep in mind this effect works best with images that have a strong back or side lighting, light breaking through trees, or mist.

Orton Effect in Photoshop 12

For our example, we are using a green forest photo, but you can browse a wide collection of photos from Design Bundles.

Step 1 - Duplicate the Background Layer

First, we are going to duplicate the image layer a few times. Each layer will have a different type of exposure, which will be combined to achieve the Orton Effect.

In Photoshop, open the image you chose. Then, select the Background layer thumbnail in the Layers panel. Click Command/Control + J to create a duplicate, then rename the new layer Base.

Orton Effect in Photoshop 12

Next, create a second duplicate on top of everything and name this layer Details.

Orton Effect in Photoshop 12

Step 2 - Apply a Soft Effect to Base Layer

Now, we are going to add a blur filter to the Base layer. We will then complement it with an adjustment layer to create the soft, dreamy portion of the Orton Effect.

Turn Base Layer into Smart Object

For now, hide the Details layer (the one on top). Do this by clicking on the small eye icon on the left side of its thumbnail.

Orton Effect in Photoshop 12

Next, select the Base layer, right-click on top of its thumbnail and choose Convert to Smart Object. This will let you go back and correct any effect or filter applied to the image if needed later on.

Orton Effect in Photoshop 12

Apply a Gaussian Blur Filter

Then, go to Filter > Blur > Gaussian Blur and use a 30 pixels Radius value.

Orton Effect in Photoshop 12

Change the Blending Mode

To lighten up our image a bit and add some glow, change the Blending Mode of the Base layer to Screen.

Depending on your image, you may need to reduce theOpacity of the Base layer to tone down the brightness. In our case, we used a value of 80%.

Orton Effect in Photoshop 12

Add Brightness/Contrast Adjustment Layer

With the Base layer still selected, go to the Adjustments panel. Now, create a new Brightness/Contrast adjustment layer. Change the Brightness to about -6 and the Contrast to 26.

Orton Effect in Photoshop 12

Step 3 - Apply High Pass Filter to Details Layer

We now want to create the more detailed and contrasting portion of the Orton Effect. So we are going to use a high-pass filter on the Details layer. Then we will change the blending mode so all of our layers blend together for the final effect.

First, turn theDetails layer back on and also convert it to a Smart Object.

Orton Effect in Photoshop 12

Apply a High-Pass Filter

Then, go to Filter > Other > High Pass and use a 1.5 pixels Radius value.

Orton Effect in Photoshop 12

Change the Blending Mode

We can now change the Blending Mode of the Details layer to Soft Light.

Orton Effect in Photoshop 12

Your image should be similar to the one below. Remember that your layers are smart objects. This means you can still make adjustments after the Orton Effect has been applied.

Orton Effect in Photoshop 12

The Orton Effect creates a soft, ethereal look that works great with certain images. Just note that less is better as overdoing it may result in washed-out blurry shots.

We hope you enjoyed creating the Orton Effect in Photoshop. If you want to learn more, have a look at our guides on how to create a light leak, add fog overlays, or how to add light rays in Photoshop next.


6 Related Photoshop Tutorials

For this Tutorial, we are going to an image of “Grass” for the “Background, and a light-colored “Brick” Pattern.1 - In Photoshop, open the file you chose as “Background”.2 - Open the “Brick” Pattern image too. Open the “Image Size” Window (Command/Control + Alt/Option + I) and make it 1000 x 1000 ...

For this tutorial, you will a Black and White image to apply the “Halftone” effect to.1 - In Photoshop, open the image you chose to work with.2 - Go to Image > Adjustments > Gradient Map and choose the “Foreground to Background Gradient” (Black to White) from the options and ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

You may also like

Help Center
ol image