How to use Photoshop CS5 - Part 18: Create nested photo effects

In the next part of the tutorial series on Photoshop, we will present some basic steps to create nested photo effects . Our main goal is to direct the focus of the viewer to the main object, after being edited it will fit inside another frame.

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 1

Sample images are used in this article

First, we will duplicate the original image layer with Duplicate Layer function or use shortcut Ctrl + J (Windows) or Command + J (Mac), then the program will rename the new layer to Layer 1 :

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 2

And to make it easy to distinguish and handle the following steps, you should rename the different classes. Here, we will change Layer 1 to Smaller version :

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 3

Next, we need to create a new layer below the Smaller version . Select Smaller version , hold down Ctrl (Windows) or Command (Mac) and select the New Layer icon at the bottom of the control panel:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 4

And Photoshop will create a new layer between the two existing layers:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 5

Similar to the above, we will proceed to rename to distinguish it from other classes, here is Clipping mask:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 6

From now on, we mainly work on this new Layer. Next, select the Rectangle tool or press U :

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 7

Use this tool and draw a quadrilateral around the main object:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 8

Then, you will see the Clipping mask layer from a normal layer that has become the Layer vector shape :

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 9

Next, press Alt (Windows) or Option (Mac) and move the line between 2 Smaller version and Clipping mask layers, until the cursor's icon changes to a circle as follows:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 10

It looks like there is nothing different from our image, but in the control panel, you can see that the Smaller version layer has a little backward on the right, which means it is being cut with a vector shape right next to it. below:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 11

Still in this Clipping Mask layer, click the Layer Styles icon below and select Stroke :

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 12

In the Layer Style window displayed, change the settings according to the following picture:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 13

There are 3 options marked with red, the first one is Stroke Size - which creates a border with such a size around the selection. Next is Position - change the Inside to let the effects appear inside the border, change the Color to white to fill the border of the border:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 14

Also in this Layer Style panel, select the Drop Shadow item - note that just click the Drop Shadow text, uncheck the check box next to it.

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 15

This will change the middle selection of the Layer Style dialog box from Stroke to Drop Shadow . Continue, set the Opacity to about 50%, Angle to 130 ° and Distance - 10 pixels:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 16

Next, you might consider using Free Transform to rotate the corner or change the size of the surrounding border if desired. Press Ctrl + T (Windows) or Command + T (Mac) to start, press and hold the Shift button while working to keep the aspect ratio of the frame:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 17

When satisfied, press Enter (Windows) or Return (Mac) to apply this process change. If you find a reasonable angle to your surroundings, the picture will become much more vivid. Next is the complex stage, using the Eyedropper tool to get the color in the small area:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 18

For example, here, we will choose the color area on the helmet:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 19

When taking the sample color, notice that the toolbar's foreground color has turned blue:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 20

Select the Background layer and click New Adjustment Layer in the control panel and select Hue / Saturation :

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 21

The Hue / Saturation dialog box is displayed, check the Colorize box:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 22

Click OK to apply the changes, we will see the effect appear on the image as follows:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 23

When you have completed this step, it means that we are almost there, only one step away from applying the Radial Blur effect to the background image. But before that, you need to duplicate the background image again, press Ctrl + J (Windows) or Command + J (Mac), rename the layer just created Radial Blur:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 24

Next, click Filter> Blur> Radial Blur , the Radial Blur dialog box will display. Here, we set the specifications as follows: Blur Method - Zoom, Quality - Best, Amount - 40, Blur Center item specify the effect will 'start' from any position in the selection:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 25

Click OK, and our result in this step will look like this:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 26

Depending on the picture and the different settings, as in the example here, we can easily recognize the Blur effect a bit too much, so we need to add some mixing to the Background layer. Very simply, you just need to change the Opacity parameter to about 60% just enough:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 27

And this is our result after completing all the steps above:

How to use Photoshop CS5 - Part 18: Create nested photo effects Picture 28

Good luck!