Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

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
5 Videos (1h 4m)
    • Getting Started in Illustrator

    • Creating and Editing Shapes

    • Typography and Color

    • Adding Styles & Effects

    • Adding Images


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.


67 of 70 students recommendSee All

Really Great !!!! Must Take this Class
Thank you for this amazing class. It gets straight to the point and covers the fundamentals of web design in Illustrator. This was a great way for me to get started in this area. I would definitely recommend it. :)
Great intro for somebody with little to no experience with Adobe products. Practical, common tools are utilized which is very useful for a beginner looking to start creating something quickly.
Tyler Lego

Sine Qua Non





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