Illustrator graphic styles

Illustrator graphic styles are for CC 2019 2018 - CS6 CS5 CS4 CS3 etc.


Intro to styles

Graphic styles to buy

How to use appearance attributes

How to create frames using styles

How to merge graphic styles

Create a graphic style

How to rasterize

Remove styles

Create spheres

Create symbols from styles

Add styles to type

How to install and load

Add effects to fills and strokes

Illustrator plugins

Brush strokes

Patterns and swatches



Polar grids


AI format. Price : $6.49 US Dollars

BUY 150 Gradient vector effects for your projects with Illustrator V2 gallery

BUY 160 Extrusions and 3D effects V11 gallery

BUY 150 Scribbles V8 gallery

BUY 100 Brush effects V10 gallery

BUY 100 Patches V13 gallery

BUY 900 Tiles V3 gallery

BUY 400 Gradients V5 gallery

BUY 200 Aspect gradients V9 gallery

BUY400 Gradient effects V12 gallery

BUY 400 Linear gradients V4 gallery

BUY 500 Shimmery effects V1 gallery

BUY 1000 Super colorful Grid effects V7 gallery

BUY 400 Grid Effects V6 gallery


Top of page

Intro. You can use the Illustrtaor graphic styles via the presets panel by simply selecting a path and then clicking the required effect. You can add them to standard paths as well as type and much more in AI. The effects are a mix of gradients as well as colors and blending modes and live effects and patterns - each of the sets contains a vast range of different effects and a different mix of source material. You can edit the source gradients and patterns etc via the appearance panel simply by selecting the artwork and then going to the appearance panel. You can then add additional fills and swatches and strokes and effects to the artwork. All the presets supplied are infinitely flexible and can be used as a source for many new presets. The sets include gradient aspects + blurry effects + radial + scribbles + metallic + brushes + linear effects + extruded art + patterns and many more. They are all for commercial and personal use, all are royalty free effects, all are by You can use them to create book covers, documents, posters, fashions, leaflets, web page designs, textiles, fabrics, wallpaper and much more. The sets are in AI format and come with gallery and serial and notes


See video tutorial on subject


Top of page

Appearance. How to change the appearance attributes of a selected path in Illustrator CC 2019 2018 - CS5 etc (such as items in the Illustrator graphic styles). Basic steps such as select a styled path and then Window menu and Appearance panel and goto to the stroke and change the stroke attributes such as opacity and blending mode and weight. Goto the fill and change change the gradient or color to another color. The appearance panel is a central tool to manipulate fills and strokes (as well as the effects from Illustrator graphic styles) such as adding multiple fills and multiple strokes as well as adding effects to that path. It should be noted that many objects can be included in this such as layers and all objects added to the layer will have these settings added. Likewise groups also. It is a key tool with the application, Go to the layers panel and select the layer. Go back to the other panel and now you will see the layer is displayed. You can now add fills and strokes and effects to that layer and then any object (path) added to that layer will then be changed to reflect those settings. So if you add a fill with gradient to the layer entry in the appearance panel, all paths added will be default initially have that setting of a gradient fill. The result can be added to the Illustrator graphic styles panel. It should be noted that sometimes the combinations of live effects etc are just reduced to contents or the details are just not shown. If you change a single path on the layer then those details are hidden if you select the layer - select the path and the details of the live effects are shown. It should always be remembered that order is key (so if you want to manipulate the result of a graphic style this is the approach to use). The order of the fills and the order of the strokes and effects etc matters. You can also drag entries around so if you want to move them up the order or down the order you can and the result will be reflected in the display on the artboard. You can select an individual path (again, one with styles etc) and change the settings for the artwork such as add a new fill or add a new stroke or if there are multiple entries, you can remove an item via the right side menu - as long as you select the entry and then remove it. You can also click the delete button on the panel. If you wish to add an effect, you can apply an effect via the effects menu. If you wish to add that effect only to the stroke then select that stroke and if it is a transformation then the transformation or distort etc will be added to the stroke and not to the fill. If you want to modify that newly added entry then double click it and the panel will appear and the settings can be changed and the art will be modified accordingly. Images can also be modified via the same panel such as changing the opacity or adding effects to the image as well as modifying them by double clicking the effect entries for the image. You cannot add fills or strokes etc to the image artwork but the raster effects can be added. SVG filters can also be added.


