Home

Web Authoring 3 - Using Adobe Animate with HTML5 + Javascript

SUBMIT ASSIGNMENTS BY UPLOADING ANIMATE FILES TO CANVAS.

Classes

  1. Orientation Week


  2. Pen Tool Drawing Assignment    How to Edit Vector lines    Draw the provided image  download assets   5%


  3. Drawing in Object Mode - Assignment   - Complete any 2 of these logos.  download assets   5%

     How to Convert Merge Mode to Object Mode

   *Due to the apps2u bug in Animator at the college
    the PEN TOOL likely won't draw properly in OBJECT MODE.

  Here is a possible workaround solution that's worked in the past :

 We must reset Animate when it launches and hold down the following keys when launching:

If this doesn't work resort to Merge mode drawing on multiple layers and complete 2 logos as separate files.


 4a. Frame by Frame Animation 01    02   Assignment  3%

  1. Frame by Frame
  2. Keyframes

 4b. Using Shape Tweens     Assignment  5%

  1. Animation with Shape Tweens (morphing)

 4c. Using Motion Tweens    Assignment      download assets   5%

  1. Animation with Motion Tweens, copying and pasting frames, Editing the Motion Path
  2. Copying and pasting Properties

       Motion Tweens vs. Classic Tweens


  5a. Spotlight effect Using Mask Layers - Assignment   2%

  5b. Movie Clip Symbols Assignment - part 1   part 2   part 3   download assets   8%

  In Depth  Working with Frames    and layers


 6a. Button Symbols - Assignment   3%

 6b. Invisible Button - Assignment   2%

 6c. Navigating using Code Snippets - Assignment       download assets   5%

   ____________________________________________________________

  7a. PopUp Menu - Assignment  6%


   Mid Break 


   8a. Assignment - Part 1 - Text types   Part 2 - Gradients    Part 3 Play Sounds     download assets     6%


   9a.  Review Sound Assignment & Publishing Settings     audio assets  6%


   10. Midterm Assignment     20%

          Link is live                                  Link to Midterm

          You will have until next class to hand it in on Canvas.


 11a. part 1 - playing External Video    part 2 - Fix for multiple video components     download video assets   & audio assets   5%


 12a. to 13a. Final Assignment Work periods   instructions



 14. Final Assignment Due - worth 20%

 



Bonus Actionscript Assignments

15a. Challenge Assignment  material   10%

16a. PopUpMenu - Actionscript Version  6%
16b. Potential Issue with Selectable Text covering up Buttons  

17a. Sound Assignment - Part 1   Part 2    Part 3   6%

18a. External Video   Video Assignment  5%
         Instructions
           1. Create 3 simple buttons with links to 3 keyframes (Page 1, 2 & 3) and your name on the first page
           2. Each page should have a processed video with controller skins.

 

©2025 Daniel Ouellette                                                                                                                                                                      

Contact Dan:
douellette@loyalistcollege.com

Check Your Grade
All Marks on CANVAS

Loyalist Animation
winner - Canadian New Media Awards
"Educator of the Year"

"Educator of the Year"
produced by DJO Studios

My musical alter-ego
©2024 DJO Studios