This tutorial will teach you a method to create realistic clouds using Adobe Illustrator CS4 (see image below). Since these clouds are created using vector graphics, they can be scaled to any size without a decrease in image quality. This tutorials is intended for intermediate to advanced Adobe Illustrator users. If you get lost on using some of the palettes or tools in this tutorial, you might want to try one of my Beginner tutorials. Also, due to the fact that the technique used in this tutorials takes advantage of variable opacity gradients, this method will only work in Illustrator CS4 (if you are using an older version, a work-around would be to use opacity masks).

Realistic clouds created in Adobe Illustrator

The following Adobe Illustrator tools will be used in this tutorial:

• Rectangle Tool
• Layers Palette
• Ellipse Tool
• Symbol Sprayer Tool
• Symbol Screener Tool
• Gradient Tool/Palette
• Symbol Palette

Read the rest of this entry »

Have you ever found yourself wondering, “How do I apply a gradient to a stroke?” or, perhaps, “How do I make a gradient follow a curve?” Unfortunately, there isn’t a simple solution in Illustrator for these questions. However, there are some ways to achieve the appearance of having a gradient follow the curves of a path. In this example, we will be looking at how to apply a gradient to a path as a brush stroke, by creating an Art Brush based on a gradient. This is intended for intermediate Illustrator users and assumes the user has a basic working knowledge of Illustrator tools.

Tools/Functions Used:

• Rectangle Tool
• Gradient Palette
• Expand Function
• Transform Palette
• Brushes Palette
• Brush Tool and/or Pen Tool

When asking “How do I apply a gradient as a stroke?” you’ll often be told that the solution is as simple as expanding your stroke into a shape (select your path, and use either Object>Expand or Path>Outline Stroke) and then applying your gradient. This is all fine and dandy, unless you expect that your gradient is going to following the curvature of your original stroked path.

Outlined stroke filled with a gradient vs. stroke with gradient brush applied

RSS Icon created in
Adobe Illustrator

This is second part of the “Creating an RSS icon” tutorial. In Part 1, we used the basic Shape Tools along with the Pathfinder – Divide option to create an “outline” of an RSS icon. This tutorial will focus on using strokes and fills to bring some color to our RSS icon.

(Note: “Cmd” should be substituted for any instance of “Ctrl” for Mac users.)

Tools used:

• Selection Tool
• Swatch Palette
• Gradient Palette
• Appearance Palette
• Stroke Palette

We’ll start with the RSS icon that we created in Part 1. Open your file from Part 1 or  download the RSS icon file (.AI). Once you have the file open, you should have an illustration that looks similar to the image below. Your active “Fill” at this point should be “Empty” (or transparent) and your active “Stroke” should be black. Fills are colors or gradients that we “fill” our shapes with, while Strokes are the colors applied to the paths (or “outlines”) that bound our shapes. The active Fill is indicated in the main toolbar as the solid rectangle at the bottom of the toolbar, while the active Stroke is indicated by the hollow rectangle next to the active Fill icon. Whichever icon appears “on top” is activated and can be changed by selecting a new color either in the Swatch Palette or by using the Eyedropper Tool (not covered in this tutorial). So if the Fill icon (solid rectangle) is on top of the Stroke icon (hollow rectangle) selecting a new color will modify the Fill color and vice-versa. The small rounded line segment with arrow heads at each end next to the Fill and Stroke icon will change the Fill color to the current Stroke color and vice-versa.
Read the rest of this entry »