See video tutorial on subject


Top of page

Create frames. How to create frames using graphic styles in Illustrator CC 2019 2018 2017 2105 2014 CS6 etc ? Basic steps include Draw rectangle for the Illustrator graphic style as the start point for the creation of the frame. Draw a smaller rectangle path. Align via the align panel) so the latest path is on top of the earlier path. Pathfinder panel menu followed by minus front option. Select combined path. Apply the colorful preset via the panel. Place frame above any image. The AI effects can be used to apply to paths and can be used to create stunning borders. You don't have to use a graphic style with just a square for a border as an edge can be created with stars and circles as well as triangles and many other shapes. Select a path such as circle, duplicate the circle and reduce the size of the second path and then select both and then go to the pathfinder panel. Click the exclude button and you will then have a ring design. Go to the presets panel and apply a preset to it or go to the right side menu and open a new library and then use one of those with the ring design. You can then use the artwork on top of other paths or images etc as a border. The borders do not need to be just a single artwork. You can always duplicate the border and then apply a totally different effect to the border and then perhaps apply a rotation or another live effect. Select the generated circle path and copy. Create a new rectangle that fills the entire document and paste the circle on top of the rectangle. Place the image on top of that. You can also use a clipping mask so create a new circle and then select the image and go to the object menu and clipping mask and create command. You can now place the artwork on top of the other design as on the left.


See video tutorial on subject


Top of page

