1 2 Previous Next 65 Replies Latest reply: Apr 13, 2015 12:10 PM by BlazinBuffalo RSS

    exporting seamless pattern tile for output?

    kociara7 Community Member

      Hi,

      The new Pattern Maker is great in Illustrator CS6 but can it be of any use for textile design? Once the pattern is created I just need the actual pattern tile which I can send for output as seamless pattern. There does not seem to be any export option for the actual tile? Hope this makes sense. Tried creating an artboard to match the size of the pattern tile and fill that with that pattern but that does not work and the pattern is not seamless afterwards

        • 1. Re: exporting seamless pattern tile for output?
          W_J_T Community Member

          kociara7 wrote:

           

          The new Pattern Maker is great in Illustrator CS6 but can it be of any use for textile design? Once the pattern is created I just need the actual pattern tile which I can send for output as seamless pattern. There does not seem to be any export option for the actual tile? Hope this makes sense. Tried creating an artboard to match the size of the pattern tile and fill that with that pattern but that does not work and the pattern is not seamless afterwards

           

          Preface: I do not presently own CS6. Given that, here are my 2 cents, if I am wrong in my statements below I would like to be corrected and advised otherwise. They are solely based on things I have read and seen regarding the new Pattern Maker Tool in Illustrator CS6. Thanks everyone.

           

          ------------

           

          IMHO:

           

          The "Adobe Illustrator CS6 Pattern Maker Tool" is a great concept of a feature, however its seems somewhat underdeveloped in certain areas, even though its being touted and used as a major selling point for Illustrator CS6. The lack of a direct method from with in the Pattern Maker Tool to export your pattern(s) is certainly a glaring drawback. I would certainly expect for the ability to save the pattern swatch as a vector .eps , .pdf ,  as well as a high-res bitmap .png , .tif , .psd , etc…

           

          Here is a recent thread about using "Save for Web" with the Pattern Maker Tool:

          http://forums.adobe.com/message/4395971

           

          But even that seems to be rather non-conformed to any standard or ease of use. I truly hope Adobe refines and matures the "Illustrator CS6 Pattern Maker Tool" in a timely manner as it seems like it was rushed to market as an under developed tool and needs refined and improved upon quickly and an update released to improve upon its current status.

           

          Another major drawback is the inability to easily target all 17 wallpaper groups.

          http://en.wikipedia.org/wiki/Wallpaper_group

           

          I feel and assume that all 17 groups should be be natively supported as well as the built in export options from the Pattern Tool itself, as mentioned above.

          • 2. Re: exporting seamless pattern tile for output?
            Wade_Zimmerman Community Member

            Drag the swatch to the artboard from the swatch panel there's your tile.

            • 3. Re: exporting seamless pattern tile for output?
              kociara7 Community Member

              Hi Wade,

              No this does not solve the problem, you will end up with a white background of your 'art board size' which means the pattern will not tile seamlessly when used by printers.

              The previous work around was to create a tile to by making the artboard to the tile size required and make sure all elements are perfectly aligned to left and right ( to overlap when producing a seamless pattern) and up and down as well to achieve the seamless effect. I thought this Pattern maker will do just that but it doesn't! Or am I getting soemething wrong? Can you drag the pattern to the background and make the background invisible somehow? So that the printer just picks up the pattern rather than the background?

              It looks this pattern maker is juzr a gimmick, maybe useful to make fills for an artwork but not useful as 'pattern maker' for textile or web designers who need seamless patterns

              • 4. Re: exporting seamless pattern tile for output?
                kociara7 Community Member

                HI,

                many thanks for this. I looked at the export for web forum discussion you recommended and that is exactly what I need, I am glad others noticed the problem too!

                I haven't tried the complex work around yet but I can see that having this tool is probably not going to be much of a help for me. I am surprised that Adobe actually added it as is, though perhaps it is good for creatimng patterns for fills, not actual seamless patterns... What a shame! This would hae been a deal maker for me to upgrade. Now I am thinking, perhaps, I should save my money and invest in proper pattern making sotware...

                I will try to try the solution from the web forum, complex as it is,  to see whether it works for me after all

                • 5. Re: exporting seamless pattern tile for output?
                  Wade_Zimmerman Community Member

                  I don't know what  you are talking about there is no background in Illustrator turn on the transparency grid and see for yourself.

                   

                  The tile is a no fil no stroke object essentially.

                  • 6. Re: exporting seamless pattern tile for output?
                    Wade_Zimmerman Community Member

                    Here see for yourself

                     

                    Screen Shot 2012-06-01 at 5.02.51 PM.png

                     

                    Screen Shot 2012-06-01 at 5.03.13 PM.png

                    • 7. Re: exporting seamless pattern tile for output?
                      kociara7 Community Member

                      Wade, that is not what I mean.

                      I attach a link to one of many articles about creating seamless paterns in Illustrator previous versions

                      http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-trendy-seamless-pattern-in-illus trator

                       

                      by your example you have a tile, OK, but this is not good enough to send to printers or create a  seamless pattern so as to print a  wallpaper, or fabric, or wrapping paper, anything with repeat seamless pattern.The pattern will not repeat with an arbitrary backround attach- that background will still be there. To explain better- to make the Pattern maker swatch work for the purpose  I would have to create the pattern with Pattern maker and then create an artboard of the size I want to print on- that would have to be say 10 meters by 1.5 meters for example! That would not be possible to contain in a managable file!  The printer of such goods take a one tile file which flows seamlessly to create a pattern of desirable size. I am looking to find out how to export this seamless file that Pattern Maker promises to create in its form- with all the elements overlapping as the shoud when they are output to a bigger size. Does this make sense?

                      I tried to create an artboard of precise dimensions to the one I created the pattern in, that fill that with my pattern precisely but unfortunately that does not seem to workeither!

                      • 8. Re: exporting seamless pattern tile for output?
                        Wade_Zimmerman Community Member

                        The tile I am showing you is the same as a seamless tile made in any previous version as far as I know there is not difference it has the no fill no stroke rectangle defining the tile.

                         

                        If you are saying you need the art actually trimmed that is easy enought to do.

                         

                        I do not really see the problem do as you yourself suggest drag the swatch to the canvas turn on smart guide select the tile rectangle copy paste inf front

                         

                        Object>Artboard Convert to Artboard as as an AI file but select to export artboards and select a range and select the artboard

                         

                        Or copy and paste in front Object>Path>Devide Objects below and delete the extra parts.

                         

                        I don't see the problem

                         

                        Screen Shot 2012-06-01 at 5.56.15 PM.png

                        • 9. Re: exporting seamless pattern tile for output?
                          Wade_Zimmerman Community Member

                          And it has a transparent background as before

                           

                          Screen Shot 2012-06-01 at 6.02.06 PM.png

                          • 10. Re: exporting seamless pattern tile for output?
                            JETalmage Community Member

                            kociara,

                             

                            You are misinterpreting the intent of the feature. It's not a utility for exporting some kind of special seamless tile format to external vertical-market, industry-specific production applications. It's just an enhancement of the age-old Pattern Swatch feature of Illustrator, intended for use in Illustrator artwork. After being used, the result is just ordinary Illustrator artwork like any other. It can be exported in the same ways that any other ordinary Illustrator artwork can be exported, with the same caveats and limitations of the chosen export format.

                             

                            If you  have an external application that can, for example, import .ai or .eps or .pdf as a vector graphic or can import a PNG with alpha transparency, then flop and replicate that graphic to make a seamlessly repeating pattern, then you can do that just like you could prior to this feature. But it's not meant to be a "format" that is exported to some other program and understood by that other other program as a tiling command. It's just a drawing feature inside Illustrator. It's just a tiling command inside Illustrator.

                             

                            ...but can it be of any use for textile design?

                            By way of analogy, consider the fact that Illustrator artwork is quite commonly delivered to embroidery shops for use in imprinting garments. But that doesn't mean that the Illustrator file contains anything specific to the embroidery industry's workflow, software or equipment. The Illustrator file doesn't include any commands to fill a path with stitches. What's delivered is just ordinary Illustrator artwork. The embroidery shop may ro may not be able to import the Illustrator paths into an embroidery application which then fills them with stitch commands.

                             

                            By the same token, exporting the artwork paths contained in an Illustrator Pattern (whether old or new) just yields normal AI paths. It doesn't export tiling commands to be understood by some other program.

                             

                            JET

                            • 11. Re: exporting seamless pattern tile for output?
                              kociara7 Community Member

                              Hi Wade! That's it I think! The trick is to delete those extra items and be left only with the tile that Pattern Maker creates because when you drag the swatch you have all these extra items around the tile.

                              However, I was unable to recreate that, could you please instruct me with the steps how to get rid of those items again. There is something I am not doing right. .

                              many thanks!

                              • 12. Re: exporting seamless pattern tile for output?
                                kociara7 Community Member

                                Hi JET

                                Thank you for the reply. However this does not answer my question. I am fully aware that Illustrator is not textile induxtry specific software ( there are such softwares out there, some of them extremely pricey) but Illustrator ( as well as Photoshop)  have been widely used to create seamless tiles for repeat patterns in the textile industry, wallpaper, wrapping paper printing and such like. There is a work around process to create  seamless tiles in previous Illustrator versions as well as Photoshop.

                                My question was about the fact that the new Pattern feature would have been amazing if creating such tile was easily possible. After all the process of creating seamless tile has been much improved in creating the elements needed for overlap automatically so why not go just a step further and be able to actually output the ready made tile with all the overlapping items in the right position?

                                 

                                I am hoping Wade above has solved the problem of extracting such file after all! The tiling command is irrelevant for external applications as long as the elemnts in the tile are positioned in the correct overlap position ( which the Pattern maker seems to be able to create) than the repeat is done automatically by the print provider, the crux of the matter is having that tile!

                                • 13. Re: exporting seamless pattern tile for output?
                                  JETalmage Community Member

                                  After all the process of creating seamless tile has been much improved in creating the elements needed for overlap automatically so why not go just a step further and be able to actually output the ready made tile with all the overlapping items in the right position?

                                  Because the importing program would have to somehow suddenly understand that "overlapping." So you are left with what you had before this change to Illustrator's Patter Swatches: You have trim away the outboard portions of the actual repeating tile.

                                   

                                  JET

                                  • 14. Re: exporting seamless pattern tile for output?
                                    kociara7 Community Member

                                    what do you mean 'you have trim away' Is there such an option? That would be enough to do the trick!

                                    The improvement of having this Pattern maker is massive from repeat pattern design point of view- the overlapping elements are created automatically and you have a preview of a larger scale pattern while designing seeing what the repeat will look like on the go. What is needed is easy one click trim away feature indeed.

                                    • 15. Re: exporting seamless pattern tile for output?
                                      Wade_Zimmerman Community Member

                                      I'll do a little video.

                                       

                                      I understand now that you do not actually want a format  as such but just a clean way of getting the srt as a baic tile without having to match upp everything  manually and this can much more easily be done withthe new pattern tool.

                                       

                                      And actually you  answered your own question you'll see what I msean when I do the video.

                                      • 16. Re: exporting seamless pattern tile for output?
                                        Wade_Zimmerman Community Member

                                        Here is a video I see that you actually expect for this to be an automatic process it is not but on the other had it does not take very long to accomplish.

                                         

                                        http://www.wadezimmerman.com/videos/TextilePattern.mov

                                        • 17. Re: exporting seamless pattern tile for output?
                                          kociara7 Community Member

                                          Hi Wade,

                                          Thank you so much for the video, very helpful! I fear though that this will not work after all especially on complex patterns... One one of the patters I tried this on- the green one from default pattern swatches, after divinding, some parts of the objects would delete as well as the excess paths, not sure why.

                                          Also it is not going to work on objects with strokes as the objects after dividding auto fill with stroke.
                                          And then finally, rather annoyingly when I tried to afterwards to fit the artboard to the trimmed tile it has left about 1mm blank space on two sides ( the artboard will need to be fitted precisely so that the tile repats seamlessly)..

                                          Hmmm, I think I may well need to forget about this Pattern making feature, does not look like it is going to be of any use to me... I will have some time tomorrow to experiment more and thank you again for your time and help!

                                          • 18. Re: exporting seamless pattern tile for output?
                                            Wade_Zimmerman Community Member

                                            Don't be surprise if you meet someone in your industry and in your conversation you tell them your tried Illustrator and it did not work and the respond back hey we use it all the time and it save us a lot of time.

                                             

                                            I have a feeling thyis will be the case.

                                            • 19. Re: exporting seamless pattern tile for output?
                                              kociara7 Community Member

                                              hope you are right! so far there is absoluetly nothing on that subject on the internet exept for tutorials how easy it is to create the patternin CS6 but only  for use in Illustrator artwork... In any case will try and have a play with it tomorrow and see if it gets me anywhere. I will also try the solution from the web forum about it, they ended up creating a clipping mask

                                              • 20. Re: exporting seamless pattern tile for output?
                                                Wade_Zimmerman Community Member

                                                then just select the tile path and make certain it is on top and then select all and command or control 7 that should do it as well.

                                                 

                                                If masked srt will work that is easy as pie.

                                                 

                                                Here it is clipped

                                                 

                                                Screen Shot 2012-06-03 at 6.03.09 PM.png

                                                 

                                                here it is with four tiles piece together manually as viewed in Acrobat if i can do this manually then the softwaare ashould be able to stitch it without a hitch. Otherwise your software is nothing.

                                                 

                                                Screen Shot 2012-06-03 at 6.07.40 PM.png

                                                • 21. Re: exporting seamless pattern tile for output?
                                                  kociara7 Community Member

                                                  hi Wade,

                                                  I played around with it over the last two days and it can work on simple patterns, with more complex ones it's a bit of a pain deleting all the paths, fitting the artboard and seeing more need deleting as small gaps appear around the edge. Moreover, this does not work on strokes- if an object with a stroke is on the overlapping edge than after using Path- divide objects below command the stroke will be automatically filled and thus not produce the seamless result.

                                                  the tile needs to be absolutely seamless, and the fact that you can piece it manually in a different program does not help. I need to send to printers a seamless file wihich means that it fills the artboard accuratelly with no white gaps on the edges- otherwise the gaps will be reproduced as well and it will be clear where the tile finishes and where it ends

                                                  On a positive note it seems to work quite smoothly when you use the basic grid option ( rather than brick repeats etc)- then it seems to be enough to create an artboard of precisely the same size like the pattern tile and fill the tile with the pattern- so as long as the grid is used for repeat all seems rather fine though I have not inspected results in actual print yet. Strangely though, when I output the file the repeat works with my printers software on ai file only, not eps

                                                  • 22. Re: exporting seamless pattern tile for output?
                                                    Ton Frederiks MeganK

                                                    I think it can be even simpler to save the pattern tile only. No need to delete paths (that can indeed be tricky).

                                                    I created a new Web document. Dragged the pattern named Jive to the artboard.

                                                    This is a complex pattern. To see the rectangle that defines the pattern it's easier to go to Outline View.

                                                    Select all and Ungroup.

                                                    Select the rectangle.

                                                    Select the Artboard tool (zoom in enough to be able to only click the rectangle) and double click the selected rectangle.

                                                    Or go to Object/Artboards/Fit to Selected Art.

                                                    That's it! The artboard becomes the size of the rectangle.

                                                    Save the file or export it as an image.

                                                     

                                                    regards,

                                                     

                                                    Ton

                                                     

                                                    PatternTileExample.jpg

                                                    • 23. Re: exporting seamless pattern tile for output?
                                                      Wade_Zimmerman Community Member

                                                      That means your printer is probably reading the pdf part of the ai file and not the postscript. Is the rip for your printer postscript if so then it would be odd that it does not read the eps.

                                                      • 24. Re: exporting seamless pattern tile for output?
                                                        kociara7 Community Member

                                                        no, not sure why that is. With CS4 it worked for both eps and ai, now it reads eps but creates a white background around the tile. Not a big problem, I can use ai files

                                                        • 25. Re: exporting seamless pattern tile for output?
                                                          kociara7 Community Member

                                                          Hi Ton,

                                                          This is great! Worked perfectly and quickly even on strokes!!!

                                                          Howver when I tried to export the file as an image or save as eps it still picks up the images around the artboard. Is there a way of saving just the artboard? Not a massive problem, as it works for me in ai format, but would be interested to know

                                                          • 26. Re: exporting seamless pattern tile for output?
                                                            Ton Frederiks MeganK

                                                            Thanks, good to hear it worked for you.

                                                            When you export, or do a save for web, you get only the pattern tile.

                                                            When you save the artboard as .ai. it will have the other elements in the file (for use by Illustrator), but they are not shown when you place them in InDesign or when you open the .ai file in Photoshop.

                                                             

                                                            Ton

                                                            • 27. Re: exporting seamless pattern tile for output?
                                                              kociara7 Community Member

                                                              export does not work for me, but save for web, yes!!! thanks!

                                                              • 28. Re: exporting seamless pattern tile for output?
                                                                Ton Frederiks MeganK

                                                                Don't forget the Use Artboards checkbox on export...

                                                                • 29. Re: exporting seamless pattern tile for output?
                                                                  kociara7 Community Member

                                                                  ha! that was missing! works beautifully!

                                                                  • 30. Re: exporting seamless pattern tile for output?
                                                                    L Coyle Community Member

                                                                    Kociara7,

                                                                    This is what I do for online fabric printing like at Spoonflower: make the artboard the exact size of the repeat unit and then export and a png or jpeg. (like Ton showed). For art to hand off to a client, you may not really have to trim it - but if they are requesting an .ai file exactly the size of the repeating unit, you could do what Wade suggested, but first Expand all the strokes in your art before trimming. Object > Expand

                                                                     

                                                                    They will then be closed shapes that you can trim without "re-rendering" like strokes do. It's not a perfect solution, because other things may "re-render" too like gradients, but it's pretty close. I've managed to work with clients using Ai for repeats, but I work more in paper goods (gift wrap, gift bags) than in fabric.

                                                                    • 31. Re: exporting seamless pattern tile for output?
                                                                      L Coyle Community Member

                                                                      And just to add to this discussion... I like the new CS6 pattern feature in some ways, but one serious limitation is the ability to work on the pattern with a background color other than white. Maybe I'm missing something, so I'd love to hear back. While in pattern editing mode, you are launched into something like isolation mode, so the layers panel is internal to the feature - menaing that even if you placed a big red square on your background layer in your file, you won't see the background in pattern editing mode.

                                                                       

                                                                      If you try to create a repeating background by placing a solid color tile behind your pattern elements (in pattern mode), you get to work with a background color - but the overlap causes lots of problems for the repeating elements above the background. For a complex pattern like a floral, this is pretty difficult - even as a temporary work-around.

                                                                      • 32. Re: exporting seamless pattern tile for output?
                                                                        kociara7 Community Member

                                                                        Thanks for your contribution!

                                                                        With CS 6 I found with the pattern maker it works fine on 'grid' mode just to place a pattern in the rectangle equal to you repat tile to have the repeat pattern. Im not quite sure, as haven't tested properly, but with other modes it can render unpredictable results, even by going with your or Ton's method. I did one piece with this hex efect and something went really wrong with the reapeat afterwards and I could not get the 'artboard' but need to do more work to investigate for me to comment .

                                                                         

                                                                        As to the background, yes I noticed that, and even when you create a backround in the Pattern Maker it will still give you 'stitch area' around or overlap as you describe. The way to do it is create a pattern and then afterwards drop your seemless background pattern behind and export the artboard. So in a way the 'pattern maker' makes the top layer of the pattern with all the design elements making a repeat but background is another matter..

                                                                        • 33. Re: exporting seamless pattern tile for output?
                                                                          L Coyle Community Member

                                                                          I was just testing with a half-drop repeat - and I agree with you that anything more complex than a grid repeat is going to have serious overlap issues when using a solid background. The workaround of creating the pattern and adding the background later works fine, but it's not ideal, it would be better to be able to guage the contrast and color as you work. Maybe they will add this feature in a future version. I'm enjoying this new feature a lot, but I'm still getting used to it! I think there are a few improvements that could make this even better for surface designers.

                                                                          • 34. Re: exporting seamless pattern tile for output?
                                                                            Ton Frederiks MeganK

                                                                            @kociara7

                                                                            I do not see problems with other repeat modes, it is just a matter of selecting the right (most inner) rectangle to create the artboard (Object / Artboards / Fit to Selected Art)

                                                                            Adding the background colour when exporting the pattern is easy.

                                                                            With the rectangle still selected, fill it with a color.

                                                                            @coyleart

                                                                            Adding a background colour during the creation of something like a Hex repeat does probably not give you what you would expect.

                                                                            This is a good feature request and you can do that here:

                                                                            https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

                                                                             

                                                                            regards,

                                                                             

                                                                            Ton

                                                                            • 35. Re: exporting seamless pattern tile for output?
                                                                              ej_mac Community Member

                                                                              @coyleart

                                                                              In regard to background colour for patterns, here's what I do:

                                                                              After clicking 'done' in the pattern tile tool options, and once the pattern swatch has been saved in the palette, I drag the swatch from the palette to the artboard and then select just the bounding box and make a copy behind it, then fill the front bounding box with a selected colour. Then drag the whole swatch back to the swatch palette.

                                                                               

                                                                              @kociara7

                                                                              To create a seamless tile or 'technical box repeat', I drag the pattern swatch from palette to artboard as above, then copy and paste the bounding box elsewhere on the artboard (so you have a rectangle or square of same exact dimensions as the tile repeat), then fill with the pattern from the swatch palette.

                                                                              • 36. Re: exporting seamless pattern tile for output?
                                                                                Wim Euverman Community Member

                                                                                Triggered by this discussion I've uploaded a tutorial, dealing with a situation where you like to create your pattern swatch & artboard in a specific size.

                                                                                I hope this is helpful: http://www.youtube.com/watch?v=IEt7Q0iqONE

                                                                                 

                                                                                Regards, Wim

                                                                                • 37. Re: exporting seamless pattern tile for output?
                                                                                  JustWantToWorkNotSearchFo Community Member

                                                                                  I ended up on this thread because I have been using Illustrator since Illustrator88, but this new "feature" has me stumped.  Is there a way to simply make patterns the way we could before???    I have TONS of patterns in AI that I sometimes need to create simple pattern fills from to use when designing other products. 

                                                                                   

                                                                                  Before, I would simply create a bounding box the size of the page (now artboard), choose "create pattern" and be done with it.  Is there a way to do that now? 

                                                                                   

                                                                                  I see that in the pattern editor you can choose to make the pattern tile the same size as the artboard which in essence *should* tile only what is on the artboard, but it shifts it ever so slightly so this is not the case and I cannot find a way around that.  Anybody?  Any help is apreciated. 

                                                                                   

                                                                                  I love it (not) when Adobe so over-engineers an "upgrade" that, instead of just working, you have to spend time finding out how to do something you used to do effortlessly.....

                                                                                  • 38. Re: exporting seamless pattern tile for output?
                                                                                    Monika Gause CommunityMVP

                                                                                    You can still create patterns the old way. Just create everything and drag into swatches panel.

                                                                                    • 39. Re: exporting seamless pattern tile for output?
                                                                                      JustWantToWorkNotSearchFo Community Member

                                                                                      Thanks, Monica.  That does work, however it does leave a hairline where the edges of the pattern are.  Also, I have a few that simply will not drag into the swatch pallete..I make sure everything is unlocked, that there is a bounding box, that everything is selected and when I grab to drag to the swatch pallete, they just continue to drag across the workspace, not into the pallete....  Still, however curious about how to not get the pattern maker tile box to offset when using that particular tool.  Just seems odd that it does that.  

                                                                                      1 2 Previous Next