TipClique
Menu

Illustrator for beginners: the first hour

Illustrator: the first hour

Illustrator is good for beginners when the work is made of shapes, and a poor first choice when the work is made of photographs, so the first hour is best spent drawing 1 simple icon from start to export rather than following a poster tutorial. Yes to logos, icons, diagrams, maps, packaging and lettering. No to retouching a face or cutting a subject out of a holiday snap, which is Photoshop's job and is covered separately. What follows is a first hour that produces a finished file: what a vector is, the 4 tools that matter before any others, the 2 habits worth forming immediately, and the 5 things that swallow the rest of the afternoon. Shortcuts are given for Windows. On macOS use Cmd in place of Ctrl and Option in place of Alt.

Shapes drawn by hand, the thing a vector tool formalises.

What a vector is, in the 1 paragraph you need

A vector is a shape described by anchor points and the curves between them, plus a fill colour inside and a stroke along the edge. There is no resolution anywhere in that description, which is why the same file makes a 20 mm favicon and a 20 m billboard with no loss. A pixel image is the opposite: a fixed grid, 3000 px wide and no wider, and enlarging it can only guess. This is the entire reason Illustrator exists alongside Photoshop, and it decides which program a job starts in before you touch a tool. If the answer turns out to be photographs, Photoshop: the first hour runs the same kind of opening session in the other program, where the thing you learn to control is a selection edge rather than an anchor point.

The practical consequence for a beginner is that you are always drawing at 100 percent of nothing. Zoom in as far as you like with Ctrl++, zoom back out with Ctrl+-, and fit the artboard to the window with Ctrl+0. Nothing you see on screen is the resolution of the artwork, because the artwork does not have one until it is exported.

The first hour, in 9 steps

Spend the first hour making 1 icon, because an icon uses every part of the workflow and finishes inside 60 minutes.

  1. Create a document with File > New. Choose RGB for anything going on a screen, CMYK for anything going to a printer, and set the artboard to 512 px square.
  2. Press M for the Rectangle tool and drag a shape. Hold Shift while dragging to constrain it to a perfect square.
  3. Press L for the Ellipse tool and overlap a circle onto the square.
  4. Set the fill and stroke from the swatches at the bottom of the toolbar, or press D to reset them to a white fill and a black stroke.
  5. Select both shapes with the Selection tool, shortcut V, then press Shift+M for Shape Builder and drag across the overlap to merge the regions. Hold Alt and click a region to delete it instead.
  6. Switch to the Direct Selection tool, shortcut A, and drag a single anchor point to change the shape rather than move it.
  7. Open the Layers panel with F7, double click the layer name and call it something real, such as icon.
  8. Save the master with Ctrl+S as .ai. This file is the original and stays editable.
  9. Export a copy with File > Export > Export for Screens for .png and .svg, or File > Save a Copy for .pdf. The export is a copy, never the original.

The 4 tools that matter first

Four tools carry the first month, and everything else in the toolbar can wait until a job needs it.

  • Selection, shortcut V: picks up whole objects and groups, and gives you the bounding box for scaling and rotating.
  • Direct Selection, shortcut A: picks up 1 anchor point or 1 segment inside an object, which is how shapes get edited rather than moved.
  • Pen, shortcut P: places points and drags out the handles that define each curve. Click for a corner, click and drag for a curve.
  • Type, shortcut T: sets live text that stays editable until you outline it.

The Pen tool is the one beginners postpone, and postponing it is the single biggest brake on progress. Give it 20 minutes of deliberate practice: trace a shape you already have on the artboard, and try to use 6 anchor points where your instinct says 20. Fewer points is not a style preference. Fewer points is what makes a curve smooth, a file small and a shape editable a year later.

The 2 habits worth forming in week 1

Two habits separate a file somebody can pick up from a file nobody wants to open, and both cost about 10 seconds each time.

The first habit is naming and locking. Open the Layers panel with F7, name every layer as you create it, and lock the ones you have finished with Ctrl+2. Unlock everything again with Alt+Ctrl+2. A beginner file with 40 objects on 1 unnamed layer is not a small problem, it is the reason the second revision takes longer than the first.

The second habit is keeping the master separate from the deliverable. The .ai file is the original. Every .png, .jpg, .svg and .pdf is a copy made from it, and no copy is ever edited and re-saved back over the source. This habit sounds bureaucratic on day 1 and saves an entire rebuild on day 30, when a client asks for the logo in a different colour and the only file anybody kept is a flattened .jpg.

What goes wrong in the first hour

Five things account for most lost beginner time, and each of them has a 2 second fix.

  • Nothing draws on screen: fill and stroke are both None. Press D.
  • Everything turns into a wireframe: Ctrl+Y toggled Outline view. Press it again.
  • Nothing outside 1 group can be selected: a double click entered Isolation Mode. Press Escape.
  • A shape scales but its outline does not: switch on Scale Strokes & Effects in the General section of Preferences.
  • An artboard looks white but exports transparent: Illustrator has no background colour, only a transparent artboard. Draw a rectangle on the bottom layer if you want an opaque background, and press Shift+Ctrl+D to show the transparency grid so you can see which is which.

What a beginner tutorial should actually contain

Choose a beginner tutorial by whether it names the panel each step lives in. A step that says to open the Pathfinder panel is checkable against your screen. A step that says to click the button in the corner is not, and it will not survive the next interface change. Tutorials in .pdf form date the fastest, because nobody corrects them after publication, and a printed book dates the same way, so read either for concepts and take the menu paths from the software in front of you.

Illustrator instruction exists free in Hindi, Bangla, Tamil, Amharic and dozens of other languages on the video platforms, and it is usable even when you do not read the presenter's language, because the panels in your own install carry the names you need. From here the useful next steps are narrow ones: Kerning and tracking as soon as you are setting words rather than shapes, the Illustrator or InDesign decision the first time a job runs past 1 page, and Illustrator, operation by operation for the panels this hour never opened. Cost is a fair question and the answer is plain: Illustrator is paid software with no lawful free copy, the vendor runs whatever trial it chooses to run on its own site, and if the budget is zero then Inkscape is a free and open source vector editor to learn the same concepts in, with GIMP, Krita, Photopea and Paint.NET covering free raster work.

Where to go next