How to edit existing pattern to make it fit in a new pattern size?

[morinaga775]

Hi,

I have some pattern from shutterstock and I need to make it as seamless pattern to 1024*1024px size. The sizes vary a lot in shutterstock so all of them are not using the same aspect ratio which means I need edit it a bit to make it loopable, seamless tile/pattern for that size. But how do I do that without ruining the pattern and it's still seamless from every sides?

Here is an example of some pattern: Abstract Geometric Pattern Lines Rhombuses Seamless Stock Vector (Royalty Free) 573952828 - Shutters...

Thank you!

[JJMack]

If the patterns you have fill an area seamlessly you may  be able to scale them some where you just loose  a little bit of image quality.  However you can not change a seamless pattern Aspect Ratio and retain its seamless fill property.  A pattern does not need to be square to fill a  1:1 area like 1024x1024. To fill it perfectly the aspect ratio sides need be an even multiple of the other.

[Semaphoric]

Are these patterns vector?

[morinaga775]

Hi, some are not. I am now editing bitmap images in order to make pattern tile for 1024*1024px size with seamless feature. I need to make pattern for a game and that's why I need that size.

[Nancy OShea]

If this is for the web, are you planning to repeat the background image to fill available viewport?  Or are you trying to make an exact sized image with a pattern fill?   I ask because the end result will determine which method you should use.  

[davescm]

Hi

When checking your image for tiling use the Offset filter  (Filter >Other>Offset) and set the offset to half the width and half the height (so 512 and 512 for a 1024 x1024 image). The edges will now be in the middle and will quickly show any tiling issues.

You can apply the same offset again to restore the image to the previous position.

Dave

[Semaphoric]

If these are patterns in Photoshop, check the size of the pattern in Edit > Presets > Preset manager, by hovering your mouse over the pattern in question. Open a new doc with those dimensions, and fill it with the pattern; it will hold only one iteration of the pattern. Or, if the pattern is a .JPG of .PNG, just open the file.

Then, size the doc to 1024 × 1024 via Image > Image Size, and Edit > Define Pattern.

[Trevor.Dennis]

Plus 1 for Nancy's suggestion of using Layer Styles.  Non-destructive and scalable.

Lots of good info in this thread from lots of people.  Good stuff.

[Nancy OShea]

Apply pattern  as a Layer Style by double clicking the layer in your Layers Panel. 

In the Layer Styles panel, select Patten Overlay and adjust the Scale slider to fit.  Hi OK.  See screenshot.

Go back to your image.  Use Crop tool to tidy things up if needed.  Hit Enter.

[morinaga775]

Hi, thank you dor your answer with screenshots! I will try your example tomorrow. I will let you know how did it work! ^^ it looks kinda easy and I hope I could edit easily ready-made patterns to fit it in new and seamless pattern size.

thank you!

[JJMack]

Pattern fills can be scaled some using adobe supplied scripts.