Skip to main content
Inspiring
July 19, 2023
Answered

How to replicate this design ?

  • July 19, 2023
  • 2 replies
  • 641 views

Hey,

 

I want to make design like one of the three below.

 

As you can see each one of the three has: blurred background, player's photo pop out from the shape and another layer as a part of the background (maybe with the grey color !).

 

Any tips and advices ?

 

 

 

This topic has been closed for replies.
Correct answer Trevor.Dennis

There's a wee bit to it, so I'll give you a step by step.

 

Find a suitable image with good close up action, and open in PS.  The image you use is is important so chose with care, and plan ahead.

 

Copy the background layer, and in the Properties panel click on Remove Baclground.  This will isolate the player and possibly the ball with a layer mask.

Select the background layer (I actually made it a normal layer — just click on the padlock icon)

Use Free Transform (Ctrl T) to make it larger — mine looks about 300% but you deside.

Make the enlarged background layer a Smart Object by right clicking the layer.

Blur the background layer — I used Gaussian Blur value 10.0

If you look at my screen shot, you can see I used a low opacity soft brush in the mask to reduce the blur of the head.  This is entirely non destructive as you can control things with the mask.

I didn't like the look of the background, so I used a curves adjustment layer, with the settings you can see in my screen shot.

 

The ball was still visible in the background layer, and was a distraction, si I removed it with the Remove Tool.

BTW  I went with Women's Soccer as their World Cup is about to start in New Zealand where I live.

2 replies

Trevor.Dennis
Community Expert
Trevor.DennisCommunity ExpertCorrect answer
Community Expert
July 19, 2023

There's a wee bit to it, so I'll give you a step by step.

 

Find a suitable image with good close up action, and open in PS.  The image you use is is important so chose with care, and plan ahead.

 

Copy the background layer, and in the Properties panel click on Remove Baclground.  This will isolate the player and possibly the ball with a layer mask.

Select the background layer (I actually made it a normal layer — just click on the padlock icon)

Use Free Transform (Ctrl T) to make it larger — mine looks about 300% but you deside.

Make the enlarged background layer a Smart Object by right clicking the layer.

Blur the background layer — I used Gaussian Blur value 10.0

If you look at my screen shot, you can see I used a low opacity soft brush in the mask to reduce the blur of the head.  This is entirely non destructive as you can control things with the mask.

I didn't like the look of the background, so I used a curves adjustment layer, with the settings you can see in my screen shot.

 

The ball was still visible in the background layer, and was a distraction, si I removed it with the Remove Tool.

BTW  I went with Women's Soccer as their World Cup is about to start in New Zealand where I live.

H_GuAuthor
Inspiring
July 19, 2023

Thanks for you help.

But what about making the photo pop out from a shape with what you mentionned  ?

Bojan Živković11378569
Community Expert
Community Expert
July 19, 2023

Make Blured Background player layer smaller, shrink it down, better option then enlarging Isolated foreground player. Recommended way is to convert Blured Background player to Smart Object layer before shrinking it down.

Bojan Živković11378569
Community Expert
Community Expert
July 19, 2023

It seems the same photo is used twice. Duplicate original photo and extract player.

Enlarge below original photo, clip it to rectangular shape, for example and blur a bit original photo as necessary.