Photoshop Tutorial: How to Transform a Photo into a Brick Wall Portrait

Photoshop Tutorial: How to Transform a Photo into a Brick Wall Portrait

Hi. This is Marty from Blue Lightning TV. I’m going to show you how to paint a portrait onto a brick wall from a photo. I downloaded this brick wall texture from which allows you to download unlimited
images, icons, backgrounds and much more. for seven days. I included a link in the description that’ll give you a huge discount on a yearly membership. You should check it out. We want our portrait to wrap around the contours of the brick wall, so we’ll make the brick wall into a displacement map. The first step is to duplicate the brick wall as a separate document by clicking the icon at the upper right
corner of the Layers panel and clicking “Duplicate Layer”. Click “New” and type in “Displacement”. Then click OK. Since displacement maps work best when they’re slightly blurred, go to Filter, Blur and Gaussian Blur. I’ll blur it 3 pixels and click OK. Remove all its color by pressing Ctrl or Cmd + Shift + U. It’s important that your image should have enough contrast, since displacement maps are based on its tonal values. To adjust its contrast, open your Levels window by pressing Ctrl or Cmd + L. Drag the Input white slider near where the histogram starts and do the same with the input black slider. Then, click OK. We’ll save it by going to File and “Save As”. Save it to your desktop as a Photoshop PSD file and click “Save”. Let’s close the displacement document,
since we already saved it to our desktop. Open a photo of someone that you would like to make into a portrait. I downloaded this one from We need to make a selection around the
person in order to cut it out from the background. There are many ways to make selections
and the method should depend on the characteristics of your photo. In this case, I’ll use the Quick Selection Tool. Its size should depend on the resolution of your photo and the size of your subject. If you’re using this tool as well, Drag your cursor over the subject to select it. To remove areas of the selection, press and hold Alt or Option, as you drag over those areas. To make sure you’ve selected all of it, press “Q” to see the selection as a quick mask. Then, press “Q” again to revert it back into a selection. Press Ctrl or Cmd +J to cut and
copy your subject to its own layer. To place your subject onto the brick wall, press “v” to open your Move Tool and drag your subject onto the tab of the wall. Without releasing your computer mouse or pen, drag it down onto the wall and release. To resize it, open your Transform Tool by pressing Ctrl or Cmd +T. To see the Transform’s entire bounding box, press Ctrl or Cmd +0. Go to a corner and when you see a diagonal, double-arrow, press and hold Alt or Option +Shift as you drag in, then press Enter or Return. To fit your document back onto your canvas, press Ctlr or Cmd +0. Before we add effects to your subject,
let’s protect it by converting it into a Smart Object. Click the icon at the upper right of the Layers panel and click “Convert to Smart Object”. Smart Objects also allow us to modify or even change the effects at any point. Double-click on an empty area of the layer to open its Layer Style window. Click “Stroke”. Change the size to 2 pixels and the Position is “Outside”. Then, click OK. If you notice black spots anywhere around your subject, I’ll show you how to get rid of them in a minute. First, go to Filter and Filter Gallery. Open the Artistic folder and click “Fresco”. I’ll make the brush size: 1, the brush detail: 10 and the Texture: 1, however, feel free to
experiment with the settings. Alternately, you can also try “Poster Edges”, which is another effective filter to use for the portrait. To get rid of any unwanted spots, click the layer mask icon, which makes a layer mask next to the active layer. Open your Eraser Tool. To make the eraser larger or smaller, press the right or left bracket key on your keyboard. Then, brush over the spots. Convert the layer into a smart object again and change the Blend Mode to “Overlay”. Reduce its opacity to 80%. You can choose to leave the perspective of your image as it is or angle it. If you want. to angle it, we need to resize and reposition the
portrait to make it ultimately fit correctly onto the angle brick wall. To do this,
open your Transform Tool, go to the top right corner of the
Transform and press and hold “Shift” as you drag it in approximately this much. Then, go inside the Transform and press
and hold Shift again as you slide the portrait to the left. Then, press Enter or Return. We’re ready to displace the portrait, so
it’ll wrap around the contours of the brick wall. Go to Filter, Distort and Displace. Make the horizontal and vertical scales:
5, “Stretch to Fit” and “Repeat Edge Pixels”. Then, click OK. Click “Desktop”, the “Displacement” PSD file and Open. Your portrait has now conformed to the
contours your brick wall. We’re going to make the portrait pop more by pressing Ctrl or Cmd + J to copy the portrait layer and changing the blend mode to “Soft Light”. Next, we’ll angle our entire image. Make a composite snapshot by pressing Ctrl +Shift + Alt +E on Windows or Cmd + Shift + Option + E on a Mac. Zoom out of your document by pressing Ctrl or Cmd and the minus key on your keyboard, twice. Go to “Edit”, “Transform” and “Perspective”. Go to the bottom, left corner and drag it down. If you want your image to angle the other way, undo the last step and drag down the right corner. Then, press Enter or Return. Fit it back onto your canvas. To give the image more depth, we’ll make the wall darker as it recedes in the distance. Click the New Layer icon to make a new layer. Open you Gradient Tool and make sure the Linear gradient icon is active. Click the gradient bar to open a Gradient Editor. Click the “black white” pre-set. Click the lower, left stop and the color box. In the hexadecimal field, type in 80, three times to pick up 50% gray. Then, click OK on both windows. Go to the side of your document where the wall recedes and press and hold Shift as you drag a line to the middle. Then, release your cursor. Change the Blend Mode to Linear Burn and reduce its opacity to 40%. This is Marty from Blue Lightning TV. Thanks for watching!

