Course Outline

Introduction

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

Requirements

  • Experience with web design

Audience

  • Web Designers
 7 Hours

Upcoming Courses

Related Categories


Fatal error: Uncaught TypeError: _isl_get_excluded_site(): Return value must be of type ?array, none returned in /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc:38 Stack trace: #0 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc(30): _isl_get_excluded_site() #1 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc(17): isl_get_excluded_site() #2 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/islc7.module(51): get_outline_isls() #3 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/islc7.module(7): islc_prepare_links() #4 /apps/hitra7/npfrontend/nptemplates/default.php(272): islc7_sites_links_array_v3() #5 /apps/hitra7/npfrontend/modules/course/course.php(143): require_once('...') #6 /apps/hitra7/npfrontend/core/routes.php(15): course_menu_callback() #7 /apps/hitra7/npfrontend/__index.php(81): require_once('...') #8 /apps/hitra7/npfrontend/index.php(15): include_once('...') #9 /apps/hitra7/index.php(66): include_once('...') #10 {main} thrown in /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc on line 38