Photoshop Tutorial: How to Create a Powerful Text Portrait from a Photo

Photoshop Tutorial: How to Create a Powerful Text Portrait from a Photo

Hi. This is Marty from Blue Lightning TV. I’m going to show you how to create a powerful
text portrait. This is an update of a tutorial I did quite
awhile ago on an earlier version of Photoshop. This version is more streamlined and efficient. Open a photo you’d like to use for this project. I downloaded this one from Shutterstock. The first step is to remove the background from the subject by making a selection around your subject. There are many ways to do this, but for this
example, I’ll use the Quick Selection Tool. I’ll drag the tool over my subject to make
a selection around it. To remove areas outside the selection, I’ll
press and hold Alt or Option as I drag over those areas. If you’re working on version earlier than CC 2015.5, go to Select and Refine Edge. I did an in-depth tutorial on Refine Edge,
so if you’d like to watch it, I provided its link in my video’s description. If you’re using version CC 2015.5, “Select
and Mask” replaced Refine Edge. Click the button or go to Select and Select and Mask. I also provided a link to my in-depth tutorial on Select and Mask, so I won’t be going over it in detail here. I’ll check “Smart Radius” and click “New Layer”. Then, I’ll click OK. Remove its color by pressing Ctrl or Cmd + Shift + U. We’ll create a new layer below the active layer by Ctrl-clicking or Cmd-clicking the New Layer icon. We’ll fill the empty layer with black, but
first if your foreground and background colors aren’t black and white respectively, press
“D” on your keyboard. Since black is your foreground color, press
Alt or Option + Delete. Next, we’ll crop our document. Open your Crop Tool and click “Width, Height
and Resolution”. Make the Width and the Height 1000 pixels
each and the Resolution: 150 pixels per inch. Drag a corner in or out to size your subject
within the Crop bounding box. To slide it up or down, press the Up or Down
arrow key on your keyboard. To accept it, click the check-mark at the
top or press Enter or Return. To fit it back onto your canvas, press Ctrl
or Cmd + 0. Next, we’ll prepare our subject to use as
a Displacement Map. This will warp out text to wrap it around
the contours of our subject’s entire face. First, make your top layer active. Click the icon at the upper right corner and
click “Duplicate Layer”. Open the document list and click, “New”. Name it, “Displacement” and click OK. Go to Filter, Blur and Gaussian Blur. Blur it 3 pixels and click OK. Go to File and “Save As”. Navigate to your Desktop, save it as a Photoshop
PSD file and click, “Save”. If you see this message, just click OK. We can close the Displacement PSD file, since
we already saved it. Open your Move Tool. We’re ready to add text. You can either type it out on a notepad or
word pad application or find a poem or lyrics that you can ultimately copy and paste. Highlight it, and press Ctrl or Cmd + C to copy it. We’re going to create a word cloud from our text. There are many free websites that do this,
however, the site that I like the best is called “”. Unfortunately, sometimes Chrome and Firefox have had
problems creating word on Wordle, but the good news is that Explorer does open them,
at least for me. I’ll open Explorer and type in “”. Click “Create”. Click inside the text box and press Ctrl or
Cmd + V to paste your text into it. Then, click “Go”. Open “Language”. I’ll tick, “Leave Words as Spelled” and “Remove
common English Words”. Open “Font” and choose an easy-to-read font
from your list. I’ll choose “Steelfish”. Open “Layout”. I’ll use “Straighter Edges” and “Mostly Horizontal”. Open “Color”. Click “WB”, which is white text on a black
background. Then, click “Save as PNG”. Save it to your Desktop and click “Save”. Go to File and “Open”. Access your Desktop, locate your Wordle file,
click it and click “Open”. Open your Channels panel. if you don’t see it, go to Window and Channels. Ctrl-click or Cmd-click the thumbnail of the
RGB channel to make a selection of your text. Open back your Layers panel and press Ctrl
or Cmd + J to cut and copy the text onto its own layer. Drag your text onto your tab of your subject
and without releasing your mouse or pen, drag it down onto your subject and release. To move it, just drag it. Name the layer, “Word Cloud”. Make a copy of it by pressing Ctrl or Cmd + J. Double-click its thumbnail to open the Layer Style window. Click “Drop Shadow”. The Blend Mode is Multiply, the Opacity is
75% and the Angle is 30 degrees. The Distance is 5 pixels, the Spread is 0
and the Size is 5 pixels. Then, click OK. Since we’re going to have many layers of our
text, let’s save space in the Layers panel, by collapsing the Effects. The effects are still there; they’re just hidden. To see them again, just click back on the arrow. Click the eyeball icon next to the original
word cloud layer to temporarily hide it. As I mentioned, we’re going to create multiple
layers of the text that will ultimately cover our subject’s entire face. To resize and position the word cloud, open
your Transform Tool by pressing Ctrl of Cmd + T. Go to a corner and when you see a diagonal. double-arrow, press and hold Alt or Option
+ Shift as you drag it in approximately this much. Drag it to a corner of the face and press
Enter or Return. Make a copy of it and drag the copy to another area. We’re going to flip the copy 90%. To do this, go to a corner and when you see
a curved, double-arrow, press and hold Shift as you rotate it clockwise 90 degrees. It’ll snap in place because we’re holding
Shift as we rotate it. Position it over your subject and press Enter or Return. Continue to make copies of your text and feel
free to resize and position them over your subject. We’re going to create a copy of this entire
block of word clouds and then flip it 90 degrees. First, we’ll place all the word cloud copies into a folder. To do this, scroll to the bottom copy and Shift-click it. Make sure you’re not Shift-clicking the original word cloud. This makes all the copies active. Press Ctrl or Cmd + G to place them into a folder. Make a copy of the folder, open your Transform
Tool and rotate the copy 90 degrees. We’ll convert our text into a Smart Object,
so we can apply a Displacement map to our entire word cloud. To do this, Shift-click the bottom folder
to make it active as well and click the icon at the upper, right corner. Click “Convert to Smart Object”. Make a copy of it and hide the lower Smart
Object word cloud . Name the top layer, “Displacement”. Go to Filter, Distort and Displace. Make the Horizontal and Vertical Scale 10,
“Stretch to Fit” and “Repeat Edge Pixels”. Then, click OK. Click the “Displacement” Photoshop file and click “Open”. Immediately, our text wrapped itself around
the contours of our subject. Collapse the Smart filter and hide the layer. Ctrl-click or Cmd-click the Displacement text
layer to make a selection of its shape. Scroll to your subject’s face and make it active. Click the Layer mask icon to make a layer
mask of the selection next to your subject. Make a composite snapshot of your visible
image by pressing Ctrl + Shift + Alt + E on Windows or Cmd + Shift + Option + G on a Mac. Hide the layer below the composite snapshot
and drag the composite snapshot to the top of the layers panel. Make the Displacement layer visible again
and change the Blend Mode of the composite snapshot to “Linear Burn”. Next, we’ll add subtle text behind our subject. Make the lower Smart Object word cloud visible
and drag it to the top. Scroll down and Ctrl-click or Cmd-click your
subject to make a selection of its shape. Scroll back up and Alt-click or Option-click
the Layer Mask icon to make an inverted layer mask of the selection next to the top word cloud. Click off the chain-link icon to unlink the
layer and the layer mask. Doing this allows us to resize and/or re-position
either of these independently from the other. Make the layer active and reduce its opacity
to between 15 to 20%. Open your Transform Tool, go to a corner and drag it in. This is Marty from Blue Lightning TV. Thanks for watching!

