Just downloaded CS6 and LOVE the new seamless pattern creator. However, now I am at a loss as to how to get this seamless pattern saved for the web. It would not let me save it from the pattern creator and when I drag it from the swatch palette, I get what I've always gotten, which means I have to make a block and hope that it's exact and so on and so forth... Am I missing something because I can't find anything on this.
I was so excited when I downloaded the 30-day trial version this morning because I couldn't wait to try the pattern tool. It is such a great tool until you realize you have no way of saving the pattern you just created. I hope there is a fix for this problem soon or i won't bother upgrading from my CS3.
I think you've missed what is needed. Any pattern - no matter what grid system used, needs a simple method to enable the user to save/export the tile (automaticaaly trimmed to its min dimension).
Perhaps you can try it...
After creating the pattern...drag it back to the artboard. Select the pattern and go Object > Artboard > Fit to Selected Art. Now proceed with Save for web process.
You could record an action to automate this process. then you assign a shortcut to an action and go faster.
(P.S: the command Fit to Selected Art cannot be nativelly recorded...but you can insert it in the action by using the Insert menu item at the Actions panel flyout menu).
Hope to be helped
Have yo actually tried that?
I think you've probably misunderstood what's needed.
The problem is creating the tile to the correct dimention - dependent on the pattern repeat type and the size of the pattern elements.
You should be able to just open the pattern editor on ANY pattern and be able to 'export tile' or 'create tile'
AFAIK - CS6 cannot automate this
Yes I tried.
Sorry if I written bad...you can automate the commands Fit to Selected Art + Save for Web (not the entire process of creating the pattern and dragging it back to artboard, sure). So you just select the pattern in the project then press a shortcut to export.
Sure..if had an Export command directly inside the Pattern creating..then it would be really a direct job.
Yes you can fit the Artboard to any rectangle, but is doesn't set the dimension of the tile correctly - it only sets the Artboard to the rectangle you have arbitrarity drawn and filled with the pattern.
Create a web page and set your exported image as the background graphic. Unless you dimension the rectangle to exactly match the tile of the pattern - it will not seamlessly repeat. This is the crux of the matter.
We have a fanstastic pattern tool, but amazingly no way to automatically dimension a 'tile' on the artboard to match all the grid options.
Ok here is the only way I have figured out a way to make it work. It's not very quick but it works for even the hex repeats. let me know if it works for you and PLEASE tell me if you come up with a quicker & easier way because that would rock.
1. make a pattern (or open one).
2. instead of clicking "show the tile edge" click "show swatch bounds" in the pattern options
3. Save your pattern
4. Go to a blank artboard (size doesnt matter at this point)
5. instead of making a shape filled with the pattern just drag the pattern directly to the board (You should see your pattern and the swatch bounds path as well)
6. select the swatch bounds & fill it with any color (no stroke)
7. right click on the swatch bounds and go to Arrange > Bring to Front
8. Select only the filled in swatch bounds & go to Object > Path > Offset Path. Then make the offset 1px (which will auto change to 0.0139in). You will see a new path appear on the outside of the original one.
9. delete the orginal path (the smaller one on the inside)
10. Now select your entire pattern plus the swatch bounds path & go to Object > Clipping Mask > Make
11. Now go to Object > Artboard> Fit to Selected Art. Here is how mine has turned out.
12. Save it
13. Open it in Photoshop or some simple photo editing software (its a pain, trust me i know, but its the only way I have found to avoid having lines running through your pattern)
14. In photoshop select your pattern 1px inside like i have done below & crop it.
15. Save your pattern and now you are done and it should be truely seamless. (you can test it in photoshop if you are using that).
I'm glad I at least figured out a way that works every time, even if it is way more work than it needs to be.
If you open the artboard tool and then double click the pattern swatch to open the pattern tool, you can then size the art board to the size of the box for the pattern. Then, save for web. Found this out just by accident.
Europe, Middle East and Africa