Course Outline


Adobe Illustrator and Adobe After Effects

  • Assets and components used 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

Preparing the Development Environment

  • Installng Adobe Illustrator
  • Instaling Adobe After Effects

Planning and Animating with Adobe Illustrator

  • Creating a sitemap
  • Creating a low-fidelity wireframe
  • Creating a high-fidelity wireframe
  • Creating a mobile wireframe
  • Designing with column grids
  • Using 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


  • Experience with web design


  • Web Designers
  7 Hours


Related Courses

Introduction to Adobe After Effects CC

  14 hours

Adobe Illustrator Advanced

  14 hours

Adobe Dreamweaver

  28 hours

Adobe Flash Basic

  21 hours

Adobe Acrobat - PDF Creating

  14 hours

Adobe Illustrator

  14 hours

Adobe InDesign

  14 hours

Adobe InDesign Advanced With Interactive Publications

  14 hours

Adobe Premiere Pro

  14 hours

Adobe Captivate

  14 hours

Adobe Technical Communication Suite

  28 hours

Adobe InDesign CS6

  21 hours

Graphic Design Bootcamp

  35 hours

Adobe Analytics

  14 hours