Make from scratch! The texture of the Brick Wall in Photoshop


Create a brick pattern. From the [File] menu, select [New]. In the [New] dialog, 256 Pixels in [Width:], 256 Pixels in [Height:], input 72 Pixels/Inch in [Resolution:]. Select [RGB Color] and [8 bit] for [Color Mode:]. Click [OK]. From the [Tools] panel, select [Rectangular Marquee Tool]. Drag a half of the document to create a selection. W:256 px / H:128 px From the [Edit] menu, select [Stroke]. In the [Stroke] dialog, input 12 px in [Width]. Select [Center] for [Location]. Click [OK]. Then, with the selected area as the center, a border with a width of 12 px is drawn. From the [Select] menu, apply [Inverse]. After the inverse of selection, apply [Stroke] as in the previous operation. At this time, do not cancel the selection. From the [Filter] menu, select [Other]→[Offset]. In the [Offset] dialog, in the [Undefined Areas] section, select [Wrap Around]. Set 128 pixels right for [Horizontal:]. Click [OK]. Check the horizontal offset. From the [Select] menu, apply [Deselect]. From the [Filter] menu, select [Other]→[Offset]. In the [Offset] dialog, set 64 pixels right for [Horizontal:]. Set 64 pixels down for [Vertical:]. Click [OK]. From the [Edit] menu, select [Define Pattern]. In the [Pattern Name] dialog, enter “Brick_Wall” for [Name:]. Click [OK]. Create a brick pattern is complete. Fill with the brick pattern. Create a new document to create the brick wall texture. From the [File] menu, select [New]. In the [New] dialog, 1280 Pixels in [Width:], 768 Pixels in [Height:], input 72 Pixels/Inch in [Resolution:]. Select [RGB Color] and [8 bit] for [Color Mode:]. Click [OK]. In the [Layers] panel, click [Create new fill or adjustment layer] and select [Solid Color] from the menu. In the [Color Picker] dialog, set [H:32°S:25% B:47%]. Click [OK]. In the [Layers] panel, click the [Color Fill 1] layer mask thumbnail while holding down the [option (Alt)] key. Then the document switches to layer mask mode. From the [Edit] menu, select [Fill]. In the [Fill] dialog, select [Pattern] for [Contents:]. Then, “Brick_Wall” registered in STEP 1 is selected. Click [OK]. “Brick_Wall” has been filled over the entire layer mask. From the [Image] menu, apply [Adjustments]→[Invert]. In the [Layers] panel, click the [Color Fill 1] layer mask thumbnail while holding down the [option (Alt)] key. Fill with the brick pattern is complete. Randomly destroys the joints. In the [Layers] panel, click the [Color Fill 1] layer mask thumbnail while holding down the [option (Alt)] key. Switch to layer mask mode. From the [Filter] menu, select [Filter Gallery]. In the [Filter Gallery] operation panel, select [Brush Strokes] → [Spatter]. In the [Spatter] dialog, Drag the [Spray Radius] slider to find the number that destroys the joints. In the example, 7 is set for [Spray Radius] and 5 is set for [Smoothness]. Click [OK]. From the [Filter] menu, select [Blur] → [Gaussian Blur]. In the [Gaussian Blur] dialog, input 2 Pixels in [Radius:]. Click [OK]. In the [Layers] panel, hide [Color Fill 1]. Select [Background]. Click the [Color Fill 1] layer mask thumbnail while holding down the [command (Ctrl)] key. Then, a selection range of the processed brick pattern is created. From the [Edit] menu, select [Fill]. In the [Fill] dialog, select [50% Gray] for [Contents:]. Click [OK]. Press [command (Ctrl)] + [D] key to cancel the selection. The randomly destroys the joints is complete. Cover the entire by the spotted pattern. From the [Filter] menu, select [Pixelate]→[Mezzotint]. In the [Mezzotint] dialog, select [Grainy Dots] for [Type]. Click [OK]. From the [Edit] menu, select [Fade Mezzotint]. In the [Fade] dialog, input 25 % in [Opacity:]. Select [Multiply] for [Mode:]. Click [OK]. From the [Filter] menu, select [Blur] → [Gaussian Blur]. In the [Gaussian Blur] dialog, input 0.5 Pixels [Radius:]. Click [OK]. From the [Filter] menu, apply [Render] → [Difference Clouds]. Cover the entire by the spotted pattern is complete. Apply the texture of the bricks. From the [Filter] menu, select [Stylize] → [Emboss]. In the [Emboss] dialog, -60° in [Angle:], 3 Pixels in [Height:], input 150 % in [Amount:]. Click [OK]. From the [Edit] menu, select [Fade Emboss]. In the [Fade] dialog, select [Difference] for [Mode:]. Click [OK]. In the [Layers] panel, click [Create new fill or adjustment layer] and select [Levels] from the menu. In the [Properties] panel, input 0 / 1.32 / 223 in [Input level]. Apply the texture of the bricks is complete. Set the base color of the bricks. In the [Layers] panel, click [Create new fill or adjustment layer] and select [Gradient Map] from the menu. In the [Properties] panel, [Click to edit the gradient]. In the [Gradient Editor] dialog, create the following gradient. [Location:0%][H:0°S:0% B:0%] [Location:20%][H:0°S:75% B:50%] [Location:40%][H:15°S:70% B:70%] [Location:60%][H:35°S:50% B:75%] [Location:80%][H:45°S:25% B:75%] [Location:100%][H:0°S:0% B:100%] Click [OK]. Set the base color of the bricks is complete. Create a mask for the joints. In the [Layers] panel, click the [Gradient Map 1] layer mask thumbnail while holding down the [option (Alt)] key. Click the [Color Fill 1] layer mask thumbnail while holding down the [command (Ctrl)] key. Then, a selection range of the processed brick pattern is created. From the [Edit] menu, select [Fill]. In the [Fill] dialog, select [Black] for [Contents:]. Click [OK]. Press [command (Ctrl)] + [D] key to cancel the selection. From the [Tools] panel, Select [Magic Wand Tool]. In the option bar, input 128 in [Tolerance:]. Randomly click the white part of the brick pattern while pressing the [shift] key. The place to create the selection is where you want the dark brick color. From the [Edit] menu, select [Fill]. In the [Fill] dialog, select [50% Gray] for [Contents:], select [Multiply] for [Mode:]. Click [OK]. Press [command (Ctrl)] + [D] key to cancel the selection. In the [Layers] panel, click the [Gradient Map 1] layer mask thumbnail while holding down the [option (Alt)] key. Display and select [Color Fill 1]. select [Overlay] for the blending mode. The old brick wall of drawing from nothing is complete all.

