Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Photoshop: "Text selection" effect?

K

Kahnyl

macrumors 68000
Original poster
Feb 2, 2009
1,584
2
I've seen this effect used on a few sites. It's basically a box around the text with the background colors inverted or altered, exactly like you get when you Select All a text layer in PS.

Does anyone know how to do this?

Right now my best idea is to select the text and take a screenshot. Not the best solution.
 
C

citizenzen

macrumors 68000
Mar 22, 2010
1,543
11,786
I still can't picture what you mean. Can you point to an example?

Is this what you're saying...?


Layer 3 — Text (inverted?)

Layer 2 — Smaller area of background color inverted (to create a box around the text)

Layer 1 — Background color


It can't be that simple. I must be missing something. :confused:
 
C

citizenzen

macrumors 68000
Mar 22, 2010
1,543
11,786
Here's my guess based on your description.
 

Attachments

  • Screen shot 2010-05-23 at 8.36.29 AM.png
    Screen shot 2010-05-23 at 8.36.29 AM.png
    24.2 KB · Views: 945
K

Kahnyl

macrumors 68000
Original poster
Feb 2, 2009
1,584
2
Sorry my description sucked. Here's a screenshot of what I mean. In this, I just selected the text but I'd like to achieve the same look in a "proper", exportable way. The resolution is of course limited with screenshots.
 

Attachments

  • Screen shot 2010-05-23 at 20.14.42.png
    Screen shot 2010-05-23 at 20.14.42.png
    1,023.1 KB · Views: 937
C

citizenzen

macrumors 68000
Mar 22, 2010
1,543
11,786
It's the same technique that I used in my previous example with solid colors.

• Top Layer is text.

• Middle Layer is a duplication of the Background Layer, inverted and passed through the small box of the Mask.

• Background Layer is the original image.

Have you had much experience with Layers? Do you understand what a Mask does... how to create one and manipulate it?
 

Attachments

  • Screen shot 2010-05-23 at 12.55.00 PM.png
    Screen shot 2010-05-23 at 12.55.00 PM.png
    305.3 KB · Views: 763
UTclassof89

UTclassof89

macrumors 6502
Jun 10, 2008
421
0
Work smart, not hard:
Put a white rectangle on top of the text (on its own layer) and put that layer in the Difference blending mode.
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom