Photo on Picture

The final effect for this tutorial:


Step 1:
Find a good photograph ,I suggest you will use it for blog ,so I used a standard size:


Step 2:
Make a new layer ,and make a shape with yours photo size. I used Rectangle tool.
When you are ready go to blending options and apply these settings:

Blending effect

Drop shadow effect

Stroke effect

It should now look like this:

After effects

Step 3:
Copy this layer for all the Photo effects on this image, I’ve copied it 10 times.
Now select one of them and move it ,choose its place and go to free transform (Edit -> Free transform or CTRL+T)
Now you can resize and/or rotate your “photo”.

It is better if you make this while holding down the shift button, because the image will be better quality.


Step 4:
But this effect isn’t enough ,right?

Hold down SHIFT + Control and click this:

control mouseclick

And click all the layers

Now you will have selected the space where are the photos!


Step 5:
Press select -> inverse (ctrl+shift+I)

Now unlock the background and apply Gaussian blur with 3px radius.

Finished product

Source :

About Author

Tuấn Anh

Là một người đam mê lập trình, hiện tập trung mảng phát triển ứng dụng web dựa trên nền tảng của WordPress. Đồng thời, nhằm đạt sự trọn vẹn trong công việc freelance, tôi đang học đồ hoạ, để có thể tự mình thiết kế layout, logo và những thứ khác liên quan đến đồ họa. Mục tiêu vài năm tới: Tôi sẽ là Full Web Developer = Graphics Design + Coding. Vietcoding Blog viết về WordPress, chia sẻ kinh nghiệm, mẹo vặt, viết plugin, làm theme và ôm ấp ý tưởng viết một Web Application Framework dựa trên WordPress. Đồ hoạ là chuyên mục đang được chuẩn bị trong tương lai.

Got Something To Say:

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

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four
    spaces will be stripped off, but all other whitespace
    will be preserved.
    Markdown is turned off in code blocks:
     [This is not a link](

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see