Getting to Know the Work Area - Adobe Illustrator CC Classroom in a Book 2015 release (2016) 

Adobe Illustrator CC Classroom in a Book 2015 release (2016)

1. Getting to Know the Work Area

Lesson overview

In this lesson, you’ll explore the workspace and learn how to do the following:

• Open an Adobe Illustrator CC file.

• Work with the Tools panel.

• Work with panels.

• Reset and save your workspace.

• Use viewing options to change the display magnification.

• Navigate multiple artboards and documents.

• Explore document groups.

• Find resources for using Illustrator.

Image

This lesson takes approximately 45 minutes to complete.

Download the project files for this lesson from the Lesson & Update Files tab on your Account page at www.peachpit.com and store them on your computer in a convenient location, as described in the “Getting Started” section of this book.

Your Account page is also where you’ll find any updates to the chapters or to the lesson files. Look on the Lesson & Update Files tab to access the most current content.

Image

To make the most of the extensive drawing, painting, and editing capabilities of Adobe Illustrator CC, it’s important to learn how to navigate the workspace. The workspace consists of the Application bar, menus, Tools panel, Control panel, Document window, and the default set of panels.

Introducing Adobe Illustrator

In Illustrator, you primarily create and work with vector graphics (sometimes called vector shapes or vector objects). Vector graphics are made up of lines and curves defined by mathematical objects called vectors. You can freely move or modify vector graphics without losing detail or clarity because they are resolution-independent. In other words, vector graphics 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.


Image Tip

To learn more about bitmap graphics, search for “Importing bitmap images” in Illustrator Help (Help > Illustrator Help).


Illustrator also allows you to incorporate bitmap images—technically called raster images—that use a rectangular grid of picture elements (pixels) to represent the visual. Each pixel is assigned a specific location and color value. Raster images can be created in a program like Adobe Photoshop®.

Image

Starting Illustrator and opening a file

You’ll be working with multiple art files during this lesson, but before you begin, you’ll restore the default preferences for Adobe Illustrator CC.


Image Note

If you have not already downloaded the project files for this lesson to your computer from your Account page, make sure to do so now. See the “Getting Started” section at the beginning of the book.


1. To ensure that the tools and panels function exactly as described in this lesson, delete or deactivate (by renaming) the Adobe Illustrator CC preferences file. See “Restoring default preferences” in the “Getting Started” section at the beginning of the book.


Image Note

Resetting the preferences is not something that you’ll need to do when working on your own projects, but it ensures that what you see onscreen matches the descriptions in the lessons.


2. Double-click the Adobe Illustrator CC icon to start Adobe Illustrator.

With Illustrator open, you will most likely see a “welcome” screen with resources for Illustrator, that can be closed.

3. Choose File > Open. In the Lessons > Lesson01 folder on your hard disk, select the L1_start1.ai file, and click Open.

This lesson contains a fictitious business name, address, and website address made up for the purposes of the project.

4. Choose Window > Workspace > Reset Essentials to ensure that the workspace is set to the default settings.


Image Note

If you don’t see Reset Essentials in the Workspace menu, choose Window > Workspace > Essentials before choosing Window > Workspace > Reset Essentials.


5. Choose View > Fit Artboard In Window.

This fits the active artboard into the Document window so that you can see the entire artboard. As you’ll soon learn, an artboard is the area that contains your printable artwork and is similar to a page in Adobe InDesign.

6. Click the word “Libraries” in the panel tab on the right to collapse it, if the Libraries panel is showing (see the following figure). The Libraries panel you see may look different from the figure, and that’s okay.

Image

When the file is open and Illustrator is fully launched, the Application bar, menus, Tools panel, Control panel, and panel groups appear on the screen. Docked on the right side of the screen, you will see that default panels appear as icons by default. Illustrator also consolidates many of your most frequently accessed options in the Control panel below the menu bar. This lets you work with fewer visible panels and gives you a larger area in which to work.

You will use the L1_start1.ai file to practice navigating, zooming, and investigating an Illustrator document and the workspace.

Exploring the workspace

You create and manipulate your documents and files using various elements, such as panels, bars, and windows. Any arrangement of these elements is called a workspace. When you first start Illustrator, you see the default workspace, which you can customize for the tasks you perform. You can create and save multiple workspaces—one for editing and another for viewing, for example—and switch among them as you work.


Image Note

The figures in this lesson are taken using the Windows operating system and may look slightly different from what you see, especially if you are using the Mac OS.


Below, the areas of the default workspace are described:

Image

A. The Application bar across the top by default contains a workspace switcher, the menu bar (on Mac OS, the menu items appear above the Application bar—see the following figure), and application controls.

Image

