Skip to content

The Oldest Photoshop Trick In The Book

November 25, 2013

Is it really the oldest trick? Probably not– but it’s up there.

You can always be sure of one thing, however: no matter how old a Photoshop trick is, there are always plenty of people who have never seen it.

I’ll call this one, How To Display An Image Thru Text. I had occasion to use it recently, and thought this would be a good time to share it. Let me show you how it works.

I did a humorous poster which involved several lines of text. Here’s the final.

Caution I'm subject to mood swings two-faced woman with smile frown giving both thumbs-up and thumbs-down

As you can see, some of the text is colored. It would be nice if I could add color to text without losing my original text layer. That way, I could experiment freely, and not have
to worry about making a mistake.

Fortunately, this little Photoshop trick gives me an easy way to do that.

Here’s what the original “Mood Swings” text looked like:

original text layer for Caution I'm subject to mood swings two-faced woman with smile frown giving both thumbs-up and thumbs-down

You can warp a Text layer, but your options are very limited. However, if you rasterize the Text layer first (convert it from a vector to a raster, pixel-based image), you can warp it using the much more powerful Edit>Transform>Warp tool.

That’s what I did here. I made a copy of the Text layer, hiding and saving the original. Then I rasterized the copy, and manipulated the text with the Warp tool.

(Note to PS users: I did not achieve the final result with a single application of the Warp tool. I applied the Warp tool several times. My final tweaks involved selecting “Mood” and “Swings,” and warping them separately.)

rasterizing text layer then warping text for Caution I'm subject to mood swings two-faced woman with smile frown giving both thumbs-up and thumbs-down

To color the text:

I created a new layer, and clipped it to my warped text layer. Then I made a rectangular selection on the new layer, which enclosed the warped text. Finally, I filled the selected area using a multi-colored gradient.

A clipped layer will “shine thru” the visible pixels of the layer it’s clipped to. The rest of the clipped layer is masked out.

That’s the trick, and here’s the result:

using clipped layer to allow color gradient to show thru rasterized text layer for Caution I'm subject to mood swings two-faced woman with smile frown giving both thumbs-up and thumbs-down

The easiest way to create a clipped layer is to indicate that’s what you want when you create the new layer.

You do this in the New Layer dialogue box by checking the little box next to the (IMO) very confusing and unhelpful words, “Use Previous Layer to Create Clipping Mask.” What it should say is “Clip This New Layer to the Layer That’s Currently Selected.” Again, just my rowdy opinion.

Photoshop New Layer Window check box to clip new layer to previous layer

What if you forget to check the little box? Do you have to delete your new layer and start over? No.

Just go to the Layers Window and alt-click anywhere on the line dividing the new layer and the previous layer. This will automatically clip the new layer to the layer below it. A clipped layer will always display as indented with an arrow pointing down to the layer it’s clipped to, as shown on the right below:

Photoshop Layers windows demonstrating how can alt-click on line between layers to convert upper layer to clipped layer

I wanted the colored text to swing from happy rainbow colors on the left, to gloomy black on the right.

I did this by adding a second clipped layer, and applying a right-to-left black gradient. I also decided to add an additional burst of rainbow color to the word “Mood” by applying
a circular gradient.

Here’s the result, with the corresponding Layers Window on the right:

using second clipped layer to enhance color effects on first clipped layer for Caution I'm subject to mood swings two-faced woman with smile frown giving both thumbs-up and thumbs-down

Finally, I used this same “old Photoshop trick” to color the word “Caution.” I clipped a new layer to my Caution text layer, made a rectangular selection, and applied a top-down, red-to-black gradient.

Worth noting: I did not warp the word “Caution,” so there was no need to rasterize that Text layer. (You can tell it’s still a Text layer by the capital “T” in the Layers Window below.)

Conclusion: this trick will work with any text– it doesn’t matter whether the Text layer’s been rasterized or not.

used clipped layer to apply red to black gradient to text layer for Caution I'm subject to mood swings two-faced woman with smile frown giving both thumbs-up and thumbs-down

Most of my own Photoshop learning has come from reading several (sometimes, many) tutorials on the same subject. What isn’t clear in one, becomes clear in another.

If you’d like to see another take on the above subject, I highly recommend this tutorial by Steve Patterson.
blank vertical space, 16 pixels high

Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *Ā Ā Ā Ā Ā Ā Ā *blank vertical space, 16 pixels high

