Skip to content
KnowledgeCity

Adobe Animate: Creating Interactive Navigation

Learn how to create interactive navigation.
Preview the first lesson free — get full access to all 6 lessons.
Course: On-Demand
Advanced Provider Jessica Henley  6 Lessons ·  22m  in Arabic, German, English, Spanish, French, Portuguese, Chinese 

Course Description

In this course, students will learn how to create an HTML5 canvas with new document preset settings. We will learn how to organize timeline layers for the navigation system and how to use the design elements to create navigation buttons. We will also discuss how to make the project more interactive by creating a navigation system with instance names and code snippets. This will give us the freedom to animate pre-made objects, convert objects into buttons, and make the animation project interactive across different platforms. In these lessons, students will learn how to create an HTML5 canvas. We will explore navigation techniques such as creating layers, buttons, and systems. We will also learn how to create instance names and how to add code snippets.

What You'll Learn

  • Identify document preset settings for creating an HTML5 canvas in Adobe Animate
  • Organize timeline layers to build a navigation system
  • Create navigation buttons from design elements by converting objects into buttons
  • Label instance names for objects in the project
  • Add code snippets to build an interactive navigation system
  • Animate pre-made objects to make the project interactive across different platforms

Key Takeaways

  • The course shows how to create an HTML5 canvas using new document preset settings in Adobe Animate.
  • Timeline layers can be organized to support a navigation system, including layers for navigation buttons.
  • Design elements can be converted into buttons to build navigation controls.
  • Adding instance names and code snippets makes the animation project interactive across different platforms.
  • Working with instance names and code snippets gives the freedom to animate pre-made objects and make them interactive.

Frequently Asked Questions

What will I learn in this Adobe Animate: Creating Interactive Navigation course?

You will learn how to create an HTML5 canvas with new document preset settings, organize timeline layers for a navigation system, create navigation buttons from design elements, and make the project interactive using instance names and code snippets.

What topics do the lessons cover?

The lessons cover creating an HTML5 canvas, creating navigation layers, creating navigation buttons, creating a navigation system, labelling instance names, and adding code snippets.

What skills will I gain from this course?

You will gain skills in Adobe Animate, code snippets, interactive learning, and building interactive web pages.

How does the course make a project more interactive?

The course makes the project more interactive by creating a navigation system with instance names and code snippets, which allows you to animate pre-made objects, convert objects into buttons, and make the animation interactive across different platforms.