Merge presets. How to merge graphic styles in Illustrator such as color effects, transformations etc. To merge, go to the graphic styles panel in Illustrator. Select two or more styles in the presets panel (hold down ctrl or CMD key). Go to the menu (right side menu). Select the merge option. You can merge most graphic styles. Some will not combine well and the result will be great and may require additional work via the appearance panel. I have had a few crashes when I have used the command, so I would definitely recommend that you save the work before using the command. You can combine different sketch effects in seconds by using the merge command. Go to the scribble library (via the window menu) and open that (or some of the scribbles found via the packs on this page). Select some of the scribbles and they will be added to the document's presets panel. Select the presets in that panel to combine and go to the merge command. You will then see a new preset appear in the presets panel. Apply that to paths. You can now also go to the appearance panel and expand out to see the different scribbles added and you can either remove the entries or update them to achieve a better result. If you have one of our swatch sets, you can combine those as well to create even more unique colorful effects. You will find effects such as one with straight line designs up and down and others with diagonal lines. Select them in the preset's panel. Go to the appearance panel and then change the blending mode of one of the entries (and the graphic styles can be made up of many different entries such as colors and swatches and gradients etc) so you can achieve different color combinations. Any changes can be saved as a new preset via the preset panel. As you can see on the right, the appearance panel can be filled with lots of different fills after using the merge command (the merge command often means that you will have multiple entries in the appearance panel) and in some cases you may find the result is not what is expected because one of the fills will have a normal blending mode and all the other fills then are hidden. You need to have the modes to difference etc or perhaps the opacity set to 50% etc for the color to be seen. This is not often the case with other combinations such as transformations. You can create a transform for a path such as move 10px and 10px as well as generate 10 copies via the effects menu and distort and transform and the transform command and these can be applied to any of the entries included with any of the selected presets so you can create all kinds of unique transformations from fills and strokes etc. You can create another transform and have it rotate the artwork by 10 degrees etc. If you save them as presets to the panel then you can combine them to create a new preset (you don't have to just replace the existing style). The new preset will have the fills as well as the two (or more) transformations combined. All kinds of transforms can be combined such as warps as well. You can also re-order the transforms so the result will be quite different when applied to a path or paths.


See video tutorial on subject


Top of page

Create styles. How to create Illustrator graphic style in CC 2019 2018 2017 2015 2014 CS6 etc ? Basic steps are select a path in Illustrator with a fill and stroke and perhaps a live effect etc. Window menu and graphic styles. Right side menu and new graphic style ... to create the new preset. The graphic style is then saved to the presets panel. You can create many different presets such as fills + strokes + live effects + gradient fills + strokes + live effects + fills + strokes + multiple fills + multiple strokes + pattern fills + strokes and many more. You can build up the preset via the appearance panel. Find the appearance panel via the window menu. As you can see on the right - the selected path has a variety of fills and effects added and this can then be saved as a new preset (as described above). You can tweak the settings and then save it as a new preset. You can add all kinds of live effects to the artwork such as transforms as well as extrude effects and scribble and pucker and bloat as well as filter gallery effects such as a blur. Once you have created your preset, to store it permanently you must also save the file to an AI format file and access it via the libraries functionality. Another way to create the preset is to build up the entry in the appearance panel and then go to the top of the appearance panel and then drag the little thumbnail from there to the presets panel and you will see the item added to the panel with all the settings - this is an alternative to the new command.

Top of page

Rasterize. How to rasterize graphic styles in Illustrator tutorial in CC 2019 2018 2017 2015 CS6 CS5 etc. Create a path or select a path for the style. Apply an effect via the Illustrator graphic style panel. Goto the object menu and Rasterize command. Set the color model as well as the resolution and anti-aliasing option as well as the background (personally I always select the transparent). The result sometimes generates a rasterized image that is slightly different in color (not sure the reason for that). You can also continue to use the new design as a new vector by using the image trace feature. Select the rasterized path with the attached effects and then go to the Image trace panel. Set the image trace mode to color and modify the settings as you wish. Once you are happy with the work, click the expand button. Goto to the object menu and use the ungroup command. You can now use color adjustments and color guides as well as other vector effects on the newly re-generated vector path. There is a live effect available for the rasterization. Simply select the artwork and then go to the effects menu. Select the rasterize command and then set the values in the panel such as the resolution, background etc. To change this live effect, go to the appearance panel with the path selected and click the effect entry (underlined) and the panel will re-appear and the settings can be changed from 72ppi etc to 300ppi (for example). You can also change the fill and stroke of the selected artwork via the appearance panel. You can, while the live effect is active, change the underlying design such as using the direct selection tool to modify the anchor points or use the add points to add additional points to the path. You can create some unusual designs simply by setting the PPI to a very low setting. If you want to delete the live effect, select the entry and then go to the delete selected item button at the bottom of the panel Once you are happy with the artwork, you can also expand the appearance via the object menu

Top of page

Remove / reduce. How to remove / clear / reduce graphic styles from paths in Illustrator CC 2019 2018 2017 2015 CS6 CS5 etc ? Select path with a style, any path will do as long as it has the fills and effects added to it. Go to the window menu and Appearance. Goto appearance panel. Right side menu. Reduce to basic appearance (if you wish to leave a fill and stroke) thus removing the graphic style. Or clear appearance (if you want no fill or stroke). Once you have done that, you can then start fresh again with any of your paths and create all kinds of new combinations of fills and gradients and effects. I know the reduce feature is very useful especially as many of my resources often include 10 or more different combinations of fills and they would take a while to remove if you had to do it one by one.

Top of page

Create spheres. How to create sphere / globe / ball using Illustrator graphic styles tutorial in CC 2019 2018 - CS5 ? Create or select a circle path. Double click the gradient tool - this displays the gradient panel. Select a tile - this fills the current selected path with a gradient such as 'sky' or 'orchard'. Set type to radial type. Position the center point by selecting and moving the bar. Set the first stop (left) to white or light color - creating a highlight. Set the last or end stop to a darker color - creates the shadow for the sphere. Set the middle stops as required - gives the overall color to the sphere. Display the graphic style panel and then select the right side menu 'new graphic style'. Save this Illustrator graphic style (spherical). Additional highlights can be added to the artwork by changing blending modes of the gradients to screen. See the image on the left where two highlights are displayed in top left and bottom right. Use the above technique to create a globe and then go to the appearance panel and select the fill for the object. Goto the right side menu of the appearance panel and then duplicate the fill. Go to the top entry and then change entry's blending mode to screen. Again this can be saved as a style via the preset's panel. More than two highlights can be added though as you add more and more fills and more screen blending modes, the result will lose all the color in the design. You can save the globe style to the preset's panel via the right side menu command. Once you have saved it to the panel, you can select other paths (circles etc) and apply the effect to those. By selecting multiple circles and adding the effect, you can generate 100s of balls / globes. You can also simply select one of the balls and alt / option and generate additional paths. The artwork can then also be copied to the CC library panel and then re-used in Photoshop (or you can also simply select and copy and then paste the artwork into Photoshop). You can also then use the designs in Premiere and After Effects etc. You can also simply select the path / artwork with the globe style and then drag that into the symbol's panel and then use the globe design with the sprayer tool. You can then re-size the artwork as well as rotate and shift and re-color the artwork in seconds.


See video tutorial on subject


Top of page

Create symbols. How to create a symbol from an Illustrator graphic style in CC 2019 2018 2017 2015 CS6 CS5 etc. Select a path for the graphic style (and to then be converted to a symbol). Go to the style panel. Apply a preset to selected path. Drag path to the symbols panel. Select either the static option or the dynamic option. You can add graphic styles to any path, that path can then be saved to a new preset. How to use this approach to create some truly awesome effects ? Well, the keyword there is effects. You can select any path and then add a live effect to the artwork such as transformations and blurs as well as multiple fills and strokes. This can all then be manipulated via the appearance panel and then any work can be added and used with a number of panel. You can also take any stored effect and apply it to any path so if you started to create your effects and fills with a circle, they can then also be added to stars and lines and type and many other paths. You can then take all these designs and drag them into the presets panel to store them as a static (in the case of the older versions of AI) or dynamic. Once stored there they can be used as a powerful design with the sprayer tool. You can always double click the entry in the panel and when you do, the associated effects and fills will again be visible via the appearance panel so if you have a gradient or an effect you want to add or change then you can quickly change it and then exit from isolation mode and then all the instances will be updated in the document. You can also double click any instance to change the settings as well. The key panel is the appearance panel in all this. You can repeat this changing of the preset at any time - this makes this combination of effects / fills (such as a change to a gradient) etc a powerful addition to the the sprayer tool and other uses of the instances in AI. You will see the change reflected in all of the instances as well as the master in the panel. You can find the sprayer tool in the toolbar. Select the graphic style filled preset symbol and then apply it via the sprayer tool (you can find other tutorials on the site about the sprayer tool which comes with a selection of size and stainer and spinner etc features). You can then fill the document / artboard with 100s of copies of your wonderful effects all stored in an instance that can be swapped and changed in countless ways to create all kinds of unique designs.


See video tutorial on subject


Top of page

Text / type. How to add the graphic styles / effects to type and text ? Go to the type tool and type your text or select existing characters (or target it in the layers panel). Go to the effect menu. Goto to distort and transform category and select free distort (or any other). Apply effect to type and click OK. Go to the appearance panel (window menu). With text still selected, you will see the effect entry added to the type entry. To change the added effect, click the free distort and change settings. Add others such as tweak, pucker, blur etc from the menu. If you have a word 'Robert' and you have blurs and poster edges etc attached, you can quickly edit the characters and change to 'Richard'. The blurs etc will be updated to reflect this (all this can be saved as a preset via the styles panel). Click into the object and change the character or characters. There maybe some delay as the blur etc is updated to the reflect the new characters. You can apply the blur etc on the entire word or paragraph. If you select a single letter you will find you cannot add a blur or transform etc as they will be disabled. A workaround is use the object menu and expand and then go to the layers panel and expand the characters and then go to the right side of any of the entries and click the target (circle) and then apply the blurs or transform etc. You can add graphic styles to the letters as well. Go to the window menu and select graphic styles and you will see the panel with all the glowing, bevel etc settings. Select your letters and click one of those to add the fills, strokes etc. You can then go to the appearance panel and see the various filters and fills and gradients and strokes and you add then add a free distort etc to those using the same approach as above. You may find that some styles do not work well with the characters and if that is the case then you may have to convert the characters into outline via the expand command or create outlines. Another option also is to go to the appearance panel and occasionally deleting one entry will reveal the full glory of the style. The distort category also has the powerful transform command which works well with letters, words, paragraphs. You can use it to create multiple copies of your words and then shift those copies by 100pt or 200pt as well as rotate the copies and also scale them - so you can use the transform command to create interesting spiral letter designs as well as zooms and blurs etc. You can add more than one of the transforms (as well as free distorts or pucker) so all kinds of transformations can be generated with your words. All can be manipulated via the appearance panel entries. All can also be saved as a preset.


See video tutorial on subject


Top of page

Load / install. How to load and install graphic styles in Illustrator CC 2019 2018 2017 2015 CS6 CS5 CS4 etc. Display graphic styles panel via window menu. Go to the right side of the panel. Select the open library menu command. Select one of the sets. Select the other library option. Select. They are now added to the document library and can be used any time you open the document / artboard. Select the effects via the opened library. Simply select the preset and the entry will be added to the document's library. You can also select a path and then click the preset in the library (or document's panel) and that effect will be added to the current selected path (or paths). You can see two panels on the right - one is the library file (AI format), the other panel is the document's panel - once they are in the document's panel they are then editable (and can be applied to paths). You can then access the individual parts of the effect via the appearance panel. If you go to the appearance panel you will see the fills and strokes and gradients as well as live effects added to the preset. Location of the Installation folder - the styles are placed into the presets folder 'graphic styles' (user account or application). On the mac, you can find the location for the installation folder in the applications folder and 'Adobe Illustrator CC 2017 2018 2019 etc and then presets and then en_US or en_GB and your required preset (brushes, actions etc). On the PC, go to to your user account folder 'users' on your C drive and then into Appdata and then into roaming folder and into the Adobe folder. You will probably now see a whole load of 'settings' folders and you will need to select your version (2017 CS6 etc) and then you will see a en_GB or en_US etc and probably x86 and x64 or not (depends on the version) and go into the one for your version and then finally into the presets folder for your set (brushes, actions etc). Now you have added the set to this folder, you will now see the AI file appear in the libraries list as described above (instead of having to use the other command to browse for the file)


