Straight Lines: Free Illustrator Tutorial

Delve into the heart of Illustrator with this in-depth tutorial covering the use of the Pen tool, workspace adjustment, object arrangement, and color fills, complete with comprehensive exercises and tasks.

This exercise is excerpted from Noble Desktop’s past Adobe Illustrator training materials and is compatible with Illustrator updates through 2020. To learn current skills in Illustrator, check out our Illustrator Bootcamp and graphic design classes in NYC and live online.

Topics covered in this Illustrator tutorial:

Using the Pen tool, Adjusting the workspace, Arranging objects, Color fills

Exercise Preview

straight lines template

Exercise Overview

The Pen tool pen tool is the heart of Illustrator. This exercise gets you started drawing simple lines and shapes.

Adobe Illustrator Bootcamp: Live & Hands-on, In NYC or Online, Learn From Experts, Free Retake, Small Class Sizes,  1-on-1 Bonus Training. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.

Getting Started

  1. Go to File > Open.
  2. Navigate to the Desktop, then into the Class Files folder, then into the Illustrator Class folder. Open the Straight Lines Template.ai file.

  3. Select File > Save As.

  4. At the bottom, make sure Format (Mac) or Save as type (Windows) is set to Adobe Illustrator (ai).

  5. Navigate into the same Illustrator Class folder you opened it from.

  6. Name the file yourname-Straight Lines.ai.

  7. Click Save.

  8. In the dialog that appears, leave the default options checked and click OK.

Selecting Colors & Using the Template

  1. As shown below, toward the bottom of the Tools panel, click the Default Fill and Stroke button default fill and stroke. This makes your fill white and the stroke black.

    default fill and stroke in tools panel

  2. As shown below, click the Fill icon to make it active.

    fill placement in tools panel

  3. Click the None button no color tools panel just below that.

  4. Follow the on-screen directions in the file. When you have completed the directions, save your changes and move on to the next steps below.

Finishing Up Once You’re Done with the Template

You’ve drawn all the shapes for the Manhattan Martini image, so let’s arrange them.

  1. Using the Selection tool selection tool, click on the Glass you drew.

  2. Shift–click the Martini and the Manhattan Skyline shape.

  3. Now that all three shapes are selected, copy them (Edit > Copy).

  4. Go to File > Open and from the Illustrator Class folder, choose Manhattan Martini.ai.

  5. Paste the objects (Edit > Paste).

  6. We’ve included the Olive and Toothpick for you. You will learn how to draw curved lines in an upcoming exercise, but we’ve provided these shapes for now.

  7. Click away from the artwork to deselect it.

  8. Let’s arrange things starting with the Glass. With the Selection tool selection tool, click and hold directly on one of its lines and drag it to the center of the page.

Coloring the Martini Glass

  1. In the docked panels at the right of the screen, make sure you are in the Properties panel. If you aren’t, click on the tab name or go to Window > Properties.

  2. This shape needs a white fill. With the Glass still selected, go to the Properties panel and under Appearance, click on the swatch next to Fill. (It should look like no color tools panel.)

    NOTE: In older versions there was no Properties panel. Activate the Fill in the Tools panel and use the Color panel (Window > Color) instead.

  3. At the top middle of the panel that appears, click the Color Mixer button color mixer icon if it isn’t already selected.

  4. Choose white by clicking on the white swatch towards the bottom left of the Color Mixer panel above the color bar.

  5. To close the Color Mixer panel, press Return (Mac) or Enter (Windows).

  6. Click on the Martini shape and place it inside the glass… and while it’s still selected, choose Object > Arrange > Bring to Front.

    A light blue color would make a refreshing-looking “Martini.” Let’s fill it with color.

  7. In the Properties panel next to Appearance, click on the Fill icon.

  8. We want to have maximum precision when choosing colors, so we will use the CMYK color sliders. If the Color Mixer panel isn’t showing CMYK color sliders, go into the panel menu panel menu at the top right of the panel and choose CMYK.

  9. The first line is C (C stands for C yan). Type 7 in the box at the end of this line and press Tab.

  10. If the other 3 colors (MYK) don’t all become 0, then make them 0.

  11. To close the Color Mixer panel, press Return (Mac) or Enter (Windows).

Arranging the Other Elements

  1. Click on the Manhattan Skyline and place it behind the glass.

  2. Notice that the line of the Skyline is on top of the glass. With the Skyline still selected, choose Object > Arrange > Send to Back.

  3. The Skyline is too big compared to the glass. With the shape still selected, go to the Tools panel and double–click the Scale tool scale tool.

  4. In the dialog box that appears, for Uniform Scale, enter 75% and click OK.

  5. Reposition the Skyline if needed. Make sure to choose the Selection tool selection tool.

  6. On the top-right corner of the page, find the three shapes that make up the Olive and Toothpick.

  7. Stay in that corner and use the Selection tool selection tool to assemble the shapes so the toothpick is touching/poking through the olive.

  8. Shift–click all three shapes and go to Object > Group.

  9. With the olive and pick still selected, choose Object > Arrange > Bring to Front.

  10. Move the olive and pick onto the Martini Glass.

  11. Select File > Save As and name it yourname-Manhattan Martini.ai.

  12. Hit Save. In the dialog that appears, leave the default options checked and click OK.

Saving Illustrator Files

Once you click the Save button, an Options dialog will appear. You should keep the Version set to the version of Illustrator you are currently using (in our case, that’s Illustrator).

If you will need to edit the file with an older version of Illustrator, you can save back to an older version, but be careful. Newer features may not translate properly to older versions.

Create PDF Compatible File should be checked on (as it is by default) to ensure the best compatibility with other Creative Cloud applications such as InDesign and Photoshop.

Embed ICC Profiles is an advanced topic since it relates to a color managed workflow. For now, don’t worry about it and just stick with whatever your default is (on or off).

Use Compression should be checked on to reduce file size (without loss of quality).

photo of Dan Rodney

Dan Rodney

Dan Rodney has been a designer and web developer for over 20 years. He creates coursework for Noble Desktop and teaches classes. In his spare time Dan also writes scripts for InDesign (Make Book JacketProper Fraction Pro, and more). Dan teaches just about anything web, video, or print related: HTML, CSS, JavaScript, Figma, Adobe XD, After Effects, Premiere Pro, Photoshop, Illustrator, InDesign, and more.

More articles by Dan Rodney

How to Learn Illustrator

Master Illustrator with hands-on training. Illustrator is an Adobe design application that uses vector graphics to create scalable images, including logos, icons, and fashion patterns.

Yelp Facebook LinkedIn YouTube Twitter Instagram