Introducing the new Zero Block feature: Animation of webpage elements
STEP-BY-STEP ANIMATION
ZERO BLOCK
STEP-BY-STEP ANIMATION
STEP-BY-STEP ANIMATION
TURN YOUR WEBPAGE INTO A CAPTIVATING STORY
With step-by-step animation, any element of the page can be assigned motion sequences and allow users to interact with the elements.
ON CLICK
SELECT A TRIGGER TO ACTIVATE THE ANIMATION
ON SCROLL
WHEN POINTING AT THE ELEMENT
WHEN THE ELEMENT APPEARS
ADD NEW STEPS TO YOUR STEP-BY-STEP ANIMATION
CHANGE THE SETTINGS OF EACH ELEMENT FOR EACH STEP
ADD A NEW ELEMENT TO ZERO BLOCK ARTBOARD
POSITION OF THE ELEMENT
SPEED OF MOVEMENT
SIZE OF THE ELEMENT
ANGLE OF ROTATION
TRANSPARENCY
CHANGE THE POSITION OF ELEMENTS ON THE SCROLL
STEP-BY-STEP ANIMATION EXAMPLES
TRIGGER ANIMATION WHEN POINTING AT OR CLICKING ON AN OBJECT
INFINITE SCROLL DISPLAY
ANIMATE YOUR TEXT
ANIMATE YOUR TEXT
FIXED POSITION OF ELEMENTS ON SCROLL
Among the myriad definitions of graphic design, one of the most illuminating is by the American designer and writer Jessica Helfand. According to Helfand, graphic design is a 'visual language uniting harmony and balance, colour and light, scale and tension, form and content. But it is also an idiomatic language, a language of cues and puns and symbols and allusions, of cultural references and perceptual inferences that challenge both the intellect and the eye.

I like Helfand's definition. Her first sentence is a conventional summary of graphic design; few would argue with it. But her second sentence throws a punch: it alludes to design's expressive power and higher intent. Even as a recalcitrant teenager I sensed graphic design's emotive potency. I didn't even know there was such a thing as graphic design, but I lovingly copied lettering from album covers, magazines, cereal boxes and comic books. I didn't copy other elements; only the lettering. I liked the way that particular letterforms gave words added meaning. I noticed that the same words in a different typeface were not necessarily as beguiling. Copying letterforms is a common enough occupation among bored teenagers — it seems to have a calming effect on to hormones: it was used memorably as a trope for disaffected youth by Geoff McFetridge in his title sequence for Sofia Coppola's film The Virgin Suicides.
////////// HOW TO BE A GRAPHIC DESIGNER AND NOT TO LOSE YOUR SOUL
LOOPING OF ANY ANIMATION ELEMENT
Loop element move and scale
SOMETHING ABOUT

The Game Boy is an 8-bit handheld game console which was developed and manufactured by Nintendo and first released on April 21, 1989.
A FACT

The Game Boy is Nintendo's first handheld game console and it combined features from both the Nintendo Entertainment System and Game & Watch.
LAYOUT

The Game Boy has four operation buttons labeled "A", "B", "SELECT", and "START", as well as a directional pad.
GAMES

The Game Boy first launched with Super Mario Land, Alleyway, Baseball and Yakuman. For the North American launches, Tetris and Tennis were also featured, while Yakuman was never released outside of Japan.
COMPLETE STORIES, COMPOSED FROM FRAGMENTS
INTUITIVE INTERFACE THAT WILL HELP YOU MAKE YOUR IDEAS A REALITY IN NO TIME AT ALL
Click on element to animate it
Choose trigger to start animation
Add new steps of animtion
Change properties of object for every new step
Open step-by-step animation in the Zero Block settings
Select the start point for the animation: on scroll, at a certain point in time, on click or hover
Add this new step and change some property of the element
Publish your ideas
|1
|2
|3
|4
OVERVIEW VIDEO
Check out this a short demonstration
of step-by-step animation feature
ANIMATION GUIDE
Learn more about working with step-by-step animation in Zero Block by reading a detailed how-to guide
MAKE CREATIVE IDEAS A REALITY
CREATE CAPTIVATING PROJECTS
Be brave – do more with the Step-by-step animation in Zero Block
© Tilda Publishing. This webpage was created using step-by-step animation in Zero Block
Made on
Tilda