Creating existing pattern or tile for certain size

[morinaga775]

hi,

My problem is following : I need to make a seamless pattern of an existing shutterstock pattern in size of 1024*1024px. Let's say the original pattern is simple, geometric and it's 1302*1180. The size is just an example, because the sizes vary in shutterstock. So my question is how to edit the pattern that it is loopable in its new demanded size, 1024*1024? I can't force it to fit to that size by changing its dimensions without ruining its visual look.

here is the example of some pattern if that helps:

Vector Seamless Pattern Modern Stylish Texture Stock Vector (Royalty Free) 229391689 - Shutterstock

Thank you!

[rcraighead]

"Demanded Size"? Is this something new in AI?

If the pattern is already done and cropped to repeat I would just drag it into the "Swatch" panel. It should become a pattern automatically.

If it needs to be cropped you may need to add a non-stroke/fill rectangle behind it before dragging to Swatch Panel.

[morinaga775]

Hi,

ah, do you mean if I add that to swatch panel and then make a square with 1024*1024 px size and set the fill for it from the swatch panel? Is it really that easy - that I could save it as 1024*1024px size and it's seamless from every side?

or what do you mean by adding non-stroke/fill rectangle behind the pattern before dragging it to swatch? How do I make sure it's seamless? Could you please clarify this method, thank you.

[rcraighead]

I am confuse by this line:

pattern that it is loopable in its new demanded size, 1024*1024?

Is AI requiring 1024x1024?

As for my method, any artwork can be converted to a pattern in AI by dragging it into the swatch panel. It becomes a "Pattern Swatch" automatically, using the artwork as-is. Adding a no-stroke/no-fill rectangle to the back of the artwork, before dragging it into the Swatch Panel will force the pattern to crop at the rectangle boundary. Otherwise it will use the original artwork boundary.

As for the 1024x1024 limitation, I don't see why you have to force your artwork to fit that dimension.

[Ton Frederiks]

You mean you want your pattern Tile to be 1024 X 1024?

Your example seems to have a square repeating pattern tile.

It should not be too difficult to scale that to 1024.

Make sure your units are set to points or pixels.

Drag your pattern from the Swatches panel to the artboard.

In the Layers panel check the path at the bottom of the group you used created by dragging the the patten swatch.

Select that path, it should have no fill and stroke, and look at the dimensions, if it is a square you can scale that rectangle together with the rest of the group to 1024.

Now you have a 1024 tile, you can drag it back to the Swatches or create an Artboard of the same size.

[morinaga775]

hi, I need to edit those ready-made patterns in order to fit them in new seamless pattern tile size which happens to be 1024*1024px for a game purposes.

in photoshop you're able to use pattern overlay from layer properties and thus to use pattern scale to make it repetitive pattern. I guess you could be able to do the same thing in illustrator?

if some patterns are close to square size then I will force scale it to its desired size. So no-one could see little tweaks in the pattern. But when some pattern is 1:2, then I can't force fit it without ruining the style badly.

[morinaga775]

Hi,

yeah I mean pattern tile. And that pattern is just an example of the visual look - there are many and their sizes vary from almost 1:1 to 1:2 etc. Ijust want to know how do I do make it seamless tile with new size that the new pattern could be used in computer graphics stuff as loopable tile? That's why I need a certain size.

I will try your suggestion in order to understand what do you mean. I will let you know did it work. Thanks.

[Jacob Bugge]

morinaga,

I can't force it to fit to that size by changing its dimensions without ruining its visual look.

Indeed: it is impossible to change something from rectangular to square without changing/wrecking the proportions.

If the rectangular tile (only) repeats itself at different widths and heights, it is impossible to make it square, as that would require its repeating itself at identical width/heights.

But presuming vector artwork, what is wrong in uniformly scaling the size so that either width or height becomes 1024 (you may create a new swatch with the desired dimensions) and then let it repeat itself at its own will?

[rcraighead]

Another thing to realize: Often, stock patterns include multiple copies of the pattern within the pattern artwork (which is the case in your sample). You can use a portion of the pattern and get the identical results of using the entire pattern artwork. This may work for the patterns of different sizes you refer to.