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

Web Design Overview

  • UX versus UI
  • Low-fidelity design versus high-fidelity design versus 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
  • Adding colors and fonts
  • Adding and cleaning up images
  • Using layers
  • Creating symbols and icons
  • Finalizing for standards in 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