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.

61 of 65 students recommendSee All

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

This class is excellent for beginners like me (who has photoshop knowledge but ZERO illustrator skills.) Thank you so much and this class is highly recommended for all beginners.
This class is SO DOPE. I've taken my skill set to the next level and LOVE it!





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 (and a million other reasons) I count myself blessed.

I believe in hard work, honesty, kindness, and optimism. My work has been featured by Adobe Site of the Day, FWA, Designworklife, Lost Type, Grain Edit, HOW's Design Annual, WMC Fest, The French Paper Sample Room, and Awwwards.