Learn how to navigate Illustrator, effectively utilizing the toolbar and understanding its wide array of tools. The article provides an in-depth guide on how to customize the toolbar, adjust artboard size, operate the Rectangle and Line Segment tools, and manage the Layers panel.
Key Insights
- The toolbar in Illustrator can be customized by selecting 'Edit Toolbar', the three small dots at the bottom, and then clicking on 'Reset'. This ensures a consistent interface across different platforms.
- The Artboard tool allows us to adjust the size of our artboard either by typing in new measurements, clicking and dragging, or going to 'File', 'Document Setup', and selecting 'Edit Artboards'.
- By using the Rectangle and Line Segment tools, simple shapes can be created and then modified using the Selection and Direct Selection tools. The Fill and Stroke attributes can easily be adjusted to change the color of objects.
Note: These materials offer prospective students a preview of how our classes are structured. Students enrolled in this course will receive access to the full set of materials, including video lectures, project-based assignments, and instructor feedback.
In this video, we'll be going over Illustrator's tools. So let's begin by starting on the left where we have our toolbar.
As we've already discussed, we have multiple tools within this toolbar. However, let's first reset our toolbar so that they're consistent across our interfaces. To do this, we'll select Edit Toolbar, the three small dots on the bottom of our toolbar.
We'll click OK to customize it. And now we'll see all of the tools available to us within the toolbar. To reset our toolbar, we'll go to the top right-hand side and select the bullet point looking icon and click Reset.
If it's grayed out as it is on mine, that means our toolbar is already set to the default settings. We can simply click outside and we have our toolbar in order. The first tool we'll go over is our Artboard tool.
If we go towards the bottom of our toolbar, we'll see the Artboard tool. The Artboard tool allows us to adjust the size of our artboard. Let's click on Properties and we can see the details.
Currently, our artboard is 612 points by 792 points. To change this, we can simply type in a new measurement by double-clicking the width or height and typing it in. For example, I'll type in 800 and hit ENTER and we'll see our artboard changes.
I'll then hit CTRL Z to undo. Additionally, we can change the size of our artboard by clicking and dragging only when the Artboard tool is selected. We can click and drag to our desired width and I'll hit CTRL Z again to undo.
Another way to change the size of our artboard is to go to our Selection tool and with the Selection tool selected, we can go to File, Document Setup, and select Edit Artboards. We'll see that the Properties panel brings us back in to the Properties for our Artboard tool. Additionally, with the Selection tool, we can click Edit Artboards.
So as we see, there are many ways to edit our artboard and the size of our artboard. However, one way we cannot edit it is by simply clicking and dragging the artboard with the Selection tool. For our next tool, let's select the Rectangle tool.
We'll go to our toolbar and we'll select the Rectangle tool. Here, with the Rectangle tool, all that we need to do to create a rectangle is simply click and drag. You can drag to whatever size you'd prefer.
I'll leave my rectangle about here and when I release, we'll see that we now have a rectangle within our artboard. Let's add one more element. We'll go back to our Rectangle tool and we'll open up the Tool Group by clicking and holding with the left mouse button.
In this case, we're going to be selecting our Line Segment tool. With the Line Segment tool selected, we'll click and draw adding a line on our artboard. With these two elements on our artboard, let's next go over Selection tools.
To do this, we can go to our toolbar and select the Selection tool found on the top. Additionally, if we hit V on our keyboard, it's the shortcut for the Selection tool. The Selection tool works by selecting different objects.
If we hover over the object we'd like to select, we can simply click and with it selected, we can click and drag with the left mouse button to move it around. I'll then click on the path or the Line Segment and click and drag it to move it. Additionally, we can change the shape and size of an object.
For example, I'll click back on the Rectangle tool and clicking on the white boxes on the corners, we can adjust the size of our shape. We'll do the same thing with the path by clicking and dragging, adjusting the angle as well. So the Selection tool will allow us to select different objects.
Additionally, the Direct Selection tool right below it, shortcut A on the keyboard, allows us to select individual anchor points, which are the points that make up a line. For example, within our Rectangle, we have four different anchor points. With the Direct Selection tool, we can click on these points individually and move them to change our shape or change the dimensions.
I'll undo this by now hitting CTRL Z on my keyboard twice to move it back to its original spot. Let's now go back to the Selection tool using the shortcut V on the keyboard. We click outside the Rectangle, we'll see that we have no objects selected.
However, let's now click back to the Rectangle and go over Fill and Stroke. Both on the left-hand side, we'll see we have the Fill and Stroke as well as within our control bar. The Fill is currently set to white.
This is shown by the box on the top left-hand side, and the Stroke or the line and border of our object is set to black. To change this, we can simply double-click on the Fill or Stroke. Let's change the color of our Rectangle from white to blue by double-clicking the Fill and going to our Color Picker, where we'll simply select a blue color.
We'll leave it about there and click OK. We'll see that our Rectangle is now changed to blue. Additionally, we can change the Stroke color by double-clicking the Stroke and we can change it to whatever color you'd prefer.
I'll change mine to green and click OK. While we can create different colors using different Fill and Stroke colors, we can also revert to default colors by selecting an object and hitting the shortcut D on the keyboard. This will revert to a white Fill and a black Stroke.
Finally, let's now look at our Layers panel, where we'll see that we have Layer 1 and if we click the drop-down arrow to the left of our title, we'll see that we have both a Line as well as a Rectangle. The Layers panel shows what's within our file as well as it shows the stacking order of our different elements. This will be important in upcoming videos as we discuss how to organize our layers both within our Artboard as well as our Layers panel.
Let's now save our work using CTRL S on the keyboard and in the next video, we'll begin drawing our icons. See you there!