B. The Control panel displays options for the currently selected object.

C. Panels help you monitor and modify your work. Certain panels are displayed by default, and you can display any panel by choosing it from the Window menu.

D. The Tools panel contains tools for creating and editing images, artwork, page elements, and more. Related tools are grouped together.

E. The Document window displays the file you’re working on.

F. The Status bar appears at the lower-left edge of the Document window. It displays information, zooming, and navigation controls.

Getting to know the Tools panel

The Tools panel on the left side of the workspace contains selection tools, drawing and painting tools, editing tools, viewing tools, the Fill and Stroke boxes, drawing modes, and screen modes. As you work through the lessons, you’ll learn about the specific function of many of these tools.


Image Note

The Tools panel shown here and throughout this lesson has two columns. You may see a one-column Tools panel, depending on your screen resolution and workspace.


Image


Image Tip

You can modify the default keyboard shortcuts that Illustrator comes with. To do this, choose Edit > Keyboard Shortcuts. For more information, see “Keyboard Shortcuts” in Illustrator Help (Help > Illustrator Help).


1. Position the pointer over the Selection tool (Image) in the Tools panel. Notice that the name (Selection Tool) and keyboard shortcut (V) are displayed in a tooltip.

Image


Image Tip

You can turn the tooltips on or off by choosing Illustrator CC > Preferences > General (Mac OS) or Edit > Preferences > General (Windows) and deselecting Show Tool Tips.


2. Position the pointer over the Direct Selection tool (Image), and click and hold down the mouse button until a tools menu appears. Release the mouse button, and then click the Group Selection tool to select it.

Any tool in the Tools panel that displays a small triangle contains additional tools that can be selected in this way.

Image


Image Tip

You can also select hidden tools by pressing the Option key (Mac OS) or Alt key (Windows) and clicking the tool in the Tools panel. Each click selects the next hidden tool in the tool sequence.


3. Click and hold down the mouse button on the Rectangle tool (Image) to reveal more tools. Click the arrow at the right edge of the hidden tools panel to separate the tools from the Tools panel so that you can access them at all times.

Image

4. Click the Close button (X) in the upper-left corner (Mac OS) or upper-right corner (Windows) on the floating tool panel’s title bar to close it. The tools return to the Tools panel.

Image


Image Tip

You can also collapse the floating tool panels or dock them to the workspace or each other.


Next, you’ll learn how to resize and float the Tools panel. In the figures in this lesson, the Tools panel is a double column by default. As I said before, you may see a single-column Tools panel to start with, depending on your screen resolution and workspace, and that’s okay.

5. Click the double arrow in the upper-left corner of the Tools panel to either expand the one column into two columns or collapse the two columns into one (depending on your screen resolution).

Image

6. Click the same double arrow again to expand (or collapse) the Tools panel.

7. Click the dark gray title bar at the top of the Tools panel or the dashed line beneath the title bar, and drag the panel into the workspace. The Tools panel is now floating in the workspace.

Image


Image Tip

You can click the double arrow at the top of the Tools panel or double-click the title bar at the top of the Tools panel to switch between two columns and one column. Just be careful not to click the X!


8. To dock the Tools panel again, drag its title bar or the dashed line below it to the left side of the Application window. When the pointer reaches the left edge, a translucent blue border, called the drop zone, appears. Release the mouse button to dock the Tools panel neatly into the side of the workspace.

Image


Custom Tools panels

You may find yourself using a specific set of tools most of the time. In Illustrator, you can create custom tools panels that contain the tools you use most often.

By choosing Window > Tools > New Tools Panel, you can create a custom tools panel. They are saved with Illustrator and can be closed and opened, regardless of which document is open. They are free-floating and can also be docked and saved in a custom workspace you create. Each new custom tools panel has stroke and fill controls at the bottom and a plus sign (+) where you can drag copies of tools from the main Tools panel onto the custom panel you are creating.

Image


Working with the Control panel

The Control panel is the panel that’s docked at the top of the workspace, just above the docked Tools panel. It offers quick access to options, commands, and other panels relevant to the currently selected content. You can click text like “Stroke” or “Opacity” to display a related panel. For example, clicking the word “Stroke” will display the Stroke panel.

1. Select the Selection tool (Image) in the Tools panel, and click the letter “s” in the word “Resort” in the artwork on the artboard.

Notice that options for that object appear in the Control panel, including the word “Group,” color options, Stroke, and more.

Image

2. With any tool, drag the gripper bar (the dashed line along the left edge) of the Control panel into the workspace.


Image Tip

You can also dock the Control panel by choosing Dock To Top or Dock To Bottom from the Control panel menu (Image) on the right side of the Control panel.


