Home   Products   Tutorials   Videos   Brushes   Custom shapes   Vector shapes / EPS  Patterns  Blog   About us

 

graphicxtras.com

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.

 

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

 

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

 

Graphicxtras products