Any idea how make this image vertical seamless..I tried lot in ps..but no result..

enter image description here

or..tell me..where can I found this type of images(one side designed and seamless)?

  • 1
    This is a hard problem rather than a complex one.
    – joojaa
    Aug 6, 2014 at 14:08
  • Outside of just flipping another copy of it vertically (which would look bad, in my opinion), I'm not sure there is a simple answer. If it's even possible, it's going to take a lot of manipulation. You would be much better off finding one already intended for seamless use.
    – Manly
    Aug 6, 2014 at 14:54
  • then tell me..where can I found this type of images(one side designed and seamless)?
    – new dev
    Aug 7, 2014 at 5:21
  • I do not understand. What do you mean by "vertical seamless"?
    – benteh
    Aug 7, 2014 at 11:22
  • i mean that i want to use as website background:: my css: backgroung-repeat: repeat-x;
    – new dev
    Aug 7, 2014 at 11:45

1 Answer 1

  1. Open image in Photoshop
  2. Go to Filters > Other > Offset
  3. Adjust vertical offset so that the image seam is in the middle of the image
  4. Use the liquify tool to seamlessly connect the ribbons together
  5. Fail miserably
  6. Consider trimming all excess whitespace, and use background-size: contain instead

More info on the background-size property

  • At point 4 I suggest the shear tool. You'll find it under 'help' > Type 'shear'. Use it for the upper and lower half separately.
    – allcaps
    Aug 7, 2014 at 21:28
  • Alternative for point 6: Go to the market and by some ribbons; Point 7: Take a photo of ribbons that have repetition; Start at 1.
    – allcaps
    Aug 7, 2014 at 21:31
  • great help..any free source for this type of image(one side designed)ribbon or floral flower etc..
    – new dev
    Aug 8, 2014 at 5:06
  • You could use the image you gave as example if you wanted to. background-size: contain makes sure your background image fits your element without stretching it. You can still position it to the left or right. Cut all excess white pixels (which will improve loading times) and place your ribbons anywhere you want using the background-position property.
    – Tom
    Aug 8, 2014 at 7:13
  • o would copy the image on top of itself and offset till you find easiest seam location
    – joojaa
    Aug 8, 2014 at 7:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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