Adobe Illustrator 2024 is the Mac version of Adobe’s vector graphics design software, widely used in brand design, UI/UX, illustration, layout, and other fields. This article aims to provide a clear, accurate, and directly actionable systematic guide.
I. Detailed Explanation of the Core Interface and Workspace
After launching Illustrator 2024, you will see a modern interface composed of multiple panels and areas. The main workspace can be divided into the following parts:
- Menu Bar: Located at the top of the screen, it contains all advanced commands such as “File,” “Edit,” and “Object.”
- Application Bar: Directly below the menu bar, it provides global controls such as the “Workspace Switcher,” “Search,” and “Sync Settings.”
- Tools Panel: Docked on the left side by default, it brings together all core tools such as selection, drawing, text, coloring, and modification. The small triangle in the lower-right corner of a tool indicates a hidden tool group.
- Control Panel: Located below the Application Bar, its content changes dynamically according to the currently selected tool or object, providing the most relevant options and property settings.
- Document Window: The central area, displaying the artboard currently being edited. Each artboard represents an independent output page.
- Right Panel Group (Panels): By default, it docks on the right side and includes key function panels such as “Properties,” “Layers,” “Color,” “Swatches,” and “Brushes.” It can be opened or closed via the “Window” menu.
- Status Bar: Located at the bottom of the document window, it displays auxiliary information such as zoom level and canvas navigation.
You can switch between preset workspace layouts such as “Essentials,” “Layout,” and “Coloring” via Window > Workspace in the menu bar to suit different workflows.
II. Complete Workflow from Creation to Export
Step 1: Create or Open a Project
Method: After launching the software, click the “New” button on the “Home” screen, or use the menu bar File > New (shortcut Cmd + N).
Detailed Operation: In the “New Document” dialog that appears, you can select a preset (such as “Print,” “Web,” or “Mobile”), and configure the document’s dimensions, units, number of artboards, bleed, color mode (RGB/CMYK), and more. Click “Create” to enter the workspace.
To open an existing file, use File > Open (shortcut Cmd + O).
Step 2: Basic Drawing and Object Operations
Drawing shapes: Select the “Rectangle Tool” (M), “Ellipse Tool” (L), etc. from the toolbar on the left. Click and drag on the canvas to create them. Hold the Shift key to draw proportional shapes (such as perfect circles and squares).
Drawing paths: Use the “Pen Tool” (P) to click to create corner points, or click and drag to create smooth curve points. Use the “Direct Selection Tool” (A) to adjust anchor points and handles to modify the path shape.
Selecting and transforming: Use the “Selection Tool” (V) to select and move, scale, or rotate entire objects. Use the “Free Transform Tool” (E) for more flexible distortion. You can precisely set position and dimensions in the Control panel or the “Properties” panel on the right.
Step 3: Coloring and Stroking
Fill color: After selecting an object, click the “Fill” swatch at the bottom of the toolbar or in the “Properties” panel. A color panel will pop up, where you can choose from the color picker, swatches, or use the “Eyedropper Tool” (I) to sample colors from other objects.
Setting strokes: Click the “Stroke” swatch to set the stroke color, thickness (weight), dashes, end caps, and more. These options are centralized in the “Properties” panel and the “Stroke” panel.
Gradients and patterns: In the “Fill” section of the “Properties” panel, click the dropdown menu to switch from a solid color to a “Gradient” or “Pattern.” Use the “Gradient Tool” (G) to drag on the object to interactively adjust the gradient angle and range.
Step 4: Layers and Layout Management
Using Layers: Open the Layers panel via Window > Layers (shortcut F7). Newly created objects will stack in order. You can create new layers and sublayers, adjust the stacking order by dragging, click the eye icon to control visibility, and click the lock icon to lock layers and prevent accidental edits.
Adding Text: Select the “Type Tool” (T), click on the artboard to create point text, or drag to create a text box for area text. Set the font, size, leading, alignment, and more in the “Properties” panel or the “Character”/”Paragraph” panels.
Step 5: Saving and Exporting Your Work
Saving the Project: Use File > Save (shortcut Cmd + S) to save the file as a native Illustrator format (.ai) for future editing.
Exporting the Final File: This is a key step for generating final files for print, web, or client delivery.
- Determine the artboard range to export. You can manage multiple artboards with the “Artboard Tool” (Shift+O).
- Use
File > Export > Export As...(shortcutCmd + Shift + S). - In the dialog box, select a format (such as PNG, JPG, PDF, SVG).
- For bitmap formats (PNG/JPG), an “Export” options dialog will appear. Here you can set the resolution (72-150 PPI for screen, 300 PPI for print), background (transparent/white), artboard range, and more.
For multi-artboard export, you can use File > Export > Export for Multiple Screens... to export all artboards at once in multiple sizes and formats.
