ADVANCED INTERACTIVE DESIGN - EXERCISES

Dk Nur Reem Rashah Pg Mohammad Apri (0336605)
Advanced Interactive Design
Exercises

LECTURES

Week 1 (16/04/2020)

Mr. Lun briefed us on the MIB and what to expect for this course. Subsequently, we learned about how to use classic and shape tweens.

Week 2 (23/04/2020)

There was no lecture, Mr. Lun began with a tutorial to guide us for the next exercise on creating buttons.

INSTRUCTIONS



EXERCISES

Week 1 (16/04/2020)

This week's exercise is centered upon getting to know Adobe Animate and learning the basics. Mr. Lun firstly guided us on how to use the different types of tweens; classic, shape, and motion. Elements such as 'movie clip', 'graphic', 'button', and 'symbol were also introduced. Otherwise, the main objective of this exercise is to understand the concept of keyframing and tweening.

Experimenting with tweens:

Fig 1.0  Progress in Adobe Animate - Creating animation using shape tool and converting into certain parts of the flower into a shape/motion tweens.

Fig 1.1 Previewing via Chrome

Fig 1.2 Shape Tween (Colour change)

Fig 1.3 Motion Tween (Rotating Movement)

Fig 1.4 Outcome

Experimenting with buttons:

Fig 1.5 Graphic used

Fig 1.6 Converting object to symbol, type: 'button'

Fig 1.7 Change color when hovered over the 'hit' area by creating keyframe on the 'over' column

Fig 1.8 Expanding the 'hit' area

Fig 1.9 Placing graphic for a simple pop out animation

Fig 1.10 Convert graphic to motion tween

Fig 1.11 Previewing button (1/2)

Fig 1.12 Previewing button - once the cursor is hovering the button (2/2) 

Fig 1.13 Outcome

Week 2 (23/04/2020)

This week, Mr. Lun taught us how to link the buttons to the other "pages" of the file.