Taking a texture photograph of a brick wall and making it seamless in an editor such as Adobe Photoshop or Gimp can be performed fairly quickly with a few methods and tricks. In this example, I will use Gimp just because I've been using it more and more lately and have been becoming a fan of it. The steps in Photoshop are pretty much the same since nothing here is too complicated. The first thing we'll do is browse around and find a stock photo of a brick wall to use. Next, either using the rectangular region or free select tool, pick a nice portion of the texture we want to use. Make your selection end along the mortar joints in the brick and select a region that has as much even coloring and lighting as possible. It may take a little bit to develop an 'eye' for variations in the texture that will cause the 'quilting effect' where they easily pop out at you when tiled. The image below shows the region of the original image we'll use:
Selecting the Portion of the Stock Photo we Want to Make Seamless
Now copy and paste your selected region as a new image to work with. If your selection wasn't rectangular to begin with, this is a good time to use the perspective tool to straighten your brick up so it is nice and square and crop the edges of the image. Here is our brick ready to be made into seamless tiles:
Brick Texture We Now Want to Make Seamless
The next step is a very common one in the world of making seamless textures and shows up in many guides and how-to's across the internet. You will now take your brick layer and offest it in X and Y by exactly half of the image's dimensions. Gimp and Photoshop have the ability to automatically determine these values for you with a button click. Go to Layer, Transform, Offset to bring up the Layer Offset Dialog:
Gimp's Layer Offset Dialog
Click the Offset by x/2, y/2 button, make sure Wrap around is selected, and click Offset. You now have an image that has been wrapped around itself vertically and horizontally so that its edges now meet in the center of the image. From here on out, we can be assured that the edges of the image will tile seamlessly and we now need to focus on fixing the seams across the middle of the image. Depending on how well you selected the brick region to begin with, the horizontal seam may not be too bad and may just need some quick blurring or clone tool in the mortar. The vertical seem typically joins two separate bricks together and will need a little more work. Here is our offset image:
Our Layer Offset, Ready to Have its Seam Fixed Up
From here, I typically start at the top and work my way to the bottom of the image, cleaning up the seam at each brick. The seams in mortar are quite easy, just some blurring and/or clone tooling. Maybe some patching here and there:
Fixing Up Some Mortar Seams
Now, when we hit a brick that has a seam down the middle of it, we can do a few things depending on how bad it looks. If the top and bottom and mortar still line up, some blurring and cloning should do the trick. When things don't line up so well, my favorite trick is to copy the larger portion of the brick with some of the mortar in the selection:
Copy The Larger Portion of the Brick
Then paste the selection you just copied and horizontally mirror it:
Horizontally Mirrored Section of Brick
Now, just move your section over the smaller part of the brick with the ugly seam and paste it so it lines up with itself. Since you are using the same brick, the edges should line up pretty nicely and now more of the seam should be in the mortar, which is much easier to touch up then brick edges. The seam inside the brick can now be touched up:
New Brick Selection Covering the Older Ugly Seam
Using the horizontally mirroring method, you can quickly move down the image brick by brick, fixing them up. Once done, view your entire image and touch up anything else you see:
Image With Brick Seams Touched Up
Both Gimp and Photoshop have easy ways to tile your new seamless texture to make sure it looks good tiled. Let's take a look at how well it tiles:
Our New Seamless Brick Texture Tiled!
Looks pretty good! Some of the different colored bricks or mortar with variations may pop out to your eye and show the 'quilting effect' but we can always fine tune those out as well.
#1Submitted by Asimov (Thomas Williams) on Sun, 08/01/2010 - 21:49.
I remember when photoshop used to have a second program installed called imageready. This used to make tiles automatically by feathering the edges of any picture you put in. Unfortunately they removed imageready from photoshop grrrrrr. I have it installed on another computer and use that to do my tiling when I need it.
Nice site BTW.
#2Submitted by Bill S on Mon, 08/02/2010 - 10:13.
Yes, you are correct that Adobe Photoshop has the ability to automatically make an image tileable. Gimp also has the filter that comes with it under mapping, it's called 'Make Seamless'. They do work well often but many times the automatic tools can blend parts of the image that you don't want to happen, such as softening bricks or wood planks, etc. Good point though, I think I will start looking into their capabilities again and write about some nice automatic tiling.
Posted: Sunday, April 20 2014
Posted: Sunday, March 23 2014
Posted: Friday, February 21 2014
Posted: Tuesday, February 11 2014
Posted: Monday, March 26 2012
Posted: Tuesday, January 18 2011
Posted: Thursday, December 23 2010
Posted: Monday, December 20 2010
Posted: Monday, December 20 2010
Posted: Sunday, November 21 2010
Posted: Saturday, February 25 2017
Posted: Saturday, December 10 2016
Posted: Monday, July 25 2016
Posted: Sunday, March 20 2016
Posted: Sunday, February 21 2016
Posted: Sunday, March 29 2015
Posted: Sunday, December 21 2014
Posted: Monday, October 27 2014
Posted: Sunday, March 16 2014
Posted: Friday, March 07 2014
Share texturemate.com With Others!
Every resource provided on texturemate is considered completely royalty free! The stock textures, texture packs, brush packs, and any other resources available for download on this site are completely free and may be used in commercial or non-commercial applications. Credit to texturemate for use of available textures or brushes is appreciated, but not required. These textures may be used in 3D modeling software packages where their appearance is altered, such as Blender, 3DS Max, Solidworks, CAD, or Second Life. They may also be used in scrapbooking applications. The only exception is that they cannot be redistributed commercially in their unedited form. These textures cannot be re-packaged and resold without significant modifications to their appearance. Brush packs may be used to create unique images in Gimp or Adobe Photoshop, but they cannot be redistributed without being significantly edited. Any resource on texturemate may be linked to when sharing information or resources to others.