Home   Products   Tutorials   Videos

How to rasterize graphic styles in Adobe Illustrator tutorial

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

rasterize graphic styles in Illustrator

Graphic styles

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.

 

You can find many lovely extruded graphic Illustrator styles for use with the rasterize of styles

 

Rasterization

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

 

graphic style rasterized4) 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 (as on the right with the heart design)

 

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

 

trace of rasterization graphic styles in IllustratorTo 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 such as on the right.

 

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 tutorials

You can find other tutorials such as how to merge graphic styles in Illustrator tutorial and how to modify graphic styles in Illustrator and how to use graphic styles to create spheres in Illustrator and how to create a calligraphic brushes in Illustrator tutorial