Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Text as a mask?

Community Beginner ,
May 09, 2019 May 09, 2019

I am trying to work out how to emulate the magazine cover for dirt bike magazine.

Buy Dirt Bike Rider Subscription from TMX | TMX

The feature I Am trying to make is the white with the see through text of the name of the magazine showing the picture/layer beneath.

Any help greatly appreciated

1.1K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , May 09, 2019 May 09, 2019

So based on your description you want sample number 1 below. But based on your example I think you want sample number 2 below.

The white rectangle has the text saying "DIRTBIKE" knocked out of the white rectangle. You want the guy riding the bike to be behind that white rectangle and showing through the letters that are used as a negative mask frame.

In Photoshop, move that white text frame rectangle to the top layer. It has the mask on it, and can be used as a window for all layers below it. But

...
Translate
Adobe
Community Expert ,
May 09, 2019 May 09, 2019

Silhouette that portion of the image that should block the type, duplicate the area and add it as a layer over above the type.

Screen Shot 2019-05-09 at 11.38.23 AM.png

But, be careful. "Where" magazine came up with a surprise.

333.png

(Google Images: Where Magazine)

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 09, 2019 May 09, 2019

Norman, thank you for providing the first chuckle of the day!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 09, 2019 May 09, 2019

If you want to mask the image so that your subject matter (the biker) and the text are what show up,

1. Make a white background layer below your photo

2. Select your photo layer

3. Make a selection of your subject

4. Click the Add Layer Mask button at the bottom of the Layers panel (3rd from the left)

5. Enter your text

6. Select the text (Control + click, Command + click on a Mac)

7. Add that selection to the layer mask. One way is to use Control + Delete on the layer mask when white is your background color.

8. Turn off visibility for the live text layer.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 09, 2019 May 09, 2019

Thanks for the replies so far. Its the see through white with the text "dirtbike" I cant figure out

So thanksAnnotation 2019-05-09 222132.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 09, 2019 May 09, 2019

So based on your description you want sample number 1 below. But based on your example I think you want sample number 2 below.

The white rectangle has the text saying "DIRTBIKE" knocked out of the white rectangle. You want the guy riding the bike to be behind that white rectangle and showing through the letters that are used as a negative mask frame.

In Photoshop, move that white text frame rectangle to the top layer. It has the mask on it, and can be used as a window for all layers below it. But if you want something like you show in the example, the dirtbike rider is masked out over the original background, or over a gradient, and then stacked over the white framed text with the mask. See my second image for an example. You can see I have the dancer jumping masked out.

Screen Shot 2019-05-09 at 9.00.39 PM.png

Screen Shot 2019-05-09 at 9.03.16 PM.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 10, 2019 May 10, 2019
LATEST

Hey Mark,

Yes its example 2 I am after. I cant work out how to do the white text box with the text mask revealing the layer underneath.

Some guidance on this aspect would be invaluable.

Thanks

James

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 09, 2019 May 09, 2019

Another way to to set the Fill Opacity af the text to 0%, and set Knockout to Shallow:

    

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 09, 2019 May 09, 2019

Depending on whether the text is solid or screened, a vector text/masthead logo may reproduce better.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines