Yo los hago con Paint Shop Pro V7.00, y aunque no voy a profundizar en el manejo de este programa, indicaré los pasos que sigo aunque sea superficialmente. No obstante a pie de página encontrarás algunas direcciones interesantes sobre Paint Shop. Espero que te sirvan.

   Lo primero que debemos hacer para crear un Gif es abrir una carpeta nueva con el nombre que queramos, en la cual guardaremos todo lo relacionado con este trabajo. En este caso la llamaremos "ejemplo". Una vez creada la carpeta podemos continuar. 

   Abrimos el programa Paint Shop, en la barra de Menú seleccionamos  File ->New  y aparece un cuadro como el que ves a la derecha. Ponemos los valores que se ven y que serán entre otros el tamaño del Gif.  Pulsamos Intro y ya podemos seguir.  Si lo ves muy pequeño, amplíalo con el zoom  de la barra de herramientas (lupa + botón izquierdo del ratón aumenta, botón derecho disminuye).

     Ya estamos listos para empezar a crear el dibujo. Vamos a crear paso a paso un Gif  que será una flecha como la que ves a la derecha. De momento tenemos un fondo transparente, de modo que lo mejor será crear una nueva capa pinchando en Layer -> New Raster Layer. En el cuadro que aparece escribimos el nombre de la nueva capa, que en nuestro caso será "punta" y pulsamos Intro. En esta capa irá dibujada la punta de nuestra flecha.

   En la paleta de herramientas pinchamos en Draw a preset shape (el cuadrito azul y círculo rojo), seleccionamos la forma triángulo, ancho de línea 1 y relleno degradado. He cogido un degradado al azar, que para nuestro ejemplo vale. A continuación dibujo el triángulo con el ratón de forma que no sobresalga del fondo. después le aplico un efecto 3D pinchando en Effects -> 3D Effects -> Inner Bevel y seleccionando uno de ellos. Me ha quedado esto que ves a la derecha. 

   Ya tenemos dibujado el primer "fotograma" de nuestro Gif animado. Lo vamos a guardar seleccionando File -> Save as con el nombre "plantilla" y la extensión .psp en la carpeta que hemos creado anteriormente. Ahora hacemos lo siguiente:

       Pinchamos Layer -> Merge -> Merge Visible, con lo que hemos unido las capas de nuestro dibujo en una sola. Tras esto guardamos nuevamente nuestra flecha, pero esta vez el nombre será "flecha01" y la extensión igualmente .psp, con lo que definitivamente hemos guardado el primer dibujo. Tras este paso cerramos flecha1.

  Volvemos a abrir "plantilla". Recuerda que en este dibujo tenemos las capas separadas. Ahora cogemos la herramienta "Mover" y desplazamos hacia arriba la punta de la flecha teniendo mucho cuidado de que no se mueva horizontalmente. La desplazamos unos cuantos pixels (hay que recordar cuantos, ya que este dato nos hará falta mas tarde), este dato lo puedes ver en la esquina inferior izquierda del monitor. En nuestro ejemplo he subido la punta 13 pixels.

   Tras esto tenemos que crear una nueva capa con Layer -> New Raster Layer, a la cual llamaremos "tramo1", después usamos la herramienta selection de la paleta de herramientas (el rectángulo con línea discontinua) y trazamos un rectángulo debajo de la punta de la flecha de forma que quede la parte inferior en el lugar que ocupaba la parte inferior de la punta antes de moverla. Debe quedar como en la figura 1 de la derecha. 

   Cogemos la herramienta Flood Fill (la del barril) y con el mismo degradado con el que hicimos la punta rellenamos la selección. Nos quedará como la figura 2. Nuevamente guardamos "plantilla" y a continuación otra vez mezclamos las capas (recuerda Layer -> Merge -> Merge visible), tras lo cual el segundo fotograma está listo para ser guardado con el nombre "flecha02". Después de guardarlo ciérralo. 

   Vuelve a abrir "plantilla" y haz igual que anteriormente, desplaza la punta de la flecha hacia arriba 13 pixels con la herramienta Mover. A continuación selecciona la capa "tramo1" situándote sobre él sin cambiar de herramienta y haciendo click con el botón izquierdo del ratón. Ve a la barra de Menú y selecciona Edit -> Copy , y ahora Edit -> Paste -> As New Layer, con lo cual tienes una copia de "tramo1" en otra capa. Ve a Layer -> Properties y le das el nombre "tramo2". Sitúate sobre el nuevo tramo y colócalo en su sitio entre el anterior y la punta de la flecha. Es el momento de guardar "plantilla" nuevamente. ¿Adivinas lo que viene ahora?... Exacto, tenemos que fusionar nuevamente las capas, así que otra vez Layer -> Merge -> Merge Visible y ahora lo guardamos como  "flecha03"  y  siempre  con la extensión .tub. Ahora debemos tener la  figura 3. Repetiremos los pasos hasta obtener otros dos tramos, con lo que al final obtendremos la imagen de la figura 4 y estará guardada con el nombre "flecha05". Hay que tener en cuenta que  "plantilla" se debe guardar siempre antes de fusionar las capas.

       figura 1         figura 2  

   figura 3           figura 4

  Hasta ahora nuestra flecha ha crecido. A partir de este momento debemos hacerla disminuir hasta que desaparezca.

   Vamos a abrir otra vez "plantilla" y a continuación seleccionamos la capa "tramo1". En un paso anterior te expliqué como se selecciona pero ahí va otra forma. En la barra de Menú pinchamos Layer  -> nombre de la capa que queremos seleccionar. Una vez seleccionada volvemos a pinchar Layer -> Delete, con lo que el primer tramo desaparecerá. Fusionamos y guardamos como "flecha06" (no debemos guardar en este caso "plantilla"), con lo que obtendremos una imagen como la de la figura 5 de la derecha.

 Abrimos plantilla otra vez y hacemos igual que en el paso anterior, aunque en esta ocasión borraremos las capas "tramo1" y "tramo2" y después  guardamos como "flecha07". Esta operación la repetiremos hasta borrar la capa "punta", con lo que nuestra flecha habrá desaparecido y nos quedará una imagen como la figura que ves a la derecha. En esta ocasión no haremos la fusión de capas y la guardaremos  con el nombre "flecha10". 

Con esto ha terminado el proceso de dibujo de los "fotogramas" de nuestro GIF, tras lo cual vamos a proceder a la animación propiamente dicha. Pincha aquí para continuar.

figura 5

Tutoriales

Página inicial

Principio de página