: Cut out text from a layer I'm a Photoshop n00b, working with version CS6. I'm trying to fix up a PSD I was sent from my client so I can convert it to HTML and CSS. Here's a screenshot
I'm a Photoshop n00b, working with version CS6. I'm trying to fix up a PSD I was sent from my client so I can convert it to HTML and CSS. Here's a screenshot of some layers I've extracted, that hopefully will help illustrate my question:
The two white shapes are in one layer. The black "i" is a text layer on top of this. How can I make the "i" be a cutout inside the white layer, that allows the transparent background to show through? I can't find any tutorials online that demonstrate how to do this.
More posts by @Chiappetta793
2 Comments
Sorted by latest first Latest Oldest Best
Scott's method will work (and probably gets the job done perfectly in this case), but this can be done in a way that retains the scalable vector property of the text, which the layer mask doesn't. And considering that the white area is a shape, the whole thing would be scalable to any size.
Right click the text layer and select "Create Work Path"
Select the pen tool and select the "Subtract front shape" option on the toolbar
Put the shape layer in a group (ctrl+g) and select the group (because I don't believe vector masks can apply directly to shapes)
Right click in the image and select "Create vector mask"
The image helps.....
cmd+click (Mac) or Ctrl+Click (Win) the layer thumbnail (the T) for the
i in the Layer's Panel. This should load the i as a selection.
Inverse the selection - From the menu choose Select > Inverse
Highlight the shape layer in the Layer Panel.
Click the layer mask icon at the bottom of the Layer's Panel.
Turn off visibility for the text layer.
End result:
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.