In this quick, but very useful tutorial I will teach you how to create a seamless texture from any stock photo or image. This can be very useful when creating repeatable backgrounds for your websites background, or for your 3D modeling projects.
Lets get started
1. The first thing we want to do is open up our stock photo that we want to turn into a seamless repeatable image. The image that we will be using is one that I took from our Brick Texture Pack and have prepared it for this tutorial: Brick Texture.
2. My image is 800×515. We are going to want to know what half of each of these numbers is for the next step of this tutorial. In my case, I need the numbers 400 and 257. Once you know these numbers, go to Filter>Other>Offset.
3. Once you insert those items into their appropriate fields, your image will look something like the following:
4. Now you will notice there is a ugly crease that we need to get rid of. To do this we need to use our Clone Stamp Tool (S). Set the opacity to 100%, and then clone that crease out by sampling areas around the crease to make it blend together. These are my results after a few minutes of cloning:
5. Depending on the image your using, we could stop there and be finished. But for the image we are using, we need to fix a couple more things that will stand out once our image starts to repeat. The two items in question are the Red brick, and gray brick below.
6. Once it starts to repeat, these two bricks will stand out and distract your eye and we don’t want that. So lets go ahead and begin with the red brick at the top. The easiest thing to do is to use our Sponge Tool (O) to desaturate our red brick a little to make it as faded as the others. Set your Flow to about 30%, and then brush over your brick until you get something that looks like the following:
7. For your gray brick, we want to give it a “yellower” color. To do so use your Clone Stamp Tool (S) with its opacity set to 50%. We want to sample (option+Click) from the following brick to get the desired effect:
8. When you are complete your texture will look like the following:
9. All that is left to do is to set it as a pattern. To do so go to Edit>Define Pattern, and insert the desired name that you want. That’s it! Your done! This will work for any stock photo you find on the web. So if you find a texture you like, but don’t like the fact that it’s not repeatable, now you can do it yourself. Here is an example of the pattern being repeated:
- Twitter Box User Interface Design in Photoshop
- Where to Find the Perfect Logo Inspiration
- Create a Chalkboard Style Wordpress Layout in Photoshop
- PSD to XHTML: Create a Chalkboard Style Wordpress Layout
- Create a Theme Store Website Layout in Photoshop
- Beautiful Music Streaming Website Design in Photoshop
Leave Your Response