Advertise    Write for Us


Adobe Illustrator Tutorial: Creative vector Halftone effects Using Phantasm CS

posted by: Nicholas van der Walle, in Illustrator Tutorials / Effects/ Comments: 2

The question arose as to whether a rich visual vector halftone-based effect could be produced for editable text so that it remained completely dynamic; ie. it was possible to alter the underlying text at any point. Several methods were explored with the power of Phantasm CS within Adobe Illustrator CS4, or above, and the results spoke for themselves…

Software required:

    Adobe Illustrator CS4 or above

Phantasm CS Design, Studio or Publisher — download as a full 14 day trial

Skill level: Intermediate to high


The combination of Adobe Illustrator and Phantasm CS with its vector Halftone tool allows for very rich graphic styles which keeps things completely dynamic.

The tutorial movie is already lengthy and therefore does not go into some details such as the creation of a simple background, nor the basics of live Effects or creating gradient swatches. It is therefore aimed towards those already familiar with Adobe Illustrator.

Watch the tutorial movie

Variations on a theme

One of the great things about using live Effects is that it’s   possible to play around with settings and create a series of variations   on a theme.

Suggestions for changing settings include:

  • Changing the levels in the Hue/Saturation Colorize instances to alter the colors
  • Altering the Blur settings, or even swapping the Gaussian Blur for a Smart Blur
  • Different levels of the first/top Blurs on the primary Fill and   Stroke changes affects the ratio of small and large Halftone dots (and   adjusting the Halftone’s Dot Gain does similar)
  • To create a more random Halftone dot pattern, duplicate the Roughen Effect applied directly after the Hue/Saturation effect
  • Add Warp live Effects to the overall object or individual   Fills/Strokes to make a bulging style, yet remaining completely editable

Have a play. Here are some variations we achieved…

Further information

The reason that this tutorial is only applicable to Illustrator CS4 and above users is the use of transparency in the gradients for the symbols. This could be replicated using an opacity mask, however, for some reason the Roughen effect no longer acts on the underlying Halftone pattern. (The other anomaly with the Roughen tool is that it places itself at the top/start of an Effect stack, unless another Roughen effect is already present, in which case its second…!)

Note that this overall style is built up from many components, some rasterized such as the Grain Effect. When saving the file, if the file is made PDF compatible option is ticked in the save dialogue window, it can time a minute or more to save the file. If unpicked, saving as a native Illustrator file takes only a small fraction of this time.

Downloading the effect and further information

The article was originally published as part of the Vector Halftone Week series in 2010. If you have not yet come across these articles, here are some great additional reference links:

The diverse range of results possible with the vector Halftone tool found in Phantasm CS is clear when you consider that the image above is a graphic style   which was instantly applied to the photo within Illustrator. Imagination   is the only limit!

source: Astute Graphics Blog



Follow us if you want to be the first to know about the latest Adobe Illustrator tutorials and articles. Vectorboom team works for you!

Total comments: 2
0   Spam
1 CipvafentetiC   (2012 Sep 29 23:15)
I didn't know this effect with Phantasm, thanks

0   Spam
2 mukes barua   (2012 Nov 12 19:58)
thank to got

Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Recent Consultations
Madpencil - Multidisciplinary Team of Designers
Create Seamless Repeating Patterns with InkScribe and VectorScribe
How to Create a Gothic Window Using ColliderScribe and Adobe Illustrator
How to Create the Star of Africa Diamond in Illustrator
Great character designer - James Gilleard