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 the distinction between UX and UI
  • Comparing 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

  • Drafting a sitemap
  • Developing a low-fidelity wireframe
  • Creating a high-fidelity wireframe
  • Designing a mobile-specific wireframe
  • Designing utilizing column grids
  • Applying Illustrator templates
  • Integrating colors and fonts
  • Adding and refining images
  • Managing layers
  • Producing symbols and icons
  • Ensuring final outputs meet standards for responsive mobile applications

Animating with Adobe After Effects

  • Importing artwork from Adobe Illustrator
  • Constructing reusable components
  • Building dashboard tiles and dashboard screens
  • Refining dashboard tiles and dashboard screens
  • Animating elements and screens
  • Generating and adding animations
  • Finalizing the animations
  • Exporting all final sequences as GIFs

Summary and Conclusion

Requirements

  • Prior experience in web design

Target Audience

  • Web Designers
 7 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses

Related Categories