Once the Control panel is free-floating, you can drag the dark gray gripper bar that appears on the left edge of the Control panel to move it to the top or bottom of the workspace.

Image


Image Tip

In the default workspace, the Control panel can be dragged by the dark gray gripper bar on the left edge to the bottom of the Application window. When the pointer (not the panel) reaches the bottom of the Application window, a blue line appears, indicating the drop zone in which it will be docked. You can then release the mouse button to dock it.


3. Drag the Control panel by the gripper bar on the left edge of the panel. When the pointer reaches the bottom of the Application bar, to the right of the Tools panel, a blue line appears indicating the drop zone. When you release the mouse button, the panel is docked.

Image

4. Choose Select > Deselect so that the content on the artboard is no longer selected.

Working with panels

Panels, which are listed alphabetically in the Window menu, give you quick access to many tools that make modifying artwork easier. By default, some panels are docked and appear as icons on the right side of the workspace.

Next, you’ll experiment with hiding, closing, and opening panels.

1. First, choose Reset Essentials from the workspace switcher in the upper-right corner of the Application bar to reset the panels to their original locations.


Image Tip

You can also choose Window > Workspace > Reset Essentials to reset the panels.


2. Click the Swatches panel icon (Image) on the right side of the workspace to expand the panel, or choose Window > Swatches.

Image

Notice that the Swatches panel appears with two other panels—the Brushes panel and the Symbols panel. They are all part of the same panel group.


Image Tip

To find a hidden panel, choose the panel name from the Window menu. A check mark to the left of the panel name indicates that the panel is already open and in front of other panels in its panel group. If you choose a panel name that is already selected in the Window menu, the panel and its group collapse.


3. Click the Symbols panel tab to view the Symbols panel.

Image

4. Now, click the Color panel icon (Image) in the dock. Notice that a new panel group appears and that the panel group that contained the Swatches panel collapses.

5. Click and drag the gripper bar at the bottom of the Color panel down to resize the panel, showing more of the color spectrum.

Image


Image Note

The Color panel you see may look different, and that’s okay.


6. Click the Color panel icon to collapse the panel group.


Image Tip

To collapse a panel back to an icon, you can click its tab, its icon, or the double arrow in the panel title bar.


7. Click the double arrow at the top of the dock to expand the panels. Click the double arrow again to collapse the panels.

Use this method to show more than one panel group at a time. Your panels may look different when expanded, and that’s okay.

Image


Image Tip

To expand or collapse the panel dock, you can also double-click the panel dock title bar at the top.


8. To increase the width of all the panels in the dock, drag the left edge of the docked panels to the left until text appears. To decrease the width, click and drag the left edge of the docked panels to the right until the text disappears.

Image

9. Choose Window > Workspace > Reset Essentials to reset the workspace.

Working with panel groups

You can also move panels from one panel group to another. In this way, you can create custom panel groups that contain the panels you use most often. Next, you will resize and reorganize panel groups, which can make it easier to see more important panels.

1. Drag the Swatches panel icon (Image) away from the dock to remove the panel from the dock and make it a free-floating panel. Notice that the panel stays collapsed as an icon when it is free-floating.

2. Click the double arrow in the Swatches panel title bar to expand the panel so you can see its contents.

Image


Image Tip

To close a panel, drag the panel away from the dock, and click the X in the panel title bar. You can also right-click a docked panel tab or panel icon and choose Close from the menu.


3. Drag the Swatches panel by the panel tab, the panel title bar, or the area behind the panel tab onto the Brushes (Image) and Symbols (Image) panel icons. Release the mouse button when you see a blue line between the panel icons and an outline around the Brushes panel group.

Image


Image Tip

Press Tab to toggle between hide and show for all panels. You can hide or show all panels except for the Tools and Control panels by pressing Shift+Tab to toggle between hide and show.


Next, you’ll organize the panels to create more room in your workspace.

4. Choose Reset Essentials from the workspace switcher in the Application bar to make sure that the panels are reset to their default state.

5. Click the double arrow at the top of the dock to expand the panels.


Image Note

Many panels only require that you double-click the panel tab twice to return to the full-size view of the panel. If you doubleclick one more time, the panel fully expands.


6. Click the Color Guide panel tab to make sure it’s selected. Double-click the panel tab to reduce the size of the panel. Double-click the tab again to minimize the panel. This can also be done when a panel is free-floating (not docked).

Image


Image Tip

To reduce and expand the panel size, instead of double-clicking the panel tab, you can click the small arrow icon to the left of the panel name in the panel tab, if present.


7. Click the Symbols panel tab if not already selected. Drag the dividing line between the Symbols panel group and the Stroke panel group below it, up to resize the group.

Image