See video tutorial on subject


Top of page

Add effects. How to add effects to strokes and fills ? You have a graphic style in Illustrator but you want to add a blur (or transform etc) to a fill included in one of your styles, create a path and then apply one of the presets and then go to the appearance panel (found via the window menu). You will then see the breakdown of fills and strokes etc relating to that preset. Select the top most fill entry and then go to the bottom of the presets panel and you will see a little fx icon. Click that and you will see all the options for 3D, blur, artistic etc - go to the blur category and expand and select gaussian blur and give it a setting of 10 pixels. The blur has now been added to that fill alone and has not affected any of the other entries such as the other fills and strokes. Expand out that fill and you will see gaussian blur entry, click that entry and you will see the blur panel appear again and you can change the setting. You will see a little 'fx' beside the entry to remind you that it is not a fill etc. You do not have to apply just a blur, you can mix blur and halftone as well as stained glass and much more such as on the left. Click the little eye on the left to remove the blur. Click the dustbin or garbage can at the bottom of the panel to remove the blur (or artistic etc). There is no copy command but the right side menu has a duplicate option and that can be selected and you will then see two entries for the fill. If you want to use the same blur with a stroke or another fill, you can now drag that to the other fill (and repeat if you have multiple fills). Go back to the presets panel and right side menu and select the new command to add it to the current presets and then you can apply this to other paths. There are no useful features added to the properties panel with CC 2019 2018 to manipulate the fills etc with the appearance.

Top of page

Free styles


More about the styles via Adobe