Get in Touch

Course Outline

Introduction

Adobe Illustrator and Adobe After Effects

  • Assets and components utilized in Adobe Illustrator and Adobe After Effects
  • Design system environments within Adobe Illustrator and Adobe After Effects

Overview of Web Design

  • Understanding UX versus UI
  • Differentiating between low-fidelity design, high-fidelity design, and responsive mobile design

Setting Up the Development Environment

  • Installing Adobe Illustrator
  • Installing Adobe After Effects

Planning and Animating with Adobe Illustrator

  • Developing a sitemap
  • Drafting a low-fidelity wireframe
  • Drafting a high-fidelity wireframe
  • Drafting a mobile-specific wireframe
  • Designing with column grids
  • Utilizing Illustrator templates
  • Applying colors and typography
  • Adding and optimizing images
  • Managing layers
  • Creating symbols and icons
  • Ensuring compliance with standards for responsive mobile applications

Animating with Adobe After Effects

  • Importing artwork from Adobe Illustrator
  • Developing reusable components
  • Constructing dashboard tiles and screens
  • Finalizing dashboard tiles and screens
  • Animating elements and screens
  • Creating and integrating animations
  • Finalizing the animations
  • Exporting all final sequences as GIFs

Summary and Conclusion

Requirements

  • Prior experience in web design.

Audience

  • Web Designers
 7 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses

Related Categories