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 in Adobe Illustrator and Adobe After Effects

Overview of Web Design

  • UX vs UI
  • Low-fidelity design vs high-fidelity design vs responsive mobile design

Setting Up the Development Environment

  • Installing Adobe Illustrator
  • Installing Adobe After Effects

Planning and Animating with Adobe Illustrator

  • Developing a sitemap
  • Creating a low-fidelity wireframe
  • Creating a high-fidelity wireframe
  • Creating a mobile wireframe
  • Designing with column grids
  • Utilizing Illustrator templates
  • Applying colors and fonts
  • Adding and refining 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
  • Creating reusable components
  • Building dashboard tiles and dashboard screens
  • Finalizing the dashboard tiles and dashboard screens
  • Animating elements and screens
  • Creating and adding animations
  • Finalizing the animations
  • Exporting all final sequences as a GIF

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