100 thoughts on “Photoshop Tutorial: How to Create a Powerful Text Portrait from a Photo

  1. Neat effect. Thank you for a clear tutorial with a calm considerate pace. I really appreciate your kind teaching style where you obviously are trying to help others understand rather than dazzle with prowess. Excellent. Much appreciated.

  2. amazing!! I'm a programmer but I can't hold myself from loving to create beautiful stuff in photoshop from time to time

  3. Your videos are very helpful really🙏🏼😩 i am very interested in photoshop and i wish to be creative👍🏼 thank you

  4. Had to watch again! You’re so awesome Marty! Make a template that I can Apply to my own photos and word-clouds please😘

  5. Dear concern, i appreciating you tutorial. You explain very easily. But recently i have falled in a problem. I have lost my windows and now i can not download the photoshop cc 2019 free version with crack file. If you can share it with me the cc 2019 link or tell me way ! i will share my email to sent. Please response asap.

  6. I have one problem: If I displace my word cloud, it only got pixeled and glitched. It didnt take the shap of the face to it

  7. When i come up with the select and mask … and after pressing ok the background ends up with nothig… Any solution ?

  8. Woow!! I LOVE the way u presentate it. So clear, not too fast but not too slow either (so perfect), your articulation, your intonation, n u also gives us the close up look screen everytime u are clicking on something n u explain detailly what u r going to do, n over all.. Makes me not boring to listen n to watch your video. Very useful, helpful, knowledgeful. Please keep making lots of another photoshop tricks for us. I wish u always in a good health n condition. Bless u… 😉

  9. This is the best tutorial on the subject I've seen, thank you. (Note: I had to use because not one browser supported Wordle anymore for me.)

  10. Hi
    i have a small problem the cropping action takes for ages in my case although i have enough memory and ram what should i do!!?

  11. Just tried tutorial with photoshop cc 2020 and it worked! Thank you so much. Could I ask one question, my subject is not so easy to see at the end. Is that because I put too many word copies all over the place? Should I start again with less?

  12. best tutorial ever ! not to fast not to slow its absolutely perfect keep it up! i love the accent, how you present it all perfect

  13. Hello I look this. I tried it unsuccessfully. I got all the way to convert smart object layer cant couldn't do it

    I was trying this in photoshop elements is there any way you could show me directly from photoshop elements. The convert tools to smart object and isn't listed in PE. I really want to do my face like this

  14. If Wordle doesn't work for you, I found an alternative that works just the same maybe with a little more control, called Wordart. Throw a dot com on the end to go to the site.

  15. Very nice video. I dont work with PS but i look at your videos, to be make it at an other program too. I know it doesnt work perfectly in other programs but i learn how i make it, than it looks good. Sorry for my bad english but i give my best without an translator 😉
    Have a nice day. Best greetings from the Ore Mountains, Germany.

  16. OMG!!!! I did it!!!! Thank you so much I love you. This is my first time doing something so complex, I am only a beginner, but I appreciate this easy to follow tutorial so much. I will definitely be following you!!!!

  17. Every time I get to the point where I create the composite snapshot, it has very little detail. It has the general shape of a face, but it's impossible to discern features like you can in his. This problem becomes worse when I change the blending option to linear burn. Does anyone have any idea why this is happening? As an extra piece of information, the picture I start with does not seem to make a difference.

  18. I am not able to get wordle to work. The download does not work either. What is the best alternative to get a close 1:1 to the example?

  19. Dude you are master of teaching even the person who is not even aware or know yo phtotshop can learn this
    Great i make me sub you

  20. The fruit of patience. where have you been sir? thank you very much for this tutorial. Never seen such an art of explaining things.

Leave a Reply

Your email address will not be published. Required fields are marked *