Comments (100)

  1. Impotent Tutorial , . I like this,, Thanks a lot…….. for nice video

  2. You are awesome man

  3. This is a hack of a tutorial. A picture from a pro. Thank you so much. This is combinable, even for beginners like me. Keep it up.

  4. thanks a lot. You are really a brilliant teacher. There are so many steps that i must see again your tut (almost twice and very slowly).

  5. gr8 video! amazing !!

  6. Magnificence and creativity

  7. Your are the great one where are you from mean your country name

  8. You are the best one in the world known Photoshop

  9. hello Marty,, the link that you provided about the image of the brick is different from the one that you're using… thank you

  10. muito bom, obrigado


  12. Amazing! thanks a lot

  13. software version

  14. Great video! very helpful! Is there a way for the image to not lose its colour? I tried it and my images turn orange because the wall is orange. any way of keeping them the same colour or as close to their original colour as possible?

  15. i like it. you are a great teacher

  16. This is so cool!

  17. thank you so much sir. Learned a lot from you..

  18. Thank You For useful tutorial

  19. marty.. i think the brick wall link is different from your tutorial

  20. You rock it men!

  21. u r video so cool 😘

  22. what is the displacement for? btw… thanks for the video.! 🙂 🙂 🙂

  23. Great…Thank you so much

  24. Excellent tutorial thank you (y)

  25. Excellent. Very Very Professional.

  26. Thanks for explaining the effort

  27. thankyou thankyou very so much

  28. Very good art bro

  29. nice tutorial thank you vaiya

  30. why it's necessary the brick wall convert to desaturate and what's the benefit to do distort to displace…?
    please give me a answer.

  31. This video is too much helpful .. to mee .. thank you blue lightning tv

  32. Mind blowing technique. I r legend sir expert in Photoshop experienced graphic designer but I think I will have to watch this video many times to learn this technique although I learned pencil sketch technique by watching ur previous videos that was easy thanks

  33. incrivel este video

  34. thank you so much


  36. This is an awesome tutorial! I am a huge fan!

  37. thank you so much for this learning

  38. The best tutorial maker .I m  your fan.keep it up

  39. wow perfect tutorial

  40. Marty, this was (as ever) IMMENSELY helpful. Thank you for donating your time, experience, and skill for the benefit of all.

  41. Good lesson thank you professional y tought

  42. Sir ur too good i learn alot thx 4 ur tutorial

  43. obviously something that will be needed often

  44. Such an awesome tutorial!!!

  45. Nice explanation.. Sir love it.

  46. I just love your videos Marty, you make everything so easy for us

  47. Very good narration marty

  48. Sir what is your Instagram Id name I have to tag in a edited photo

  49. Thank you Marty for yet another fantastic video. You make everything so easy to follow and it’s beyond me why anyone would choose to press “👎🏻”

  50. Sir.. You're the BEST tutor I ever saw in my life

  51. I can't get it write by 7:00 I wonder y… I'm using Windows

  52. Sir , you are the best teacher
    thank you so much

  53. Can you send me tha same wall brick you use?

  54. Briliant. Thanks

  55. i think moto moto like you

  56. Vey well teached

  57. Thanks for your nice tutorial. But I am using photoshop cs6. Do I have to use it in the cs6?

  58. Thank you. I like your teaching style. No excess just to the point speech.

  59. what a guidness!

  60. Excellent tutorials. I found THE photoshop tutorial channel 🙂

  61. Wow… you’re amazing…. can you be my dad

  62. ur amazing man love u

  63. Like the way u teach us :))

  64. Wow!!!! That's amazing. I want to know about the transformation of photo into a brick wall. But I never find a tutor like you. You explain the details. Now, I understood it very well. And so I give you a big thumbs.

    I subscribed your channel and want to show your every lesson and therefore I click the bell icon.

    Thanks a lot. 👍👍👍👍👍

  65. Excellent 👌👌👌

  66. many thanks martin

  67. Fantastic step by step processing, with wording. A great teacher. Thank you.

  68. thank you for the effort and time you put into this video..i am now learning photoshop because i want to create my own graphics for my business..
    this really helped alot..
    just know your video is still making an impact..

Comment here