Image Note

You may not be able to drag the divider very far, depending on your screen size, screen resolution, and number of panels expanded.


8. Choose Reset Essentials from the workspace switcher on the far right side of the Application bar above the Control panel.

9. Choose Window > Align to open the Align panel group. Drag the title bar of the Align panel group (the bar above the Align tab) to the docked panels on the right side of the workspace. Position the pointer below the group that the Symbols panel icon (Image) is in until a single blue line appears below the group. Release the mouse button to create a new group in the dock.

Image


Image Note

If you drag a group into the dock and drop it into an existing group, the two groups merge. Reset the workspace and open the panel group to try again.


Next, you will drag a panel from one group to another in the docked panels.

10. Drag the Transform panel icon (Image) up so that the pointer is just below the Color panel icon (Image). A blue line appears between the Color panel icon and the Color Guide panel icon (Image), outlining the Color panel group in blue. Release the mouse button.

Image


Image Tip

You can also dock panels next to each other on the right or left side of the workspace. This is a great way to conserve space.


Arranging the panels in groups can help you work faster.


Image Tip

You can also reorder entire panel groups in the dock by dragging the double gray line at the top of each panel group up or down.


Resetting and saving your workspace

You can reset your Tools panel and other panels to their default positions, which you’ve been doing throughout this lesson. You can also save the position of panels so that you can easily access them at any time by creating a workspace.

Next, you will create a workspace where the Libraries panel is collapsed.

1. Choose Reset Essentials from the workspace switcher in the Application bar.

2. Click the Libraries panel tab to hide the panel group.

3. Choose Window > Workspace > New Workspace. Change Name to LibrariesHidden in the New Workspace dialog box, and click OK.

Image


Image Note

To delete saved workspaces, choose Window > Workspace > Manage Workspaces. Select the workspace name, and click the Delete Workspace button.


The name of the workspace could be anything, as long as it makes sense to you. The workspace named “LibrariesHidden” is now saved with Illustrator until you remove it.

4. Choose Window > Workspace > Essentials.

5. Choose Window > Workspace > Reset Essentials.

Notice that the panels return to their default positions.

6. Choose Window > Workspace > LibrariesHidden. Toggle between the two workspaces using the Window > Workspace command, and return to the Essentials workspace before starting the next exercise.


Image Tip

To change a saved workspace, reset the panels as you’d like them to appear, and then choose Window > Workspace > New Workspace. In the New Workspace dialog box, name the workspace with the original name. A message appears in the dialog box warning that you will overwrite an existing workspace with the same name if you click OK.


Using panel menus

Most panels have more options that are available in a panel menu. Clicking the panel menu icon (Image) in the upper-right corner gives you access to additional options for the selected panel, including changing the panel display in some cases.

Next, you will change the display of the Symbols panel using its panel menu.

1. Click the Symbols panel icon (Image) on the right side of the workspace. You can also choose Window > Symbols to display this panel.

2. Click the panel menu icon (Image) in the upper-right corner of the Symbols panel.

3. Choose Small List View from the panel menu.

This displays the symbol names, together with thumbnails. Because the options in the panel menu apply only to the active panel, only the Symbols panel view is affected.

Image

4. Click the Symbols panel menu icon (Image), and choose Thumbnail View to return the symbols to their original view.

5. Click the Symbols panel tab to hide the panel again.

In addition to the panel menus, context-sensitive menus display commands relevant to the active tool, selection, or panel. Usually the commands in a context menu are available in another part of the workspace, but using a context menu can save you time.

6. Position the pointer over the Document window or the contents of a panel. Then, right-click to show a context menu with specific options.

The context-sensitive menu shown here is displayed when you right-click the artboard with nothing selected.

Image


Image Note

If you position the pointer over the tab or title bar for a panel, and right-click, you can close a panel or a panel group in the context menu that appears.



Adjusting the user-interface brightness

Similar to Adobe InDesign or Adobe Photoshop, Illustrator supports a brightness adjustment for the application user interface. This is a program preference setting that allows you to choose a brightness setting from four preset levels or to specify a custom value.

To edit the user-interface brightness, you can choose Illustrator CC > Preferences > User Interface (Mac OS) or Edit > Preferences > User Interface (Windows).

Image


Changing the view of artwork

When working in files, it’s likely that you’ll need to change the magnification level and navigate among artboards. The magnification level, which can range from 3.13% to 64000% (yes, 64 thousand percent), is displayed in the title bar (or document tab) next to the filename and in the lower-left corner of the Document window.

There are a lot of ways to change the zoom level in Illustrator, and in this section you’ll explore several of the most widely used methods.

Using view commands

To enlarge or reduce the view of artwork using the View menu, do one of the following:

