Adobe Illustrator for web based instructional designers

Explore the Illustrator tools palette, mastering the selection, pen, shapes, line, and paint brush tool, edit paths, apply fill and stroke, rotate objects, and use the eyedropper.

Explore how the Illustrator properties tab adapts to selections—from rectangles to polygons and text—covering transformation, fill and stroke, alignment, and text formatting options.

Learn how layers control stacking order and top layer position, group and lock items, and use the eye and padlock icons to manage visibility.

Export your Illustrator design to the web by setting kerning to zero, exporting SVG code, and embedding it in HTML, then ensure font consistency and responsive sizing for web pages.

Export five steps to success for a web page by adjusting layout, resizing text, fixing font size and kerning, removing text spans, and exporting clean web code.

Export your Illustrator creation for the web, then adjust typography and spacing with kerning to zero, padding, and margins, and enforce a max width for a responsive layout.

Create a simple house using the rectangle tool on a snapped grid, add rounded roof edges, rotate and overlap pieces, then merge and cut to form the chimney and door.

Design a speech bubble in Adobe Illustrator by adding anchor points and using the direct selection tool to adjust the tail without distorting the rest, and refine stroke and fill.

Learn to design statistics in Illustrator by creating five bars on a snapped grid, adjusting each bar's width and incrementally increasing height, applying colors, and grouping the objects.

Create a symmetrical layout by using the grid and rectangular tool to form white bars with a red accent, adjusting spacing and snapping for consistent alignment.

Create a suitcase by combining simple shapes in Illustrator: draw and round a rectangle, form a handle with a stroke, add side lines, align, ungroup, and color the group.

Create a little person in Illustrator by forming a head with an ellipse, a rectangular body and legs, adding curved edges, aligning with the grid, and exporting for the web.

Export a health icon for the web by unlocking layers, grouping objects, resizing the artboard, centering the artwork, and exporting as SVG for scalable mobile use.

Explore export options for web projects, compare presentation attributes and inline styles, and apply CSS class-based styling to elements to improve readability and branding consistency.

Group layers to combine text and polygons into a single group, named poly group one, enabling style changes and visibility control for the whole group with display none or JavaScript.

Learn to add href links to SVG elements exported from Adobe Illustrator, make items clickable with group wrappers, enable pointer cursor on hover, and open links in a new tab.

Explore advancing your scalable vector graphics by adding animation and interactivity, transferring Illustrator designs to After Effects, and controlling vector motion with JavaScript for lightweight, vector-based graphics.