2015
Treehouse
Ashley Burke
2:52
English

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.

Starting Your Adobe Illustrator Project
Introducing the Project
Vectorific Illustrator
Adobe Illustrator Review - 5 questions
Becoming Familiar with the Workspace
Document Settings and Artboards
Workspace and Settings Review - 5 questions
Creating a Wireframe
Introduction to Grids and Guides
Padding and Margins
Layer Organization
Grids and Guides Review - 5 questions
Layout for Mobile
Align and Distribute Tools
Ellipse Tool
Layout for Desktop
Desktop Wireframe cont'd
Adding Arrows and Using Stroke
Adding Type
Text Containers
Buttons
Graphic Styles
Symbols
Naming and Organizing Layers
Wireframe Review - 7 questions
Logo Design
Pen Tool
Pen Tool Review - 5 questions
Importing a Sketch and Embedding Images
Building with Color
Shapebuilder
Layer Order
Converting Text
Logo Design Review - 5 questions
Webpage Mockup
Adding in Vector Art and Colors
Logo and Grouping
Social Media Icons
Vector Art Review - 5 questions
Character Styles
Paragraph Styles
Placing Raster Images and Masking
Webpage Mockup Review - 5 questions
Save for the Web
Save as PDF
SVG Graphics
Export Multiple Artboards
Image Optimization and Saving For Web
Image Optimization Review - 5 questions
CSS and Final Thoughts
Save for the Web Review - 5 questions

Download File Size:229.32 MB

---