Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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)?

share|improve this question
This is a hard problem rather than a complex one. – joojaa Aug 6 '14 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. – John Manly Aug 6 '14 at 14:54
then tell me..where can I found this type of images(one side designed and seamless)? – new dev Aug 7 '14 at 5:21
I do not understand. What do you mean by "vertical seamless"? – Benteh Aug 7 '14 at 11:22
i mean that i want to use as website background:: my css: backgroung-repeat: repeat-x; – new dev Aug 7 '14 at 11:45
up vote 7 down vote accepted
  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

share|improve this answer
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 '14 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 '14 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 '14 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 '14 at 7:13
o would copy the image on top of itself and offset till you find easiest seam location – joojaa Aug 8 '14 at 7:31

Your Answer


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.