Booklet

author

Ismail El Azizi

Design

Easy and Quick Interaction

design

Design

|

EASY AND QUICK INTERACTION

  1. PREPARE THE FRAME
    Create a new frame, add the illustrations we made the last post, add boxes as containers, and make the second one bigger.
  2. ADD GHOST ELEMENTS
    Duplicate the same elements and make them out of the frame. Make sure they still belong to the frame
  3. ADD A BALL
    To add a sense of continuity to the animation, let's add another ball and make the ball of the middle element smaller with an opacity equal to 0%
  4. DUPLICATE 8 CHANGE
    Duplicate the frame to make the second scene. Change the order and sizes of the illustrations, change also the position of the ball according to the middle illustration
  5. DO IT AGAIN Duplicate the last frame and do the changes. Make sure all the elements are inside the frame
  6. ONE MORE TIME
    Duplicate the last frame again and do the changes. don't worry this is the last one
  7. ADD INTERACTIONS
    Add the interaction form each frame to the next frame, use the properties as on this image

AND DONE! IT IS YOUR TURN NOW

More booklets by Ismail El Azizi

More Design booklets

Your recently viewed booklets

  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
See all booklets