What's new

Mockup - writing behind arch

oodya

Well-Known Member
#1
Hello all,

I have a square invitation card. I would like to insert a square layer behind the 'arch on the right side' - so in essence the writing will show behind the arch, but in front of the back card.

Would someone be able to point me in the right direction and tell me how to do this?

Thank you,

Oodya

square mockup.jpg
 

IamSam

Administrator
Staff member
Administrator
#4
Ok............

Create a rectangle about the approximate size of the card.
Screen Shot 2019-05-16 at 8.01.26 AM.png

Convert the rectangle into a smart object.
Copy the rectangle smart object layer and turn off the copy.

Go back to the first rectangle layer, reduce the opacity, use free transform to "roughly" place the corners to match the card in the image.
Return to original opacity when done.
Screen Shot 2019-05-16 at 8.03.20 AM.png
Screen Shot 2019-05-16 at 8.04.10 AM.png

Select/Highlight the first smart object layer (working SO layer in my example)

Add a layer mask.

Turn off the the first smart object layer while working with the Pen Tool.
Use the Pen Tool to make an exact selection of the card.

Screen Shot 2019-05-16 at 8.11.16 AM.png

Convert the path to a selection, invert the selection if needed so it looks like this...
Screen Shot 2019-05-16 at 8.25.30 AM.png

Turn the first smart object layer back on after you have made your selection.
Make sure you have the layer mask selected by clicking on it. It should have white brackets around it.
Then fill the layer mask/selection with black.

Now double click the second smart object layer (no need to turn it on). A PSB file will open.
Create a new transparent layer
Turn off the original layer
Use the Type Tool to add text............or copy and paste.
Close the PSB file and save.

Done.

Screen Shot 2019-05-16 at 8.17.15 AM.png

Screen Shot 2019-05-16 at 8.30.23 AM.png
 

oodya

Well-Known Member
#6
Hello,

I am attempting this now and have a couple of questions. For where it says 'Return to original opacity when done', if I do this, then the complete top of the card gets covered i.e. the arch is behind the layer - am I missing something? I have changed the opacity to 20% then used the pen tool to make the selection (then went to 'Select' - 'Inverse').

Also, where you have wrote 'Use the Pen Tool to make an exact selection of the card' - which layer should be selected?

Thank you for all your help,

Oodya
 

oodya

Well-Known Member
#7
Hello,

So I tried something different. I used the lasso tool to select the arch, then clicked on 'Make via cut'. I created a rectangle smart object layer as you mentioned and used that to in the middle of the arch and the back of the card.

That seems to work,

Thank you for all your help.

Oodya
 

IamSam

Administrator
Staff member
Administrator
#8
For where it says 'Return to original opacity when done', if I do this, then the complete top of the card gets covered i.e. the arch is behind the layer - am I missing something?
No, you're not missing anything. I assumed that you would know to turn the layer off while working with the Pen Tool. My mistake.......I will add that to the instructions.

Also, where you have wrote 'Use the Pen Tool to make an exact selection of the card' - which layer should be selected?
The first Smart Object rectangle layer......."Working SO layer" in my layers panel example.
 

IamSam

Administrator
Staff member
Administrator
#9
So I tried something different. I used the lasso tool to select the arch, then clicked on 'Make via cut'. I created a rectangle smart object layer as you mentioned and used that to in the middle of the arch and the back of the card.

That seems to work,
Please post a screen shot of this.................I don't think this works for editing.

Using the techniques I describe, you can easily edit the card by double clicking the second (2nd) SO layer.
Screen Shot 2019-05-18 at 8.15.31 AM.png
 

Top