graphicxtras.comtutorialsIllustrator graphic styles

How to rasterize graphic styles in Adobe Illustrator tutorial

rasterize graphic styles in Illustrator

How to rasterize graphic styles in Illustrator tutorial in CC 2017 2015 CS6 CS5 etc

Illustrator Graphic styles can be beautiful designs (as well as live effects) in their own right and you can also use them as a great source for rasterized images in Illustrator (as well as copying the result to Photoshop etc)


The Illustrator graphic styles effect and applied path can be rasterized and then re-used perhaps via live trace - the live trace is now even more amazing with even more features in the latest version CS6.


To rasterize the path / Illustrator graphic style combination


rasterize graphic style panel1. Create a path

2. Apply a graphic style in Illustrator

3. go to the object rasterize command and 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


4. Select the rasterized path / graphic style and then go to the image trace. The image trace (it seems) is now a lot faster with CS6 / CC. You can also now use the rasterization via the effects menu. You can set the color option and the result will be a colorful vector similar to the color of the original graphic style but you can also use the black and white option to generate an interesting silhouette and you can then fill that with a single solid color such as pink


Another option for the rasterize graphic style would be to use it as new brush stroke


Rasterization via effects - new Illustrator graphic style

illustrator graphic styles rastrization shape1. Go to the effects menu


2. select rasterize.


3. Set the resolution, background, add space to the art etc.


4. Click OK.


The rasterization is a live effect so can be modified at any point. You can also, by click the fill or stroke of the graphic style, add the rasterization to the Illustrator graphic style and that in turn becomes a rasterization graphic style (if saved to the styles panel).


You can also modify the rastrization at any point by double clicking on the rasterization line in the Illustrator appearance panel. Example of a rasterized graphic style in Illustrator on the left


To do any post rasterization work, you have to expand the Illustrator graphic style - the end result if it contains a rasterization effect of the graphic style is a raster image.


Expand via the object menu expand appearance. You can then apply the live trace to the expand design


Post rasterization of Illustrator graphic styles

If applied to symbols, the application of the live effects often require a little additional work such as going to the appearance panel and selecting the correct fill / stroke to apply the effect to.


If applied as a single click, you will often find that you just end up with a solid fill and no evidence of any effect but the result of the work is there but just behind or applied to the content / group and the result is probably not the expected one.


The live image trace does require some setup as well as some modification of the end result / threshold (especially) as sometimes the result is either a silhouette or a white screen (personally I would love to see the image trace radically changed and improved, the results can be good but sometimes never very convincing either and there are many wonderful but paid for conversion tools available for the tracing)


Other resources

1. extruded graphic Illustrator styles


Other tutorials

1. how to merge graphic styles in Illustrator tutorial

2. how to modify graphic styles in Illustrator

3. how to use graphic styles to create spheres in Illustrator

4. how to create a calligraphic brushes in Illustrator tutorial