Fundamentals of Adobe Illustrator for Web Design: Getting Started with the Basics (I) | Ryan Clark | Skillshare

Fundamentals of Adobe Illustrator for Web Design: Getting Started with the Basics (I)

Ryan Clark, Creative Director at Virb

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (1h 5m)
    • 1. Getting Started in Illustrator

    • 2. Creating and Editing Shapes

    • 3. Typography and Color

    • 4. Adding Styles & Effects

    • 5. Adding Images

    • 6. Explore Design on Skillshare


About This Class


Adobe Illustrator can be a wonderful and effective tool for designing for the web. In this beginners level class, you'll learn how to get started using Illustrator to design your own site.

This class is perfect for anyone looking to learn more about Adobe Illustrator, get started in web design, or for those who already know Illustrator but wanted to use it for web design as well.

What You'll Learn

  • Getting Started. We'll walk through setting up your artboards, the workspace, and specific panels that are helpful for web design tasks.
  • Shapes! Shapes! Shapes! We'll go over how to create, edit and arrange shapes, then turn them into site elements using different tools like alignment, groups, and paths.
  • Typography and Color. We'll then dive into typography and color, what works best on the web, and how to integrate each into your design.
  • Adding Styles. Here we'll cover layer styles, borders, glows, shadows, rounded corners and more.
  • Working with Images. And finally, we'll integrate some imagery into our design and discuss how images are managed in Illustrator.


What You'll Make

In this class you'll create your own one page site, it can be a home page for a freelance project or a design for your own portfolio website. You'll use Adobe Illustrator throughout the process to create your final project.






  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Ryan Clark

Creative Director at Virb

Hi, I'm Ryan--a product designer and Creative Director at Virb. In my spare time I'm also an illustrator and typographer. My first font, Liberator, has been used in campaigns by ESPN, Old Spice, Monday Night Football, UFC, and Marriot. When the days seemed a lot longer I dabbled in screenprinting and taught at two local universities.

I hail from the rolling cornfields of southwestern Ohio, where I live with my beautiful wife and family. I do what I love for a living, and for that...

See full profile

Report class