Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

njmitchel0

macrumors member
Original poster
May 21, 2008
84
2
im trying to take this texture/picture....
28u5kz5.jpg



and place it into the red/"actual brick" are of this one
2dijb6p.jpg


so the effect is to have "wood grain bricks"

Any help appreciated, Thanks
 
Photoshop, GIMP or Pixelmator layers then muck around with the opacity of the layers... Or am I missing part of the question :confused:
 
To do this you would just make clipping masks for which ever bricks you want to have the wood grain.

Say if you wanted all the bricks to have the grain, the easiest way would to use Photoshop, duplicate the image, make it black and white (where the black is the bricks) and then put the wood layer on top of the black and white version. A little option + click to create the clipping mask and viola! :D

Of course on the actual clipping mask you would need to then mask out the white of the cement to get the actual color of white/gray from the original picture. But that's easy... :p

Have fun!
 
Typing a tutorial would be more work... I made an example for you:

2dijb6pkopie.jpg


Short Photoshop tutorial to do it in 5 minutes:

- Duplicate the brick layer on top of the original

- Duplicated layer: I made the red bricks black and the cement white (via contrast, levels and Hue saturation etc) and painted the white noise inside the bricks black.

- Paste the wood on top of the two bricks layers in a new layer

- Select all and copy the duplicated black and white brick layer

- Activate the Quickmask and paste

- Deactivate Quickmask

- Delete the sellection out of the wood layer

- Delete the black&white brick layer

- Desaturate the original brick layer (to remove the last red brick colors)

I made it more realistic by putting a drop shadow effect (layer effect) on the wood layer after cutting out the brick pattern.

That's it!

Good luck!
 
Last edited:
Typing a tutorial would be more work... I made an example for you:

Image

Short Photoshop tutorial to do it in 5 minutes:

- Duplicate the brick layer on top of the original

- Duplicated layer: I made the red bricks black and the cement white (via contrast, levels and Hue saturation etc) and painted the white noise inside the bricks black.

- Paste the wood on top of the two bricks layers in a new layer

- Select all and copy the duplicated black and white brick layer

- Activate the Quickmask and paste

- Deactivate Quickmask

- Delete the sellection out of the wood layer

- Delete the black&white brick layer

- Desaturate the original brick layer (to remove the last red brick colors)

I made it more realistic by putting a drop shadow effect (layer effect) on the wood layer after cutting out the brick pattern.

That's it!

Good luck!
Hmmm. Now to make them tileable. ;)

:D
 
Typing a tutorial would be more work... I made an example for you:

Image

Short Photoshop tutorial to do it in 5 minutes:

- Duplicate the brick layer on top of the original

- Duplicated layer: I made the red bricks black and the cement white (via contrast, levels and Hue saturation etc) and painted the white noise inside the bricks black.

- Paste the wood on top of the two bricks layers in a new layer

- Select all and copy the duplicated black and white brick layer

- Activate the Quickmask and paste

- Deactivate Quickmask

- Delete the sellection out of the wood layer

- Delete the black&white brick layer

- Desaturate the original brick layer (to remove the last red brick colors)

I made it more realistic by putting a drop shadow effect (layer effect) on the wood layer after cutting out the brick pattern.

That's it!

Good luck!

Beat me right to it. Good tut though, only if OP had a tileable brick pic.
 
@JPLC, Figured it out, much appreciation again, working on that pattern tutorial now, lol
 
Good luck, it's not that hard... ;)

This is what I've made:

Pattern tile (Quick example):
pattern2ns.jpg


Result:
patterntz.jpg


You can use the first image as a pattern if you like. :)
 
Last edited:
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.