• Choose View > Zoom In to enlarge the display of the artwork.

• Choose View > Zoom Out to reduce the view of the artwork.


Image Tip

You can also zoom in using the keyboard shortcut Command++ (Mac OS) or Ctrl++ (Windows). That’s Command and + (Mac OS) or Ctrl and + (Windows). You can also zoom out using the keyboard shortcut Command+– (Mac OS) or Ctrl+– (Windows). That’s Commandand – (Mac OS) or Ctrl and – (Windows).


Each time you choose a Zoom option, the view of the artwork is resized to the closest preset zoom level. The preset zoom levels appear in a menu in the lower-left corner of the Document window, identified by a down arrow next to a percentage.


Image Note

Using any of the viewing tools and commands affects only the display of the artwork, not the actual size of the artwork.


You can also use the View menu to fit the artwork for the active artboard to your screen to fit all artboards into the view area or to view artwork at actual size.

1. Choose View > Fit Artboard In Window.

Because the canvas (the area outside the artboards) extends to 227”, you can easily lose sight of your illustration. By choosing View > Fit Artboard In Window or by using the keyboard shortcut Command+0 (Mac OS) or Ctrl+0 (Windows), artwork is centered in the viewing area.


Image Tip

You can also double-click the Hand tool (Image) in the Tools panel to fit the active artboard in the Document window.


2. Choose View > Actual Size to display the artwork at actual size.

The artwork is displayed at 100%. The actual size of your artwork determines how much of it can be viewed onscreen at 100%.

3. Choose View > Fit Artboard In Window before continuing to the next section.


Image Tip

You can also double-click the Zoom tool (Image) in the Tools panel to display artwork at 100%.


Using the Zoom tool

In addition to the View menu options, you can use the Zoom tool (Image) to magnify and reduce the view of artwork to predefined magnification levels.

1. Select the Zoom tool (Image) in the Tools panel, and then move the pointer into the Document window.

Notice that a plus sign (+) appears at the center of the Zoom tool pointer.

2. Position the Zoom tool over the text “ResortCompany.com,” and click once. The artwork is displayed at a higher magnification.

Notice that where you clicked is now in the center of the Document window.

Image

3. Click two more times on the “ResortCompany.com” text. The view is increased again, and you’ll notice that the area you clicked is magnified.

4. With the Zoom tool still selected, position the pointer over the text “ResortCompany.com” and hold down the Option (Mac OS) or Alt (Windows) key. A minus sign (–) appears at the center of the Zoom tool pointer. With the Option or Alt key pressed, click the artwork twice to reduce the view of the artwork.

Using the Zoom tool, you can also drag in the document to zoom in and out. By default, if your computer meets the system requirements for GPU Performance and it’s enabled, zooming is animated.

5. Choose View > Fit Artboard In Window.

6. With the Zoom tool still selected, from roughly in the center of the artwork, click and drag to the right to zoom in. Drag to the left to zoom out.

Image


Image Note

If your computer does not meet the system requirements for GPU Performance, you will instead select the Zoom tool and drag a dotted rectangle, called a marquee, around the area you want to magnify.


7. Double-click the Hand tool (Image) in the Tools panel to fit the artboard in the Document window.


Image Tip

If you click and hold down with the Zoom tool for a few seconds, you can zoom in using the animated zoom if your computer meets the system requirements for GPU Performance and it’s enabled.


The Zoom tool is used frequently during the editing process to enlarge and reduce the view of artwork. Because of this, Illustrator allows you to select it using the keyboard at any time without first deselecting any other tool you may be using.

• To access the Zoom tool using your keyboard, press Command+spacebar (Mac OS) or Ctrl+spacebar (Windows).

• To access the Zoom out tool using your keyboard, press Command+Option+spacebar (Mac OS) or Ctrl+Alt+spacebar (Windows).


Image Note

In certain versions of Mac OS, the keyboard shortcuts for the Zoom tool (Image) open Spotlight or the Finder. If you decide to use these shortcuts in Illustrator, you may want to turn off or change those keyboard shortcuts in the Mac OS System Preferences.



GPU Performance

The Graphics Processing Unit (GPU), found on video cards and as part of display systems, is a specialized processor that can rapidly execute commands for manipulating and displaying images. GPU-accelerated computing offers faster performance across a broad range of design, animation, and video applications.

The GPU Performance in Illustrator feature has a preview mode called GPU Preview, which enables rendering of Illustrator artwork on the graphics processor.

This feature is available on Windows computers that have an NVIDIA GPU installed and compatible Mac OS computers. This feature is turned on by default for RGB and CMYK documents, and options can be accessed in Preferences by clicking the GPU Performance icon in the Application bar.

