Updated: September 18th, 2014
Illustrator swatches for CC CS4 CS2 CS1 10 CS3 CS5 CS6 12 11 13 2014 etc, AI format vector seamless tiles royalty free downloads including cats, gradients, chevrons, connections, flowers, swirls and more
Freebies / samplers to try
Commercial use, all royalty free, AI format for PC and MAC. Load via the palette in CC CC (2014) CS6 CS5 CS4 etc.
Swatches for Illustrator CC CS6 CS5 CS4 etc
All the above volumes are by graphicxtras.com, all for commercial (CU4CU) use - use to them to create items for sale and more. The AI tiles are for use in 1000s of ways. To use them, it is very simple - simply open the file via the presets palette and they are then loaded into the application and can then be used over and over and over. The sets on this page are a mix of different tiles - some are colorful, some are B&W but they are all amazing and all are seamless tiles for any size of work. You can use them with virtually all features of the apps such as with text and paths. The paths can also be combined either by just combining them as paths but you can also combine multiple tiles in Adobe AI (all versions from 10) via the appearance palette. If you combine the tiles, you can also then just save the combinations via the graphic styles palette and you can then combine live effects and other fills to create truly awesome images for all your projects. The tile sets on this site are by us, they are all for commercial (CU4CU) and personal use. We have been creating tiles for AI for the last 10 years or so (and probably before).
The presets can also be exported to other applications so if you are using AI and Photoshop or other parts of the amazing creative suite then you can export the images for use as resources in Photoshop etc (via the pasteboard) - so these are not just for AI. You can also export the images as a PNG image or TIFF etc via the export command in the file commands. Once saved as a non vector format, the tiles can be used to create layers etc in other tools such as Photoshop.
How to modify the Illustrator swatches ?
This has changed in recent versions, edit them via the editor found in the object menu. Double click any item in the palette and you can use the editor to modify the vectors in 1000s of ways such as re-color and move parts etc You can use this to create 1000s of amazing tiles.
Most of the swatches in the sets are tiles, there are also many gradients (as above) - a green gradient
The gradients can be manipulated using the powerful gradient tool
How to apply an Illustrator tile to a path ?
Simply select the path and then select one of the pattern in the swatches palette. The path can be either a normal path or text. You can then modify the underlying tile and its relationship with the path via the transform menu (de-select the object setting)
Changing the tiles - recolor them etc
The color of the presets are not cast in stone. You can change them. In some cases, in seconds if you want to make a subtle change to the color of the source. The example below is from the spiral scrolls set pack 46
They can be edited directly now (with CS6) via the palette - double click on them and re-color them and save a copy of the tile (so you end up with both) or just click done to overwrite the existing preset. In the example below, the color guide palette has been used to re-color The above (you can use the color guide or just color individual paths but personally I find the color guide a very useful tool for some lovely color combinations)
Many of the swatches include transparency so the frame above has the frame and the background displayed - if the frame was displayed above say a picture, you would see through the hollow in the center as well as the actual frame. A way around this is to use the appearance palette and add a solid fill behind the current tile. Or you can just edit the source vector and add a solid path behind the current scroll. The presets are a powerful toolkit for all kinds of work and the sets are only the start point for any work.
Opening preset AI documents
How to this ?? a few approaches below.
1) Go to the swatches palette and then go to the right side menu of the palette and select the open library and then at the bottom, other library and browse for the AI format file. Select file and then select the tiles from that library - these will then appear in the palette
2) Place the AI document in the presets folder 'swatches' of Adobe AI and then go back into AI and window menu and right side menu and open library and select the file from the list (you will see celebration, color books, earthtone etc as well as the new AI document added)
3) Go to the window menu and go to the bottom of the menu and libraries and either browse or select as before
4) In the case of the graphicxtras presets, open the AI document via the open command and then create a rectangle and apply a tile from the palette. Copy that path into another document and the tile will be added to that document's palette
5) Place all the libraries in the presets folder and then use the library panel and the bottom arrows to go through all the libraries, previous and next by name.
Once you have the library open, you can then add the tiles to the actual document palette by selecting the tiles required. You can also edit etc them (something you cannot do with the libraries themselves which are all read only).
If you have lots and lots of AI documents it can be quite slow going from library to library via the load library, there is a quicker way to go through the sets and this video shows how
If you wish the library to always appear in the application, you can set the library to a persistent library (right side menu of the swayches library palette)
How to use tiles with the appearance palette ?
The appearance palette is a useful feature of AI and you can modify any existing fill of a path and you can also add a new fill and stroke or multiple fills and strokes as well as effects. You can use the appearance palette to create truly complex as well as subtle work using a single or multiple colors added to a path. You can blend the various swatches by using the blending modes (difference, darken, multiply) or using transparency / opacity.
How to re-size an Illustrator pattern ?
Select the path, fill with a swatch and then go to the object menu and apply the transform commands such as scale / rotate / shear and the key thing to remember is to uncheck the object option and leave the other option checked. They can then be re-sized to 1% or 1000% of the original size. Another option is as before, modify the tile by dragging them from the palette and then re-size them using the scale or selection / scale tools and then saving as a much bigger or much smaller tile.
How to use a pattern as an Illustrator shape ?
Select a path and then fill the path with a swatch etc and then go to the window menu and select shapes and drag them from the artboard to the shapes palette. You can also go to the palette (window menu) and then drag one (or more) to the artboard. It can then be exported via the pasteboard to other applications such as Photoshop
Creating 100s of variants for Adobe ® Illustrator
One of the great new features (along with the trace) of CC / CS6 is the pattern editor. Now you can open a palette library and then double click any of the swatches and you will then enter the editor where you can tweak the tile in 1000s of ways and even better, you can save a copy by clicking the save a copy option
Trying to edit the tile, a dialog appears - this is one of my favorite bugbears of AI as endless dialogs appear and there never seems to be a way of permanently removing them - they always seem to return. The dialog appears when you try and edit an item that was created in CS6 and saved in an earlier format. I wish the dialog would appear only once, as it is probably likely you will remember that you have to release the clipping mask (oddly, this doesn't always seem to be the case as sometimes there is no clipping mask to remove). I would prefer an option to remove this dialog or perhaps even better, a default option to 'release the clipping mask' as I always prefer the best results. Also, editing them might require the ungrouping of the shapes and that command can be found in the object menu.
Image trace and fills
You can apply the swatches to traced items. Open an image and then apply the image trace feature (greatly enhanced with CS6)
Tiles to text
This tutorial will work with any swatch.
1) Select text. Open the palette, place the required tile into the palette
2) Go to the appearance palette. Go to the right menu and select the add new fill command.
3) Apply a preset to the selected appearance fill, the preset will now fill the text. The text can still be changed at any point. the image can be scaled, rotated and sheared as required.
4) Add another fill (in the appearance palette) and fill with another or the same tile. Go to the transparency palette and set the blend mode to difference. Change the scale of the tile as well as the angle again via the transformations. You can create complex color images within the text.