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 “Wordle.net”. 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 “wordle.net”. 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 Comments

  1. Hengki Kurniawanzah December 25, 2018 at 8:12 am

    terima kasih

  2. Musical index © January 4, 2019 at 2:01 pm

    "Thanks you" et continued project nouveaux 👍👍👍

  3. PLUGSBY January 7, 2019 at 8:30 am

    I'm going to try this another simpler way. I'm going to take a photograph and image trace it in AI as a grayscale. This will lessen the nodes and paths. I will create a layer mask then save patterns of text in my swatch library and use them as fill and stroke. Then I will separate my image into thirds and fill them individually. I will use my original photo to manipulate the outside stroke lines to contour to the subjects face. Using the pen tool I will re-path eyebrows, lips, eyes, etc so that they are fillable paths and use my gradient tool to add texture. Bam. Great tutorial.

  4. Kevin Russo January 8, 2019 at 4:00 pm

    This is exactly what I wanted but there is a lot of steps to this. Is there a simpler way?

  5. Patatas Republic January 11, 2019 at 12:35 pm

    What photoshop version srw you using?thanks

  6. Mr. & Mrs. Stoica January 12, 2019 at 5:23 pm

    Had never seen his face in my life but I always loved his tutorials. Thanks Marty for making such a cool tutorial.

  7. Kalash Jain January 14, 2019 at 5:01 pm

    Best tutorials sir. just love to see your vidios

  8. Jose Diaz H January 16, 2019 at 7:40 pm

    Se agradece!

  9. L3TH4L1TY January 17, 2019 at 1:32 pm

    Always wondered if Marty was actually real…

  10. thien tranvuong January 19, 2019 at 2:10 am

    Excellent toturial, thank you so much, i show my result to my friends and they said "So cool!!!!!!!"

  11. James Butler January 19, 2019 at 9:46 pm

    One of the Best Tutorials I've ever watched… Sorry it took so long to find you…

  12. ชาตา นนทสุวรรณ์ January 22, 2019 at 4:19 am

    UDiEKEHE

  13. M Azharul Islam January 24, 2019 at 9:10 am

    wow it's amazing video. thanks for sharing.

  14. Emdadul Haq January 24, 2019 at 7:08 pm

    awesome video it's very helpful for me & for everyone whose are interested to learn Graphic design.

  15. Tuong Nguyen January 26, 2019 at 3:46 pm

    after linear burn, everything became black, can you help me fix this??? Thanks a lot!!!!

  16. YASSER AL NADAF February 2, 2019 at 12:26 am

    Nice

  17. Brandon Assoon February 6, 2019 at 12:53 am

    Where t do you get the displacement file ?

  18. radya adhi pratama February 7, 2019 at 12:51 am

    The best Tutorial, Easy to learn👍
    Im From Indonesia✋

  19. NAA 1212 February 10, 2019 at 10:22 am

    In where we can find displacement file Photoshop? Where we can download it?

  20. Shane Neil Alcain February 12, 2019 at 1:18 am

    One of the best tutorials. Thank you for making this☺😊😇

  21. BLΛСK SИOW February 14, 2019 at 9:53 am

    Thank you, Sir! It's a very useful tutorial!

  22. ZoomBar Go February 14, 2019 at 4:02 pm

    👍👍👍

  23. Jamal Ahmed February 18, 2019 at 7:57 pm

    who else is searching for the same poem he searched..??

  24. Michael Lindsay February 22, 2019 at 7:43 am

    Great Job Marty! Clear instructions. I will be checking out your other videos as well.

  25. Anurag Gupta February 28, 2019 at 5:48 pm

    was the png image of high resolution?

  26. Alex Sauceda March 4, 2019 at 12:48 am

    Oye viejo, yo ni se hablar inglés y te entendí, si eres bueno…

  27. iamharwinderrr March 7, 2019 at 7:09 am

    when i press alt + delete everything become black i can not see my pic it is all black

  28. Al-Imran Nayeem March 13, 2019 at 2:01 am

    wow u made it look so easy 🙂

  29. dean yash March 13, 2019 at 8:42 pm

    All I get is scratch disk is full
    Whatever that means ?? 😞😩

  30. AASHISH KUMAR March 18, 2019 at 5:02 am

    not to much god video

  31. Атабеков Леонид March 21, 2019 at 1:43 pm

    Thank You! Beautiful!!!

  32. yongrui liu March 24, 2019 at 5:37 am

    i like your videos ,very nice like it

  33. Syed Ahmad Ali March 25, 2019 at 12:57 pm

    Sir worldle.net is not working

  34. Hirusha Polkumbura March 28, 2019 at 11:48 pm

    superb i learned a lot. thanks!

  35. UC creations March 30, 2019 at 7:05 pm

    1.75x

  36. ithinkican79 April 3, 2019 at 7:24 pm

    Mine left a slight shadow after I did the RGB thing

  37. eye Candy April 5, 2019 at 2:40 pm

    well did

  38. Pratik Sharma April 10, 2019 at 12:11 pm

    Where to find displacement file

  39. Carlos Henrique April 13, 2019 at 4:57 pm

    Wordle doesn't work in any of my browsers and this other site that you provide is somenthing about education, couldn't find anything about cloud words

  40. Irfani Aziz April 17, 2019 at 10:17 am

    up nc tutorial

  41. Mohammed Hasen April 21, 2019 at 12:23 am

    Very nice

  42. niftay April 22, 2019 at 9:19 am

    where is the displacement psd file found?

  43. Random Fud April 25, 2019 at 10:57 pm

    Love it Marty

  44. Random Fud April 26, 2019 at 6:11 am

    Hey Marty. Could not get wordle to open at all but found this site that works – https://worditout.com/word-cloud/create

  45. Subhradwip Ghosh April 26, 2019 at 8:29 am

    Use CheerPJ extension in chrome to run java applet… So that you can use wordle.net

  46. Sarvesh Bhalerao April 26, 2019 at 5:58 pm

    Awesome tutorial… Will definitely try. Thank you so much for the video

  47. Şükriye May 6, 2019 at 5:32 am

    thank you

  48. #Benito May 9, 2019 at 9:31 am

    I wish all photoshop tutorials are this detailed. Great job!

  49. Sulis Mastech May 10, 2019 at 3:49 am

    Matur sembah nuwun, Thanks you Master..

  50. AssaultOPS May 12, 2019 at 7:41 am

    4:15 haha the poem is there in our syllabus in English subject!

  51. Elias Redux May 23, 2019 at 7:55 am

    Amaziiiiiiiiiiiiiiiiiiiiing

  52. Harshith Kumar May 26, 2019 at 12:41 am

    Is their any other easy way for doing this.. Too hard to remember…..

  53. Kings Editing Club June 10, 2019 at 8:22 am

    Creative work of 2019 … AMAZING WORK 😍

  54. Kissinger Kiss June 13, 2019 at 7:14 pm

    I'm going to surprise my daughter with this piece of art.

  55. ShadowakaBigG June 18, 2019 at 9:25 pm

    this is really cool thanks man.

  56. ALL IN ONE GUY June 20, 2019 at 8:45 am

    \\\\\

  57. LY CHANNEL June 22, 2019 at 8:26 am

    mampir woy semua… i love it

  58. Hasto7 Trisno June 24, 2019 at 4:33 am

    nice…

  59. ShadowakaBigG June 24, 2019 at 9:12 pm

    hey Marty, do you have any suggestions for this when the subject's face comes out too dark so you see the words but barely the eyes and smile?

  60. John June 25, 2019 at 1:48 pm

    that's some amazing shit.

  61. Arun kumar June 27, 2019 at 5:50 am

    I tried many times.. but idk why is it not good as yours.. am using cs6..

  62. Luka Koprivica June 28, 2019 at 6:52 pm

    This is a true master class tutorial! I dare to say – old school style. Astonishing narration! I truly miss this in the sea of halfwit YouTube narrators these days…
    Thanks for reminding me what's normal.
    And, yeah… Great tutorial! Thank you.

  63. [ WTF ] WhatTheFuture July 5, 2019 at 12:14 pm

    5:19

  64. vikas ratudi July 6, 2019 at 2:21 pm

    Awesome tutorial thanks for the tutorial.

  65. Yash Kshirsagar July 9, 2019 at 10:34 am

    Sir you are really the best narrator. I salute your efforts!! Thanks for explaining it slowly by allowing us to do it side by side.Thanks you so much for the tutorial!

  66. Maya Script July 11, 2019 at 6:00 pm

    U r the Grand Father of P.S in this Age.. Superb and excellent video…

  67. Jaime E. Campuzano T. July 12, 2019 at 11:00 pm

    Thank you Marty, you are great!!!!

  68. 이선빈 July 13, 2019 at 12:14 am

    Thank you

  69. Anh Thư Trương Hoàng July 18, 2019 at 3:48 am

    such detailed instructions. Thank you for your dedication Marty!!!!

  70. Cy Jo August 2, 2019 at 2:33 am

    When Baymax learns how to photoshop.

  71. skyline 17 August 5, 2019 at 5:51 pm

    Use» Wordart«, if you don't want to use explorer

  72. Luis de la Rosa August 6, 2019 at 6:28 am

    it's awerome the explanation. thanks so pinche much!

  73. DJ Jacops August 7, 2019 at 1:47 am

    This is how tutorials should be made.

  74. Daniel Omolewa August 7, 2019 at 3:02 pm

    whats the displacement file location

  75. Ahmed Mohmmaed Arbed August 8, 2019 at 2:08 am

    ♥️😘😘😘😘😘😘😘

  76. Muhammad Alvariz August 8, 2019 at 1:29 pm

    Thanks, it so helpful

  77. Jangkar Tekno Digital August 8, 2019 at 2:12 pm

    Nice

  78. Chloe Harrah August 8, 2019 at 6:49 pm

    Love this tutorial! Such a creative way to spread a powerful message. Great inspiration for my social awareness poster for my class @mediaartssbcc.

  79. Siva pandi Vignesh August 10, 2019 at 12:26 am

    Love you bro ❣️👊 exalant

  80. Về sau Đừng August 10, 2019 at 4:28 am

    Great

  81. Ronit Dhorda August 12, 2019 at 1:03 pm

    Ohh Sir I love your Videos ! Best Regards ! and Please Keep it Up and Make some videos on our Trending Graphics Designing ! Love the way you explain !

  82. AJ Thompson August 14, 2019 at 8:17 am

    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.

  83. Omri Shooshan August 14, 2019 at 8:50 am

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

  84. The Owl Channel August 21, 2019 at 7:06 pm

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

  85. michael hollanshed August 26, 2019 at 4:30 pm

    Oh my. How did you figure all of that out Marty? Are you a computer?

  86. michael hollanshed August 27, 2019 at 10:14 pm

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

  87. Raja Interiors September 1, 2019 at 3:26 pm

    Didn't get the expected result😞😞

  88. ONGKI pradana September 2, 2019 at 3:38 pm

    ini orang indonesia?

  89. John Roth September 3, 2019 at 4:50 pm

    awesome!

  90. NikoVanAthand September 9, 2019 at 3:42 pm

    Good for you to explain why you opened explorer. You'd be judged so harshly. haha

  91. Rafsan Jani Hoby September 11, 2019 at 5:50 am

    You are awesome

  92. Luci لوسي September 16, 2019 at 11:13 pm

    👍👍👍

  93. Brym September 27, 2019 at 12:47 pm

    very detailed nice tutorial

  94. 王欢 September 28, 2019 at 3:56 am

    什么情况

  95. Ammar Tarig October 2, 2019 at 4:31 am

    Guys i need another website to crate word cloud

  96. Srivastava October 11, 2019 at 5:38 am

    Thank you

  97. Muhammad Abdulfaqih October 12, 2019 at 12:38 am

    Im froom indonesian 🇮🇩

  98. RIYA October 17, 2019 at 3:16 pm

    thank you sir to share this video…..

  99. MOBILE LEGENDS: IRAQ October 21, 2019 at 6:29 am

    i love you so much 😍

  100. Jessie gibson October 23, 2019 at 3:17 pm

    Good video

Leave a Comment

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