Skip to main content
Inspiring
August 27, 2020
Answered

About Using Seemless Patterns

  • August 27, 2020
  • 3 replies
  • 1561 views

I have an EPS file from a designer that is a seemless pattern.I would like to know how to make a skirt with this pattern. Do I make the pattern into a "pattern swatch" to be able to use it across the whole dimensions of the new artboard for the skirt? I don't want to tile it, just use the entire pattern across the entire artboard for the skirt. Please let me know the best tutorial for this or YouTube video. Thanks in advance!

This topic has been closed for replies.
Correct answer barbara_a7746676

I adjusted to the -.5, but unfortunately, those lines are real. I tried a test by exporting it to Photoshop as a jpg, and the lines appear there, too. Therefore, they would probably show up on the finished product. The screenshot I have here is from Photoshop. Maybe there is a way to do this outside of the swatch? Like with another tool or something?




I like to start with a pattern that has numbers with even dimensions, no decimal points. You can resize it if necessary in a number of different ways. The Transform panel is one way. The height and width don't need to be the same dimension, but the tile does need to be a rectangle.

Click on the artboard with the Rectangle tool to bring up the Rectangle dialog box and type in the exact dimensions of the pattern tile.

The rectangle should have no fill and no stroke.

Select both the rectangle and the pattern tile and use the Align icons to align them horizontally and vertically.

Since the rectangle was the last object drawn on the artboard, it will be on top of the pattern tile. Select just the rectangle. You will need to click on the edge, not the center, of the rectangle. You can tell if the rectangle is selected because the fill and stroke icons will indicate no fill no stroke.

With the rectangle selected, choose Object > Arrange > Send to Back.

Select both the rectangle and the pattern tile. Be careful not to move them while selecting.

Drag them into the Swatches panel.

Now the pattern should tile without gaps.

 

 

3 replies

Jacob Bugge
Community Expert
Community Expert
August 28, 2020

Stella,

 

In the only screenshot with Transform values, the Y value is a decimal number instead of an integer.

 

Also, the proportions of W to H are slightly different and a bit funny, which might point at some rounding; there is also a screenshot which says 300 PPI.

 

What happens if you make sure that both the X value and the Y value are integer for one of the corner Reference Points?

 

And/or if you place the pattern at 72 PPI, or at 144 PPI or at 288 PPI (close to the 300) and work with that?

 

Or said in another way, I am afraid there may be at least one unfortunate rounding, creating pixel fractions.

 

Jacob Bugge
Community Expert
Community Expert
August 27, 2020

Stella,

 

Based on a different interpretation, will you get what you wish if you:

 

1) Simply create a rectangle that has the same proportions (W to H ratio) as the pattern and is at least as large as the Artboard in both directions (it can be larger in either or both);

2a) If you wish just one instance of the pattern, (presuming it is vector artwork) scale it up to fit the rectangle; or

2b) Make it a new Pattern Swatch as suggested by Barbara and apply that to the rectangle;

3) Place the skirt path(s) on top of the rectangle and then Ctrl/Cmd+C+B (to create a copy below the original and carry on with the copy);

4a) If there are multiple skirt paths, apply Pathfinder>Unite to turn all the skirt paths into one path following the outer shape, then ShiftClick the rectangle somewhere outside the skirt shape and Ctrl/Cmd+7 to create a Clipping Mask with the outer parts of the pattern hidden;

4b) If there is only one skirt path, skip the Pathfinder>Unite and just ShiftClick the rectangle somewhere outside the skirt shape and Ctrl/Cmd+7 to create a Clipping Mask with the outer parts of the pattern hidden?

 

The above ought to give you an unchanged/proportionally scaled pattern shown within the skirt with the skirt path Stroke(s) in front of it.

 

 

 

barbara_a7746676
Community Expert
Community Expert
August 27, 2020

Unless the pattern is the same height and width proportions as the artboard, you would need to either tile it or distort it.

You are on the right track -- drag the pattern into the Swatches panel to make it into a new pattern swatch.

Draw a rectangle that is the same size as the artboard and fill it with the pattern. The pattern can  be transformed by selecting the rectangle with the pattern fill and double-clicking on a transformation tool in the Tools panel, for example the Scale tool. You will be given a choice of resizing the pattern or the object or both. If you choose only pattern, you can then scale the pattern without scaling the rectangle.

You mentioned putting the pattern into a skirt. You would start the same way by making the pattern into a pattern swatch. Draw a skirt shape and fill it with the pattern. Double click the Rotate tool to rotate the pattern, double click the scale tool to resize the pattern, and so forth.

Inspiring
August 28, 2020

Hi there!
I was able to make the pattern swatch and I was also able to create the rectangle with it. However, after clicking the pattern swatch, I got this weird grid instead of a full seemless pattern to fill the entire rectangle. Is there a setting that I need to implement for the swatch (when I made it) or is there something else that I need to do after I put the pattern in the rectangle? Please let me know. I am pretty new to this 🙂

Inspiring
August 28, 2020

Please show.