Had you seen this trick before?

Did you think a “clipped layer” was the part of your hair the barber already cut??

Hope you’ll leave a comment.blank vertical space, 24 pixels high

If you enjoyed this post, please click the Like button below.

If you’d like to share this post with others, please click Tweet or Facebook or one of the other Share buttons.

I also invite you to get updates. Just click the Get Updates button in the sidebar below the Portfolio Thumbnails, or click + Follow in the blog menu bar.blank vertical space, 24 pixels high

Other Posts You Might Enjoy:BlankVertSpace.8pixels

Sherlock Holmes: The Case Of The Scandalous Soap

Six Little Bullets, Standing In A Row…

Roll Over Botticelli: Venus Gets A Makeover


footer for all future blog posts showing picture of blog author Mark Armstrong, along with short bio and contact information

blank vertical space, 24 pixels highblank vertical space, 40 pixels high

15 Comments leave one →
  1. November 25, 2013 4:03 PM

    Hey! I resemble that poster.

    Like

    • November 27, 2013 8:59 AM

      Ha!! You and me both, Jak. Thanks for the quip and your unflagging support– Happy Thanksgiving! : )

      Like

  2. November 25, 2013 4:51 PM

    Fun working with photoshop, huh?!!!! I can actually hear you making various sounds along with the commands… warp text: whooooosh and then coloring: plinketipinkbertroclerbrits etc If only there was a camera recording! šŸ™‚

    Like

    • November 25, 2013 4:55 PM

      great advice by the way and your indecisive character is brilliant! šŸ™‚

      Like

      • December 3, 2013 8:54 PM

        When it comes to indecision, I wrote the book.

        I mean, I tried to write the book.

        Then I had second thoughts about it, and decided to sit in the closet.

        I’m trying to write the book in here, but it’s dark.

        I should probably get a new light bulb, but I can’t decided which kind.

        Should I rewrite this comment? It’s really quite poor. I hope I don’t hit the Reply button by mis (gzzzzzzzzzkkktttt!)

        Oops… : (

        Thank you, dear Marina!! : )

        Like

    • December 3, 2013 8:47 PM

      What?? You could hear me making those silly sounds?? How embarrassing! Yes, I’m pretty good at it, I must admit. I did a lot of the sound effects for the Star Wars movies. Remember the part where Darth Vader’s underwear falls off and you hear that funny ga-ROOOO-gaaa-whup-whup-ping-ping-kaputtnik-foo-foo-GWWKKRRR? That was my stomach growling. I must say no more… : P

      Plinketipinkbertroclerbrits, you say?? Hmm. I haven’t mastered that one yet. I must sign up for one of your elocution classes, my dear Marina!! : )

      Like

  3. November 25, 2013 9:03 PM

    I always love a good Photoshop lesson, Mark, thanks. I sorta know this one but still can’t do it on my own!! šŸ˜‰

    Like

    • December 3, 2013 9:00 PM

      You’re welcome, Vanessa, glad you enjoyed it. Not sure I can claim to know too many tricks 100% on my own. I’m always googling for advice, or rooting around in the closet or under the bed for some old how-to Photoshop book I bought in a used bookstore somewhere!

      Thanks as ever for your good-humored support! : )

      Like

  4. November 25, 2013 10:03 PM

    Who sez you can’t teach old dogs new tricks — even the oldest trick in the book? Pretty cool, Mark. Happy Thanksgiving to you and yours.

    Like

    • December 3, 2013 9:08 PM

      Thanks, Judy! I’ve learned a few tricks over the years. Only trouble is, I always feel like I’m at the back of the pack! Time to invest in some roller skates, I guess. Oops– I guess that would mean learning another new trick… : (

      Had a nice T-giving, thanks, hope you did, too. Might be headin’ for Rochester for Christmas; if so, I’ll think of you as I roller skate down the NYS Thruway!! : )

      Like

      • December 3, 2013 10:44 PM

        We also had a great Thanksgiving. The whole family got together. (That’s only 8 of us.)

        I often fantasized about Dancing in the Street (Martha and the Vandellas). Roller skating down the Thruway? Now, that’s the bomb! šŸ™‚ Have fun!

        Like

  5. Sara permalink
    November 29, 2013 4:27 PM

    Very informative.

    Like

A penny for your thoughts. I'm on a tight budget here.

This site uses Akismet to reduce spam. Learn how your comment data is processed.