Xiaofan Interactive web graphics production

GIF Loop Once

GIF Repeat Loop

Gif Transparent Background

Interactive Composite (Hover &Click)

Xiaofan Additional GIF Studies

Motion I used sky as background and cloud changing position from left to right to show motion

Narritive Reveal I used multiple elements to tell a story of a cow being hit by an apple fell down from a tree

Near / Far I used changing scale of a car to simulate it coming from a far distance to close distance

A/B Comparison I used color chang ing to show a comparison between mushrooms

Time Shifting I used elements that signifies time like sun and soon, and applied motion and color changing to simulate time shifting

Space Shifting I used 2 runners and moving city building as background to show that they are running to different places

Emotion I used a boy and a girl and a heart and them getting close to each other to reveal the emotion of love

Atmosphere I used a classic symbol that represents a holiday to give viewer a holiday atmospheric feeling

Speed I used something that is commonly known to have high speed and applied moving animation to imply high speed

Skill I used a person dressed up in a funny way and playing something that is hard to imply he has a certain skill