Illustrator for Web Design

with Justin Seeley
please wait ...
Illustrator for Web Design
Video duration: 0s 5h 27m Appropriate for all

Viewers:

This course reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator. Author and Adobe Certified Expert Justin Seeley covers topics such as building responsive layouts with artboards, producing custom color palettes and swatches for web graphics, and making vector shapes and text that seamlessly scale. The course also explores adding drop shadows and other live effects, setting up interface elements such as forms and tabbed interfaces, optimizing and exporting different types of graphics, and speeding up your workflow with reusable image sprites and Smart Objects.

Topics include:
  • Customizing a web workspace
  • Decoding the mysteries behind screen size and resolution
  • Working with Pixel Preview and anti-aliasing
  • Coloring web graphics
  • Renaming and grouping layers
  • Working with shapes and symbols
  • Creating wireframes on a grid
  • Styling text
  • Creating image sprites
  • Simulating web pages with artboards
  • Optimizing and exporting your work
Subjects:
Design Web
Software:
Illustrator
Author:

Welcome

Hi there! My name is Justin Seeley, and I'm a staff author here at lynda.com. I want to welcome you to this course on Illustrator for Web Design. We are going to start off by covering some core concepts about web design, including how to set up documents for various web and mobile application designs. Once we've laid the groundwork, we'll take a deeper dive into things like color management, working with layers, creating wireframes and mockups, and even developing user interface elements. Once we've created our web graphics, I'll walk you step by step through optimizing and exporting your images to the web, so that you can get the highest-quality files with the smallest file size possible.

Hopefully, by the end of this course, you'll have a firm grasp on the web design process and how you can use Adobe Illustrator to create graphics for any screen-based design. Well, we've got a lot to cover, so if you are ready, let's begin our look at Illustrator for Web Design.

Find answers to the most frequently asked questions about Illustrator for Web Design .


Expand all | Collapse all
please wait ...
Q: Where can I learn more about graphic design?
A: Discover more about this topic by visiting graphic design on lynda.com.
please wait ...