How to make this kind of Headers for web layouts ?

[balavalli]

How to make this kind of Headers for web layouts ? I know its shape and clip masking. I tried my ways of doing it.I used s shape and searched for the same image and adjusted it and clip masked it. on another layer, i took the same ship image and cut the background of it.Please find the attached layers PSD.Also if anyone can give me a tutorial it's useful to all of us in here.Seems this kind of effects is very popular nowadays.

This is the original one Look at the ship its come out of that shape.Looks awesome




Layered PSD Of my effort.

 

[Eggy]

The effect of the ship extending out the the clipping is called 'Out Of Bounds'.
It used to be very polular some time ago...
Here are some tutorials: https://www.youtube.com/results?search_query=photoshop+out+of+bounds+tutorial

 

[balavalli]

The effect of the ship extending out the the clipping is called 'Out Of Bounds'.
It used to be very polular some time ago...
Here are some tutorials: https://www.youtube.com/results?search_query=photoshop+out+of+bounds+tutorial

Thank you.

 

[balavalli]

I forgot to add the layered PSD here it is.I uploaded to Mediafire .

Layered PSD Of my effort.

 

[IamSam]

Hello and welcome to PSG.

While this effect may give the illusion of an out of bounds effect, it just not that complicated.

It's nothing more than a simple layer mask on the image layer.

 

[balavalli]

Hello and welcome to PSG.

While this effect may give the illusion of an out of bounds effect, it just not that complicated.

It's nothing more than a simple layer mask on the image layer.
View attachment 79210
View attachment 79211

Thanks a lot.Can you kindly explain it in detail, please ?? Thank you.

 

[IamSam]

Can you kindly explain it in detail, please ?? Thank you.

This is very simple.
Decide on a pattern (shape). For this example I will use an arrow.
You make a selection with your Pen Tool that also includes any part of the ship that you want to be "sticking" out of the shape.....in this case my arrow. So I will also make a selection of the bow of the ship. (I have darkened the BG so you can see the Pen Tool paths)


Here is the path after I have converted it into a selection by right clicking inside the path and choosing "make selection".


Now that I have a selection, just select (highlight) the image (ship) layer and hit the "add layer mask" icon located at the bottom of the layers panel. This will add the layer mask to the image layer in the shape of selection you made with the Pen Tool. You may have to reverse the layer mask by selecting the layer mask and hitting Command + I.

This is the result.


Layers panel.

 

[balavalli]

Thank you IamSam.Kudos to you for the tutorial.