| 0101 Introducing the Project.mp4 | 13.2 MB | ||
| 0102 Vectorific Illustrator.mp4 | 18.1 MB | ||
| 0103 Becoming Familiar with the Workspace.mp4 | 6 MB | ||
| 0104 Document and Settings Review.mp4 | 6.8 MB | ||
| 0201 Introduction to Grids and Guides.mp4 | 6.4 MB | ||
| 0202 Padding and Margins.mp4 | 9.4 MB | ||
| 0203 Layer Organization.mp4 | 2.7 MB | ||
| 0204 Layout for Mobile.mp4 | 6.2 MB | ||
| 0205 Align and Distribute Tools.mp4 | 3.3 MB | ||
| 0206 Ellipse Tool.mp4 | 2.6 MB | ||
| 0207 Layout for Desktop.mp4 | 3.4 MB | ||
| 0208 Desktop Wireframe cont'd.mp4 | 1.7 MB | ||
| 0209 Adding Arrows and Using Stroke.mp4 | 6.1 MB | ||
| 0210 Adding Type.mp4 | 9.6 MB | ||
| 0211 Text Containers.mp4 | 7.7 MB | ||
| 0212 Buttons.mp4 | 5.9 MB | ||
| 0213 Graphic Styles.mp4 | 1.9 MB | ||
| 0214 Symbols.mp4 | 3.6 MB | ||
| 0215 Naming and Organizing Layers.mp4 | 6.3 MB | ||
| 0301 Pen Tool.mp4 | 6.2 MB | ||
| 0302 Importing a Sketch and Embedding Images.mp4 | 4 MB | ||
| 0303 Building with Color.mp4 | 6 MB | ||
| 0304 Shapebuilder.mp4 | 2.4 MB | ||
| 0305 Layer Order.mp4 | 2.4 MB | ||
| 0306 Converting Text.mp4 | 3.7 MB | ||
| 0401 Adding in Vector Art and Colors.mp4 | 2.9 MB | ||
| 0402 Logo and Grouping.mp4 | 4.7 MB | ||
| 0403 Social Media Icons.mp4 | 4.3 MB | ||
| 0404 Character Styles.mp4 | 11.3 MB | ||
| 0405 Paragraph Styles.mp4 | 2.4 MB | ||
| 0406 Placing Raster Images and Masking.mp4 | 5.5 MB | ||
| 0501 Save as PDF.mp4 | 7.4 MB | ||
| 0502 SVG Graphics.mp4 | 8.1 MB | ||
| 0503 Export Multiple Artboards.mp4 | 4.1 MB | ||
| 0504 Image Optimization and Saving For Web.mp4 | 20.5 MB | ||
| 0505 CSS and Final Thoughts.mp4 | 22 MB | ||
| AI_for_Web_Design.zip | 740 KB | ||
| ▲ 37 total files | |||
Adobe Illustrator for Web Design
with Ashley Burke
Using a project-based learning approach to Illustrator s core
features, walk through the process of designing a simple website
beginning with making a wireframe, and then using that wireframe
as the basis for creating a page mock up for mobile and desktop
platforms. Along the way, use the basic drawing and shape tools
to create an illustrated graphic logo. And with responsive web
design in mind, we ll utilize the benefits of both scalable
vector graphics (SVGs) and CSS export capabilities
What you'll learn
Creating a Wireframe
Logo Design
Webpage Mockups
SVGs
Save for the Web
All Comments