Image

To learn more about GPU performance, visit: https://helpx.adobe.com/illustrator/kb/gpu-performance-preview-improvements.html


Scrolling through a document

In Illustrator, you can use the Hand tool (Image) to pan to different areas of a document. Using the Hand tool allows you to push the document around much like you would a piece of paper on your desk. In this section, you’ll access the Hand tool using a few methods.

1. With the Hand tool (Image) selected in the Tools panel, drag down in the Document window. As you drag, the artwork moves with the hand.

As with the Zoom tool (Image), you can select the Hand tool with a keyboard shortcut without first deselecting the active tool.

2. Click any other tool except the Type tool (Image) in the Tools panel, and move the pointer into the Document window. Hold down the spacebar on the keyboard to temporarily select the Hand tool, and then drag to bring the artwork back into the center of your view.


Image Note

The spacebar shortcut for the Hand tool (Image) does not work when the Type tool (Image) is active and the cursor is in text. To access the Hand tool when the cursor is in text, press the Option (Mac OS) or Alt (Windows) key.



Touch workspace

In Adobe Illustrator CC, the Touch workspace is designed for Windows 8– and Windows 10–powered touch-enabled devices. The touch layout has a cleaner interface that allows you to comfortably use a stylus or your fingertip to access the tools and controls of the Touch workspace.

You can create logos, create icons, explore custom lettering and typography, create UI wireframes, and more. The Touch workspace brings traditional drawing templates and French curves to the Illustrator workspace. These shapes project a scalable, movable outline that can be traced against to quickly create refined curves.

At any time (on a supported device), you can immediately switch between the Touch and traditional workspaces to access the full range of Illustrator tools and controls. For more information on working with touch devices and Illustrator, visit Help (Help > Illustrator Help).

On touch devices (a Direct touch device [a touchscreen device], or an Indirect touch device [the Trackpad on a Mac computer], touchpads, or the Wacom Intuos5 device), you can also use standard touch gestures (pinch and swipe) to do the following:

• Pinch in or out, using two fingers (like the thumb and forefinger) to zoom

• Place two fingers on the document, and move the fingers together to pan within the document

• Swipe or flick to navigate artboards

• In artboard editing mode, use two fingers to rotate the artboard by 90°


Viewing artwork

When you open a file, it is automatically displayed in Preview mode, which shows how the artwork will print. Illustrator offers other ways of viewing your artwork, such as outlines and rasterized.

Next, you’ll take a look at the different methods for viewing artwork and understand why you might view artwork that way.

1. Choose View > Fit Artboard In Window.

When you’re working with large or complex illustrations, you may want to view only the outlines, or wireframes, of objects in your artwork so that the screen doesn’t have to redraw the artwork each time you make a change. This is called Outline mode. Outline mode can also be helpful when selecting objects, as you will see in Lesson 2, “Techniques for Selecting Artwork.”

2. Choose View > Outline.

Only the outlines of the objects are displayed. You can use this view to find and easily select objects that might not be visible in Preview mode.


Image Tip

You can press Command+Y (Mac OS) or Ctrl+Y (Windows) to toggle between Preview and Outline modes.


3. Choose View > GPU Preview (or View > Preview On CPU if GPU Preview is not supported) to see all the attributes of the artwork.

4. Choose View > Overprint Preview to view any lines or shapes that are set to overprint.

This view is helpful for those in the print industry who need to see how inks interact when set to overprint.


Image Note

When switching between viewing modes, visual changes may not be readily apparent. Zooming in and out (View > Zoom In and View > Zoom Out) may help you see the differences more easily.


5. Choose View > Pixel Preview.

Pixel preview can be used to see how the artwork will look when it is rasterized and viewed onscreen in a web browser.

Image

6. Choose View > Pixel Preview to turn off pixel preview.

7. Choose View > Fit Artboard In Window to make sure that the entire active artboard is fit in the Document window and leave the document open.


Zooming and panning with the Navigator panel

The Navigator panel is another way to navigate a document with a single artboard or multiple artboards. This is useful when you need to see all artboards in the document in one window and to edit content in any of those artboards in a zoomed-in view. You can open the Navigator panel by choosing Window > Navigator. It is in a free-floating group in the workspace.

The Navigator panel can be used in several ways, including the following:

• The red box in the Navigator panel, called the proxy view area, indicates the area of the document that is being shown.

• Type in a zoom value or click the mountain icons to change the magnification of your artwork.

• Position the pointer inside the proxy view area of the Navigator panel. When the pointer becomes a hand (Image), drag to pan to different parts of the artwork.

Image


Navigating artboards

