ANIMATION IN WEB

Paper Code: 
WDT233
Credits: 
4
Periods/week: 
4
Max. Marks: 
100.00
Objective: 

This module will enable students to:

  1. learn principles of animation
  2. create movies and embed in webpages

 

Course Outcomes:(COs):

Course Outcomes (at course level)

Learning and teaching strategies

Assessment Strategies

 
 

Students will be able to:

  1. Correlate and compare old and new 2D animation techniques.  
  2. Determine appropriate use of interactive verses standalone Web applications   
  3. Execute, link and test various web animations using different tools and techniques.
  4. Design and create animations using ActionScript and embed in web pages. 

 

Approach in teaching:

Interactive Lectures, Discussion, Demonstrations, Group activities, Teaching using advanced IT audio-video tools 

 

Learning activities for the students:

Effective assignments, Giving tasks.

 

Assessment Strategies

Class test, Semester end examinations, Quiz, Practical Assignments, Individual and group projects

 

 

 

12.00

Getting Acquainted- Understanding Document Types, Getting to Know the Workspace, working with the Library Panel, Understanding the Timeline, Organizing Layers in a Timeline, Using the Properties Panel, Using the Tools Panel, Undoing Steps, Previewing Your Movie, Modifying the Content and Stage, Saving Your Movie, Understanding Strokes and Fills, Creating Shapes, Making Selections, Editing Shapes, Using Gradient and Bitmap Fills, Using Variable-Width Strokes, Using Swatches and Tagged Swatches, Creating Curves, Using Transparency to Create Depth, Being Expressive with the Paint Brush, Creating and Editing Text, Aligning and Distributing Objects, Converting and Exporting Art.

 

12.00

Creating, Editing and Animating Symbols-Importing Files, Creating Symbols, Editing and Managing Symbols, Changing the Size and Position of Instances, Changing the Colour Effect of an Instance, Understanding Display Options, Applying Filters for Special Effects, Positioning in 3D Space, Animating Position, Changing the Pacing and Timing, Animating Transparency, Animating Filters, Animating Transformations, Changing the Path of the Motion, Swapping Tween Targets, Creating Nested Animations, Graphic Symbols, Easing, Frame-by-Frame Animation, Animating 3D Motion, Animating Camera Moves, Testing Movie.

 

 

12.00

Motion Tweening, Animating Shapes and Using Masks - Motion Editor, Adding Motion Tweens, Editing Property Curves, Viewing Options for the Motion Editor, Copying and Pasting Curves, Adding Complex Eases, Animating Shapes, Understanding the Project File, Creating a Shape Tween, Changing the Pace, Adding More Shape Tweens
Creating a Looping Animation, Using Shape Hints, Previewing Animations with Onion Skinning, Animating Color
Creating and Using Masks, Animating the Mask and Masked Layers, Easing a Shape Tween.

 

12.00

Natural and Character Animation, Interactive Navigation- Natural Motion and Character Animation with Inverse Kinematics. Creating a Walk Cycle, Disabling and Constraining Joints, Inverse Kinematics with Shapes, Simulating Physics with Springiness Creating Buttons, Understanding ActionScript 3.0, Preparing the Timeline, adding a Stop Action, Creating Event Handlers for Buttons, Creating Destination Keyframes, creating a Home Button Using Code Snippets, Code Snippets Options, Playing Animation at the Destination, Animated Buttons.

 

12.00

Sound and Video, Publishing - Using Sounds, Understanding Video, Playback of External Video in Your Project, Working with Video and Transparency, Embedding Video, Understanding Publishing, Publishing for Flash Player,
Publishing for HTML5, Using Classic Tweens, Exporting to HTML5, Inserting JavaScript, Converting to HTML5 Canvas, Publishing a Desktop Application, Publishing to Mobile Devices.

 

ESSENTIAL READINGS: 
  1. Russell Chun, “Adobe Animate CC Classroom” 2018.
  2. Michael Rohde, “Adobe Edge Animate CC for Dummies” John Wiley & Sons Publications.

 

REFERENCES: 

REFERENCES:

  1. KirupaChinnathambi ,"Creating Web Animations" O'Reilly Media, Inc.2017

e-RESOURCES:

  1. https://helpx.adobe.com/in/animate/tutorials.html

JOURNALS:

  1. http://www.ijdesign.org/index.php/IJDesign

 

 

 

Academic Year: