Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I need the following image turned into a pattern that would repeat in the y-axis only. How can I make it repeat smoothly (so it actually looks like it's a pattern)?

http://i.imgur.com/HwDHaeJ.jpg

Thanks!

share|improve this question
    
How far are you willing to stray from the source image? –  JohnB Feb 16 '13 at 4:23
add comment

1 Answer

up vote 5 down vote accepted

The idea behind creating tiled patterns is to make sure that the edges match up with each other.

Generally, it's easier to blend things that have similar texture, color, and contrast.

  1. Crop the section of the texture that you want to use for the pattern.

    Crop the image

    Working with the top half of the image, since the top and bottom edges have similar composition.

  2. Duplicate the cropped layer, we will need this later.

  3. Apply a vertical offset on the image. Filter > Other > Offset....

    3a. Make the offset equal to 50% of the image height. This will give you room to blend the image.

    3b. Also make sure to select Wrap Around under the Undefined Areas section.

    Set a vertical offset

    We only need a vertical offset to the image since we only want to repeat this image on the y-axis.

    Offset result:

    Offset result

  4. Move the duplicate layer on top of the offset image. We are going to make something to cover that offset seam.

    This is how my layer turned out using the Eraser tool with a Soft Round brush preset:

    Blend the seam

    And this is what it looks like over the offset image:

    Final image

  5. Here's a jsfiddle to show what the image looks when it's set as a background-image.

share|improve this answer
    
Greatest answer I could've imagined. Exactly what I wanted. –  ShadyPotato Feb 16 '13 at 16:39
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.