Vamos a diseñar Cursores

Un pez

Material necesario para empezar a trabajar:

      
ArtCursors (demo)
    
         Autora del tutorial:
Lilian´s Design

REALIZACION:

Comenzamos abriendo el programa. En la ventana preliminar de opciones que se abre, la cancelamos y en su lugar en la ventana de programa resultante vamos al menú y elegimos File - New Animation:

Dejamos los valores por defecto y aceptamos.

Como ya sabemos como va el programa no voy a repetir pasos que se explicaron en el tutorial 1.

Esta es la disposición de forma y colores que he usado para diseñar mi pez:

Recordad que para probar el cursor sobre la marcha para ver cómo se ve, vamos a cursor - test.

Bueno ya tenemos realizada nuestra primera imagen, que es la que se verá cuando el cursor no esté sobre ningún hipervínculo, de modo que vamos a guardarla. Lo haremos en File - Export - Current image  y en la ventana emergente le ponemos un nombre y lo guardamos como archivo (.cur).

Y ahora vamos a hacer la parte divertida del cursor. Lo vamos a animar. Para ello vamos a insertar un nuevo fotograma haciendo clic en una zona bajo el fotograma actual y en el menú que se nos ofrece elegimos Insert New Frame.

Vamos a ver algo nuevo. Usaremos la herramienta elipse rellena para trazar una burbuja. Así que seleccionamos primeramente un color azulito para el agua bonito y con la herramienta elipse trazamos la burbuja. Luego con el lápiz le ponemos unos puntos blancos para darle el efecto 3D.

Al mismo tiempo vamos a ir aplicando un efecto nuevo, vamos a hacer que el pez cierre los ojos. Así que lo dibujaremos fotograma a fotograma:

Insertamos un nuevo fotograma. Bien, ahora un truquito para no tener que dibujar más burbujas. Seleccionamos la herramienta Selection (el rectangulo) y seleccionamos el contorno de la burbuja y lo arrastraremos a una posición diferente. Incluso lo podemos duplicar con Control C y Control V y poner más de una burbuja en la escena. Haremos un total de 5 fotogramas. Los siguientes irán quedando así:

Bueno ahora ya solo nos queda modificar los tiempos de los fotogramas para que no parezca que el pez tiene tics nerviosos en los ojitos :) Para ello, clic en el fotograma con el botón derecho del ratón y elegimos la opción Set Frame Time, y disponemos los tiempos tal y como se ve en la figura inferior:

Si la previsualización es de nuestro gusto solo nos queda guardar la animación y usarla en nuestras páginas. Para ello, File-Save as y dejaremos la extensión que se pondrá por defecto (.ani):

*********

 Vamos a ver ahora de qué forma usamos los cursores creados. Primeramente oprimimos el botón que hay bajo la cajita  que véis a continuación. El contenido lo pegamos en nuestro documento HTML dentro de las etiquetas <HEAD> </HEAD>.

Seleccionar y Copiar Todo

 Tenéis que tener la precaución de sustituir LD02.cur por el nombre de vuestro primer cursor y LD02b.ani por el nombre de vuestro cursor animado. Obviamente debéis tener los cursores en la misma ruta que vuestro html, sino también deberéis de especificar la ruta donde se encuentran alojados.

¿Quieres ver la vista previa? Clic    >>>>>>>>AQUI<<<<<<<<<