Artboards represent the regions that can contain printable artwork (similar to pages in a program like Adobe InDesign). You can use artboards to crop areas for printing or placement purposes. Multiple artboards are useful for creating a variety of things, such as multiple-page PDFs, printed pages with different sizes or different elements, independent elements for websites, video storyboards, or individual items for animation in Adobe Flash® or Adobe After Effects. You can easily share content among designs, create multi-page PDFs, and print multiple pages by creating more than one artboard.

Illustrator allows for up to 100 artboards within a single file (depending on their size). Multiple artboards can be added when you initially create an Illustrator document or you can add, remove, and edit artboards after the document is created. Next, you will learn how to efficiently navigate a document that contains multiple artboards.

1. Choose File > Open. If a panel appears, click Open in the panel. You could also choose File > Open again. In the Open dialog box, navigate to the Lessons > Lesson01 folder and select the L1_start2.ai file on your hard disk. Click Open to open the file.


Image Note

At the time that this book was going to press, the panel named “Recent Files” was added to Illustrator, introducing a new way to open files.


2. Choose View > Fit All In Window to fit all artboards in the Document window. Notice that there are two artboards in the document that contain the designs for a business flyer and the front of a postcard.

Image

The artboards in a document can be arranged in any order, orientation, or artboard size—they can even overlap. Suppose that you want to create a four-page brochure. You can create different artboards for every page of the brochure, all with the same size and orientation. They can be arranged horizontally or vertically or in whatever way you like.

3. Select the Selection tool (Image) in the Tools panel, and click to select the “GRAND OPENING CELEBRATION” text on the smaller artboard on the right.

4. Choose View > Fit Artboard In Window.

When you select artwork, it makes the artboard that the artwork is on the active artboard. By choosing the Fit Artboard In Window command, the currently active artboard is fit in the window. The active artboard is identified in the Artboard Navigation menu in the lower-left corner of the Document window.

Image

5. Choose 1 Artboard 1 from the Artboard Navigation menu in the lower-left corner. The larger flyer appears in the Document window.

Image


Image Note

Learn how to work more with artboards in Lesson 5, “Transforming Artwork.”


6. Choose View > Zoom Out.

Notice the arrows to the right and left of the Artboard Navigation menu. You can use these to navigate to the first (Image), previous (Image), next (Image), and last (Image) artboards.

7. Click the Next navigation button (Image) to view the next artboard (Artboard 2) in the Document window.

8. Choose Select > Deselect to deselect the text.

Image

Using the Artboards panel

Another method for navigating multiple artboards is to use the Artboards panel. Next, you will open the Artboards panel and navigate the document.

1. Choose Window > Artboards to show the Artboards panel that is docked on the right side of the workspace.

The Artboards panel lists all artboards in the document. This panel allows you to navigate between artboards, rename artboards, add or delete artboards, edit artboard settings, and more.

2. Double-click the number 1 that appears to the left of the name “Artboard 1” in the Artboards panel. This fits Artboard 1 in the Document window.


Image Note

Double-clicking the artboard name in the Artboards panel allows you to change the name of the artboard. Clicking the artboard icon (Image) or (Image) to the right of the artboard name in the panel allows you to edit artboard options.


3. Double-click the number 2 to the left of the name “Artboard 2” in the Artboards panel to show the smaller artboard in the Document window again.

Notice that when you double-click to navigate to an artboard, that artboard is fit in the Document window.

Image

4. Click the Artboards panel icon (Image) in the dock to collapse the panel.

Arranging multiple documents

There will be times where you open more than one Illustrator document at a time. When you open more than one document, the Document windows are tabbed. You can arrange the open documents in other ways, such as side by side, so that you can easily compare or drag items from one document to another. You can also use the Arrange Documents window to quickly display your open documents in a variety of configurations.

You should currently have two Illustrator files open: L1_start1.ai and L1_start2.ai. Each file has its own tab at the top of the Document window. These documents are considered a group of Document windows. You can create document groups to loosely associate files while they are open.

1. Click the L1_start1.ai document tab to show L1_start1.ai in the Document window.

2. Click and drag the L1_start1.ai document tab to the right of the L1_start2.ai document tab. Release the mouse button to see the new tab order.

Image


Image Note

Be careful to drag directly to the right. Otherwise, you could undock the Document window and create a new group. If that happens, choose Window > Arrange > Consolidate All Windows.


Dragging the document tabs allows you to change the order of the documents. This can be very useful if you use the document shortcuts to navigate to the next or previous document. These two documents are marketing pieces for the same company. To see both of them at one time, perhaps to copy a logo between them, you can arrange the Document windows by cascading the windows or tiling them. Cascading allows you to cascade (stack) different document groups. Tiling shows multiple Document windows at one time, in various arrangements.

