Photoshop Tutorial, Create A Fabulous Photo Paneling Effect

Photoshop is like any other high-end machine that we use in our daily life. Like, for instance, a washing machine which has different advanced functions. So in order to make your work easier, all you have to know is where, when and how to use these functions. Similarly, there are so many tools and tricks to work on Photoshop that you cannot even think of running out of ideas and their executions.

In our today’s post Photoshop Tutorial, Create A Fabulous Photo Paneling Effect, we are featuring an absolutely simple trick of using Photoshop to make stunning design effect. The paneling effect can be used in many design forms, and are especially useful for photography designing. For a complete experience you can download the PSD of the tutorial from here.

Learn from this tutorial and let us know of your valuable comments!

Step # 1

Open the image you want to put the effect on, in Photoshop.

Step # 2

As your actual image is shown in the first layer, go to Layers > New Fill Layer > Solid Colors, a New Layer dialogue box will with the new layer names as Color Fill 1.

Step # 3

Click OK on the New Layer dialogue box and color picking box will open where you have to pick fdfcfc (pure while) color. Now you can see  we on the Layers panel a new Solid Color fill layer named Color Fill 1.

Step # 4

In the Layers panel, select Layers > New > Layer via Copy. This will make a Duplicate Layer of the Background Layer above the original image. Now move the duplicated image layer above the Color Fill 1 layer.

Step # 5

Keeping the duplicated background layer selected, go to the Tools panel and pick the Rectangle Tool. Go to its Options Bar along the top of the screen and select Shape Layers, the first option on the left. With this tool and its options selected, draw a longitudinal rectangle the way it has been done in the image below.

Step # 6

Now go to Edit > Free Transform and tilt the rectangle you have drawn in order to give a more dramatic effect.

Step # 7

In the Layers panel, Move the newly formed Shape Layer below the Duplicated Background Layer. After doing so, select the Duplicated Background Layer and go to Layer > Create Clipping Mask.

Step # 8

This action will result into a clipping between the Duplicated Background Layer and the Shape Layer as shown in the figure below.

Step # 9

Once the clipping is done, select the Shape Layer and go to Layer > Layer Style > Drop Shadow. You can either put the values as mentioned in the below figure or go with your own.

Step # 10

This is how it will look like after adding Drop Shadow.

Step # 11

Keeping the same Layer Style panel opened, go to Stroke and define the values mentioned in the figure below or add them according to your own requirements.

Step # 12

This is how the image will look like after adding Stroke.

Step # 13

Select the Duplicated Background Layer and Shape Layer and put them in a Layer Group. Now keep doing Duplicate Group for as many panels as you want to create in your design, and with the help of Free Transformation Tool tilt the panels in the desired directions.

Step # 14

This is the how the final image will look like.

Article written by:

Arfa Mirza is a writer and a bumped-into-photoshop designer. She is a regular contributor at Hongkiat from last three years. CreatiWittyBlog is her own blog through which she gives her offerings to the goddess of creativity. And when she is not doing any of that, she is baking the most heavenly cakes in the world.

Leave a Reply

Your email address will not be published. Required fields are marked *