Blinkie con gradientes II

En el Animation, juntamos las dos imágenes, el blinkie y la imagen que queramos para adornar lo. Yo use una Mini-Lia con un dragón ;) que os adjunto en materiales.

La imagen del blikie, la abrimos desde Examinar y la otra, vamos a ver otra forma de abrirla en el Animtaion vale?

*Nota: si usáis el Animation, en versión inglesa, da lo mismo, todo esta en el mismo lugar, solo debéis fijaros en el orden de las opciones vale? Ir a Archivo/Asistente de Animación:

img 20

En la primera ventana, pondremos el valor en px con el que queremos que se abran los marcos:

img 21

pulsar siguiente.

img 22

Siguiente.

Para probar otra forma, seleccionaremos la opción de que la imagen salga en la esquina superior Izquierda:

img 23

Siguiente

Si queremos que se reproduzca indefinidamente y vamos a poner ya un valor de tiempo para cada marco:

img 24

Siguiente

Al pulsar el botón ‘Agregar imagen’ se abre una ventana para buscar la imagen, por defecto lo hace ‘Mis Documentos’ por lo que si la imagen la guardasteis en otro lugar, habréis de buscar la carpeta que la contiene, vosotros mismos allá donde la tengáis.

img 25

img 26

como veis, yo no guarde con un nombre concreto la imagen del blinkie. Pero si la veo, sabré cual es, para esto, pulsamos el icono que señala la flecha y luego Vistas en miniatura y se vera así:

img 27

Pulsamos sobre ella, o bien el botón ‘Abrir’

img 28

Ya tenemos una, pero necesitábamos mas, tantas como capas rellenamos con el gradiente. Por lo tanto, agregamos dos mas. En total han de ser tres. Si nos equivocamos o nos pasamos, vemos que se pueden quitar pulsando el botón ‘Quitar imagen’ Una vez que tenemos las necesarias, pulsar siguiente. La próxima ventana es tan solo informativa, directamente pulsamos siguiente y ya acabamos. La imagen aparece así en el animation:

img 29

Ahora tal como hicimos en el tutorial anterior a este, juntamos las dos animaciones, recortamos el lienzo que sobra y así aligeramos de peso la Animación y guardamos siguiendo el tip de Optimización ;)

Tip para guardar animaciones transparentes Aquí

Y esto fue todo, como siempre, esperamos ver vuestros trabajos, uno como el origina l… y en el otro ya podéis añadir cosas de todo lo que habéis ido aprendiendo con los tutoriales anteriores, vale?? Pues adelante y a disfrutar chiquis!!

| Anterior |

Responder