Drawing basics

Is ideating, tracing, or prototyping on your iPad or iPhone the beginning of your Design workflow?

Check out Adobe Illustrator Draw - an app for your iPad or iPhone. Draw incorporates your favorite vector drawing tools and features into a streamlined, modern interface. You can draw lines, shapes, and freeform illustrations and with ten drawing layers and a photo layer. And when you’re back at your desk, Creative Cloud connectivity makes it easy to apply finishing touches in Illustrator CC or Photoshop CC.

Learn more about the Adobe Illustrator Draw app here.

Download the amazing Adobe Illustrator Draw app from the iTunes app store (Available for your iPhone and iPad).

Vector graphics (sometimes called vector shapes or vector objects) are made up of lines and curves defined by mathematical objects called vectors, which describe an image according to its geometric characteristics.

You can freely move or modify vector graphics without losing detail or clarity, because they are resolution-independent—they maintain crisp edges when resized, printed to a PostScript printer, saved in a PDF file, or imported into a vector-based graphics application. As a result, vector graphics are the best choice for artwork, such as logos, that will be used at various sizes and in various output media.

The vector objects you create using the drawing and shape tools in Adobe Creative Cloud are examples of vector graphics. You can use the Copy and Paste commands to duplicate vector graphics betweenCreative Cloud components.

As you draw, you create a line called a path. A path is made up of one or more straight or curved segments. The beginning and end of each segment are marked by anchor points, which work like pins holding a wire in place. A path can be closed (for example, a circle), or open, with distinct endpoints (for example, a wavy line).

You change the shape of a path by dragging its anchor points, the direction points at the end of direction lines that appear at anchor points, or the path segment itself.

Paths can have two kinds of anchor points: corner points and smooth points. At a corner point, a path abruptly changes direction. At a smooth point, path segments are connected as a continuous curve. You can draw a path using any combination of corner and smooth points. If you draw the wrong kind of point, you can always change it.

A corner point can connect any two straight or curved segments, while a smooth point always connects two curved segments.

A path’s outline is called a stroke. A color or gradient applied to an open or closed path’s interior area is called a fill. A stroke can have weight (thickness), color, and a dash pattern (Illustrator and InDesign) or a stylized line pattern (InDesign). After you create a path or shape, you can change the characteristics of its stroke and fill.

In InDesign, each path also displays a center point, which marks the center of the shape but is not part of the actual path. You can use this point to drag the path, to align the path with other elements, or to select all anchor points on the path. The center point is always visible; it can’t be hidden or deleted.

When you select an anchor point that connects curved segments (or select the segment itself), the anchor points of the connecting segments display direction handles, which consist of direction lines that end in direction points. The angle and length of the direction lines determine the shape and size of the curved segments. Moving the direction points reshapes the curves. Direction lines don’t appear in the final output.

A smooth point always has two direction lines, which move together as a single, straight unit. When you move a direction line on a smooth point, the curved segments on both sides of the point are adjusted simultaneously, maintaining a continuous curve at that anchor point.

In comparison, a corner point can have two, one, or no direction lines, depending on whether it joins two, one, or no curved segments, respectively. Corner point direction lines maintain the corner by using different angles. When you move a direction line on a corner point, only the curve on the same side of the point as that direction line is adjusted.

Direction lines are always tangent to (perpendicular to the radius of) the curve at the anchor points. The angle of each direction line determines the slope of the curve, and the length of each direction line determines the height, or depth, of the curve.

When working with anchor points and paths, you may sometimes need to see direction lines (handles), while at other times they may get in the way. You can show or hide direction lines for multiple selected anchor points. For a single anchor point, the lines always appear.

You can choose to show or hide direction lines on a per-selection basis, or you can set a preference for direction line display.

Illustrator provides the following drawing modes:

• Draw Normal () 

• Draw Behind ()

• Draw Inside ()

The Draw Normal mode is the default drawing mode. You can select drawing modes from the Tools panel, below the Color Selector tool.

To switch through drawing modes, click the Drawing Modes panel in the Tools panel and select the drawing mode. You can also use the Shift+D keyboard shortcut to cycle through the drawing modes.

For a video on using the different drawing modes, see www.adobe.com/go/lrvid5209_ai_en.

The Draw Behind mode allows you to draw behind all artwork on a selected layer if no artwork is selected. If an artwork is selected, the new object is drawn directly beneath the selected object.

The draw behind mode is honored in the following cases:

• Creating new layers

• Placing symbols

• Placing files from the File menu

• Using Alt+Drag to duplicate objects

• Using Paste in Place and Paste on All Artboards options

The Draw Inside mode allows you to draw inside the selected object. The Draw Inside mode eliminates the need to perform multiple tasks such as drawing and altering stacking order or drawing, selecting, and creating a clipping mask.

The draw inside mode is enabled only when there is a single selected object (path, compound path, or text).

To create clipping masks using the Draw Inside mode, select the path within which you want to draw and switch to the Draw Inside mode. Subsequent paths are clipped by the path that was selected when you switch to the Draw Inside mode, until you switch to the Draw Normal mode (Shift+D or double-click).