Omet navegació

6.1. Definir animacions a imatges

A continuació us explicam amb un exemple com es fa per definir una animació d'una imatge:

  • De la mateixa manera que s'ha explicat en apartats anteriors, cream una nova presentació seleccionant la categoria «En blanco, infografía horizontal».

  • Des de l'opció «Fondo» del tauler d'edició, definim el fons del «Lienzo» de color cel clar color cel clar .

  • Des de l'opció «Imagen» del tauler d'edició, a «Fondo transparente» pitjam «Ver más» i al cercador escrivim la paraula «nube» i a continuació pitjam el botó «Intro»:

    opció «Imagen» del tauler d’edició

  • Inserim a la pàgina dues vegades la imatge localitzada:

    Inserim a la pàgina

  • Seleccionam la imatge i editam l'animació amb el botó botó d'animació . Vegeu els tipus d'animacions a l'apartat Interactivitat i Animacions (unitat 3).

A continuació mostram dos exemples d'animacions que hem definit.

Exemple 1

exemple 1

(1) Seleccionam una animació d'entrada a la pàgina

(2) La direcció d'entrada és d'esquerra a dreta

(3) L'efecte és de tipus «Deslizar»

(4) L'animació comença des del segon 0

(5) La velocitat o durada de l'animació és de 3 segons

Exemple 2

exemple 2

(1) Seleccionam una animació de sortida de la pàgina

(2) La direcció de sortida és d'avall cap amunt

(3) L'efecte és de tipus «Desaparecer»

(4) L'animació comença al segon 1

(5) La velocitat o durada de l'animació és d'1 segon