29 Comments

  1. Keenen Jones December 10, 2016 at 10:43 pm

    Amazing!! thank you!!

  2. TheMinigamer83 December 15, 2016 at 10:33 pm

    Very useful, thank you so much!

  3. Dillon.P March 26, 2017 at 1:15 pm

    This is so annoying to watch

  4. HolaFoPaula March 27, 2017 at 2:39 am

    I love how dramatic it is! It feels so peaceful and it makes me laugh! It makes me understand what you're doing so much better! Thank you for bomb tutorials, you've earned a sub!

  5. Furrple April 22, 2017 at 3:21 pm

    can you also put the command to be used in windows? lol

  6. Frente Callao Dignidad Oficial June 14, 2017 at 6:38 pm

    Excellent, magnificent and great!… despite I have Windows 10 I found out how to make de shortcuts, so I've done it almost exactly as you did… only one thing, how do you make on step 3 make the wall black… my wall ends in light blue color..

  7. Callum Orr July 29, 2017 at 2:08 am

    Absolutely Awsome tutorial. thanks so much. little bit fast with the clicks in a couple areas like the colour gradient. But easy enough to jump back. Thanks again

  8. Lennart Busekrus August 11, 2017 at 12:57 pm

    7:51 wich one?

  9. Lee Huijin August 25, 2017 at 2:09 pm

    Hey guys,i having a question here…how to work in layer mask in white working space?i heard he said hold down O key,is it correct?

  10. dick kickem October 9, 2017 at 8:51 pm

    I'm always on duty

  11. *LEO* October 13, 2017 at 11:23 pm

    WHAT IS BUTTON 'option' in windows????

  12. gNightrow November 9, 2017 at 5:59 pm

    what a unique way of presenting a tutorial with sound fx ????

  13. XPumpkins November 30, 2017 at 6:01 am

    the editing is top-notch i never expected this type of video editing, and also the way you create bricks from scratch is very creative indeed

  14. Chicken Nuggets January 2, 2018 at 11:35 pm

    Mine looks like gray shit bricks. Good job tough!

    http://oi65.tinypic.com/9fm7ar.jpg

  15. Epic1 January 22, 2018 at 5:35 am

    good video, wish there was more vids on this channel.

    for some reason, the difference clouds arent as dark for me, I must have missed a step, subbed and liked

  16. Moshiur Rahman May 13, 2018 at 3:31 pm

    Thank You So Much, Sir.

  17. I'm Curious May 17, 2018 at 10:27 am

    Very professional..Love it!

  18. MathCubes July 23, 2018 at 12:01 pm

    How do you make it seamless?

  19. S Marsh August 3, 2018 at 6:46 am

    Excellently made, wonderfully helpful 10/10

  20. MarkoArtz // MarkoZz August 24, 2018 at 1:15 am

    This video is like a video game lol thx!

  21. Harry Blackwood September 4, 2018 at 10:52 am

    Wow this tutorial was amazing! Thanks so much XD

  22. PaintyChihuahua December 16, 2018 at 5:40 am

    Definitely could be faster but is really good and works fab

  23. Carlos Gonzalez January 13, 2019 at 7:35 pm

    Excellent! I'm excited about the results.

  24. Tranchau Nguyen March 9, 2019 at 4:06 am

    This was a really good video thanks!

  25. Speaker Hitech March 16, 2019 at 4:57 am

    Bro you amazing!!!!

  26. Tamanna April 29, 2019 at 7:07 pm

    Can you please tell me what that hashtag sign meant?? I don’t knwo whcih to press

  27. Rzyas July 21, 2019 at 2:55 am

    DAMNNNNNN U AMAZINGGGGGGG!!!

  28. Tshepiso Tshabalala August 31, 2019 at 10:41 am

    This was fantastic!!! You are a gem!

  29. Jake Hartel November 11, 2019 at 6:51 pm

    I've been using PS for years off and on and I've always struggled with conceptualizing the offset tool (a must-have if one wants to gen textures for 3d art) this simple tutorial made it click. TY

Leave a Comment

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