• Illustrator: Chiaroscuro

    sphere_tutorial11.png

    NOTE: Some of the techniques in this tutorial are now out of date. Most of what is done as separate objects here could be done with the appearance palette as a single object.
    Illustrator is a great tool for very tight rendering rendering if you know what you’re doing. In this tutorial we’ll go through some of what I think are some of the best tools in Illustrator (and most under-utilized). We’ll look at opacity masks, a few common filters, and one of many ways of achieving simple smooth shading.
    picture-1.png

    picture-2.png

    picture-4.png

    Duplicate your circle using “copy” and “paste in front”. Now go and change your keyboard shortcuts so that command/ctrl + v is “paste in front” instead of paste. Why on earth this isn’t the default I will never know.

    picture-1.png

    picture-5.png

    picture-6.png

    picture-7.png

    picture-8.png

    picture-9.png

    picture-11.png

    picture-14.png

    picture-15.png

    picture-16.png

    picture-17.png

    picture-18.png

    picture-19.png

    Make sure that after clicking “make opacity mask” you actually click on the mask’s icon in the transparency pallette to edit the mask. This is easy to miss.

    picture-20.png

    picture-26.png

    picture-29.png

    picture-31.png

    Blur the shape and voila: adjustable soft highlight.

    Bring in some graphics…
    picture-33.png

    picture-34.png

    Warp them around our shape…
    picture-35.png

    picture-40.png

    picture-45.png

    Clip off the edges and fade them a bit, and we’ve got fairly convincing 3D text.
    picture-47.png

    picture-48.png

    picture-49.png

    picture-51.png

    picture-55.png

    picture-56.png

    picture-57.png

    picture-59.png

    picture-60.png

    09/15/2006
    Posted in Tutorials.

3 Responses to “Illustrator: Chiaroscuro”

  1. Dave Says:

    oh may gosh!! was it nate. I think he told me about it. man I’m sorry

  2. adam Says:

    this stuff happens to the best of us. I’ve done more than my share of accidental data demolition :)

  3. Dave Says:

    hahaha!

Leave a Reply