Vamos a diseñar Cursores

Una seta

Material necesario para empezar a trabajar:

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

Comentarios:

Siempre me ha gustado la frase "Da un pescado a un hombre y comerá un día. Enséñale a pescar y comerá toda su vida". Y eso es lo que intento hacer cada día.

¿Verdad que hemos visto en montones de páginas cursores para descargar y más de una vez nos hemos preguntado como lo harán? Pues hoy haremos nuestro primer cursor. El primero de muchos :)

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:

Y esta será nuestra ventana de trabajo:

 

No es muy distinta a las habituales que ya manejamos. Para comenzar he seleccionado la herramienta Pencil (lápiz) en la barra de herramientas. Como tenia pensado hacer una seta, pues la gama de colores que usé es la que os marco en la imagen. Si os fijáis he marcado el lugar donde iremos viendo la previsualización de nuestro trabajo. Píxel a píxel vamos a dibujar algo similar a la figura que se ve en la imagen.

Si queremos ir probando el cursor sobre la marcha para ver cómo se ve, vamos a cursor - test y en la ventana emergente podemos probar nuestra creación.

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).

Vamos a continuar ahora el dibujo y es el que se verá cuando el cursor pase sobre un hipervínculo. Yo le he añadido la palabra clic:

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 (ver imagen) y en el menú que se nos ofrece elegimos Insert New Frame:

Y ahora tendremos esto:

Con el Frame 2 activo, seleccionamos la herramienta Flood Fill (Bote de pintura) y con un color más claro que el que tengamos en la copa de la seta rellenamos tanto la copa como el tallo. En la previsualización ahora vamos viendo como queda la animación.

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<<<<<<<<<