How to Shine a Light in Illustrator

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.
Create the appearance of a light source shining on your Adobe Illustrator artwork.

Whether you draw technical illustrations or expressive artwork in Adobe Illustrator, the influence of light and shade play a role in how you depict your subject matter. Along with applying blends, gradients and meshes to add dimensionality and realism, you can use the program's effects and blending modes to simulate the impact of bright light sources illuminating your work. Instead of building these effects directly into object fills, start with a basic geometric shape that models the beam from a searchlight, flashlight or lamp.

Advertisement

Step 1

The light source begins as an ordinary geometric shape.

Draw an object above your artwork, either on the same or a different layer. Placing this object on its own layer gives you greater flexibility in how you adjust and review your work. Use the Pen tool to create a freeform shape, or the Rectangle or Ellipse tools to draw a geometric object.

Advertisement

Video of the Day

Step 2

A white fill provides the required light color.

Set the fill color of the object to 255, 255, 255 in an RGB document or 0, 0, 0, 0 in a CMYK file. Use the Color or Control panel, or the foreground swatch in the Tools panel, to assign color. Alternatively, set the "Color" panel to "HSB" mode and set "B," for brightness, to 100 percent. Set the stroke color to "None."

Advertisement

Step 3

Reduce the opacity of the "light" to soften its effect.

Press "Shift-Ctrl-F10" to open the "Transparency" panel if it isn't already visible. Set the object's blending mode to "Overlay" for a bright light or "Soft Light" for a dimmer appearance. To reduce the influence of the object, lower its opacity to 55 percent.

Advertisement

Advertisement

Step 4

Apply a softly blurred edge treatment to add the illusion of depth.

Open the "Effect" menu's "Blur" submenu and choose "Gaussian Blur." Increase the blur radius until the edges of the object soften enough to create the illusion of distance between the light source and the objects it illuminates. The greater the distance between the light and the object, the softer the edges of the light beam.

Video of the Day

Advertisement

Advertisement

references & resources

Report an Issue

screenshot of the current page

Screenshot loading...