Articles, Blog

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

January 17, 2020


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

  • Reply Keenen Jones December 10, 2016 at 10:43 pm

    Amazing!! thank you!!

  • Reply TheMinigamer83 December 15, 2016 at 10:33 pm

    Very useful, thank you so much!

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

    This is so annoying to watch

  • Reply 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!

  • Reply Furrple April 22, 2017 at 3:21 pm

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

  • Reply 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..

  • Reply 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

  • Reply Lennart Busekrus August 11, 2017 at 12:57 pm

    7:51 wich one?

  • Reply 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?

  • Reply dick kickem October 9, 2017 at 8:51 pm

    I'm always on duty

  • Reply *LEO* October 13, 2017 at 11:23 pm

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

  • Reply gNightrow November 9, 2017 at 5:59 pm

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

  • Reply 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

  • Reply Chicken Nuggets January 2, 2018 at 11:35 pm

    Mine looks like gray shit bricks. Good job tough!

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

  • Reply 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

  • Reply Moshiur Rahman May 13, 2018 at 3:31 pm

    Thank You So Much, Sir.

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

    Very professional..Love it!

  • Reply MathCubes July 23, 2018 at 12:01 pm

    How do you make it seamless?

  • Reply S Marsh August 3, 2018 at 6:46 am

    Excellently made, wonderfully helpful 10/10

  • Reply MarkoArtz // MarkoZz August 24, 2018 at 1:15 am

    This video is like a video game lol thx!

  • Reply Harry Blackwood September 4, 2018 at 10:52 am

    Wow this tutorial was amazing! Thanks so much XD

  • Reply PaintyChihuahua December 16, 2018 at 5:40 am

    Definitely could be faster but is really good and works fab

  • Reply Carlos Gonzalez January 13, 2019 at 7:35 pm

    Excellent! I'm excited about the results.

  • Reply Tranchau Nguyen March 9, 2019 at 4:06 am

    This was a really good video thanks!

  • Reply Speaker Hitech March 16, 2019 at 4:57 am

    Bro you amazing!!!!

  • Reply 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

  • Reply Rzyas July 21, 2019 at 2:55 am

    DAMNNNNNN U AMAZINGGGGGGG!!!

  • Reply Tshepiso Tshabalala August 31, 2019 at 10:41 am

    This was fantastic!!! You are a gem!

  • Reply 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 Reply