Next, you will tile the open documents so that you can see them both at one time. In Illustrator, all the workspace elements are grouped in a single, integrated window that lets you treat the application as a single unit. When you move or resize the Application frame or any of its elements, all the elements within it respond to each other so none overlap.


Image Tip

You can cycle between open documents by pressing Command+~ (next document), Command+Shift+~ (previous document) (Mac OS) or Ctrl+F6 (next document), Ctrl+Shift+F6 (previous document) (Windows).


If you are using a Mac and prefer the traditional, free-form user interface, you can turn off the Application frame by choosing Window > Application Frame to toggle it on or off.

3. Choose Window > Arrange > Tile.

This shows both Document windows arranged in a pattern.


Image Note

Your documents may be tiled in a different order. That’s okay.


4. Click in each of the Document windows to activate the documents and choose View > Fit Artboard In Window for each of the documents. Also, make sure that Artboard 1 is showing for each document in the Document window.

Image

With documents tiled, you can drag the dividing line between each of the Document windows to reveal more or less of a particular document. You can also drag artwork between documents, which copies them from one document to another.

To change the arrangement of the tiled windows, it’s possible to drag document tabs to new positions. However, it’s easier to use the Arrange Documents window to quickly arrange open documents in a variety of configurations.

5. Click the Arrange Documents button (Image) in the Application bar to display the Arrange Documents window. Click the Consolidate All button (Image) to bring the documents back together.

Image


Image Note

On the Mac OS, the menu bar is above the Application bar. Also, depending on the resolution of your screen, the Windows menus may appear in the Application bar.


6. Click the Arrange Documents button (Image) in the Application bar to display the Arrange Documents window again. Click the 2-Up vertical button (Image) in the Arrange Documents window.

7. Click to select the L1_start1.ai tab, if it is not already selected. Then, click the Close button (X) on the L1_start1.ai document tab to close the document. If a dialog box appears asking you to save the document, click Don’t Save (Mac OS) or No (Windows).

8. Choose File > Close to close the L1_start2.ai document without saving.


Image Tip

You can also choose Window > Arrange > Consolidate All Windows to return the two documents to tabs in the same group.


Finding resources for using Illustrator

For complete and up-to-date information about using Illustrator panels, tools, and other application features, visit the Adobe website. By choosing Help > Illustrator Help, you’ll be connected to the Illustrator Help website, where you can search Illustrator Help and support documents, as well as other websites relevant to Illustrator users. Community Help brings together active Adobe product users, Adobe product team members, authors, and experts to give you the most useful, relevant, and up-to-date information about Adobe products.

If you choose Help > Illustrator Help, you can also download a PDF of the Illustrator Help content by clicking the download link for your version.


Data Recovery

If Illustrator crashes, you no longer have to lose work. When Illustrator restarts after a crash, you have the option of recovering work-in-progress files so that your hours of work are not wasted. The recovered files are opened with the "[Recovered]” in the filename.

Image

You can turn data recovery on and off as well as set options such as how often to save recovery data in the program preferences (Illustrator CC > Preferences > File Handling & Clipboard [Mac OS] or Edit > Preferences > File Handling & Clipboard [Windows]).

Image


Review questions

1. Describe two ways to change the view of a document.

2. How do you select a tool in Illustrator?

3. How do you save panel locations and visibility preferences?

4. Describe three ways to navigate among artboards in Illustrator.

5. Describe how arranging Document windows can be helpful.

Review answers

1. You can choose commands from the View menu to zoom in or out of a document or to fit it to your screen; you can also use the Zoom tool (Image) in the Tools panel and click or drag over a document to enlarge or reduce the view. In addition, you can use keyboard shortcuts to magnify or reduce the display of artwork. You can also use the Navigator panel to scroll artwork or to change its magnification without using the Document window.

2. To select a tool, you can either click the tool in the Tools panel or press the keyboard shortcut for that tool. For example, you can press V to select the Selection tool (Image) from the keyboard. Selected tools remain active until you click a different tool.

3. You can save panel locations and visibility preferences by choosing Window > Workspace > New Workspace to create custom work areas and to make it easier to find the controls that you need.

4. To navigate among artboards in Illustrator, you can choose the artboard number from the Artboard Navigation menu at the lower-left of the Document window; you can use the Artboard Navigation arrows in the lower-left of the Document window to go to the first, previous, next, and last artboards; you can use the Artboards panel to navigate to an artboard; or you can use the Navigator panel to drag the proxy view area to navigate between artboards.

5. Arranging Document windows allows you to tile windows or to cascade document groups. This can be useful if you are working on multiple Illustrator files and you need to compare or share content among them.