Fuentes de Informacin.

Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

(Tutorial para hacer irritantes animaciones gif)

Desde el principio de los tiempos el hombre, mediante la emulacin,

ha conseguido que las personas se odien unas a otras copiando
siempre los comportamientos ms molestos. Esto en la red recibe el
nombre de animaciones gif. Estas animaciones se han apoderado de
tal modo de Internet que podra afirmar que la telaraa ha sido
inventada para darles cabida y alojamiento. Si sigue usted estas
sencillas instrucciones podr introducirse con rapidez y (lo que es
mejor) con impunidad, en el maravilloso mundo de la animacin bsica.

Empecemos por el principio: Qu es un archivo gif? Las siglas gif

significan Graphic Interchanges Format que en espaol sera:
Formato de Intercambio de Grficos. Se llama as porque posee una
gran compatibilidad con la mayora de los sistemas y no produce
errores de protocolo (a no ser que no posea usted ordenador y quiera
leer un gif en tablillas de cera). Un archivo de imagen gif es un
archivo de imagen como los dems pero se caracteriza porque su
espectro de colores se reduce a 256. La mayora de los artistas que
usted no conoce utilizan muchos ms colores pero casi siempre esto
es imperceptible al ojo humano. Como es un archivo comprimido pesa
poco y al pesar poco se puede abusar de l.

Qu es un programa de animacin gif? Pues su propio nombre lo

indica: es un programa (si no sabe usted lo que es un programa,
mejore su educacin: puede empezar con lpices de colores) de...
animacin gif!. S, y qu es la animacin?: una ilusin de movimiento.
Es decir: nuestro ojo cree ver una accin donde realmente slo existe
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

una sucesin de imgenes fijas. Suele ponerse el ejemplo de que es

como pasar las hojas de un libro a gran velocidad. Supongo que es lo
mismo: si uno pasa las hojas de un libro a gran velocidad, tambin
puede uno hacerse la ilusin de que lo ha ledo. Incluso si uno posee
un equipo informtico suficientemente sofisticado (como el de Ana
Rosa Quintana) puede creer que lo ha escrito. A lo que bamos: al
estar estas imgenes fijas que se suceden en formato gif,
denominamos al programa:... s!: programa de animacin gif!
Podramos llamarle de otra manera pero estaramos confundiendo al
lector, que bastante tiene ya con haber llegado hasta aqu. Fin del
prembulo, puede fumarse un cigarrillo.

Todo este despliegue de erudicin todava no le ha servido de nada,

ya que lo que usted pretende es atiborrar su pgina con divertidas
animaciones o bien lucrarse mediante la elaboracin de engaosos
banners. Lo primero que hemos de hacer entonces es localizar en la
red un programa GRATUITO para animar gifs. Aqu el lector puede
decirse: si he de localizar yo mismo el programa para que me estoy
leyendo este tocho? Est bien, perezoso internauta: yo le ayudar.
Acuda a cualquier buscador (cuando digo cualquier buscador me
refiero a: http://www.google.com) y teclee: ULEAD GIF
ANIMATOR LITE EDITION que es el nico programa gratuito,
perpetuo y de confianza que ahora mismo proporciona Ulead.

Bien, imaginemos que ya ha instalado usted el programa de marras

(es liviano: 1827 k) y se ha convertido en el afortunado poseedor del
Ulead Gif Animator Lite Edition. O sea, que tiene la version light del
esclarecido Ulead Gif Animator. Esto tiene sus ventajas y sus
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

inconvenientes. La ventaja es que es que lo ha conseguido

gratuitamente y podr disfrutar de l de forma ilimitada. Los
inconvenientes son todos los dems. Hay una enorme cantidad de
herramientas que usted no podr activar con este freeware (ya las
iremos quitando importancia) pero fjese en las ventajas. O, para ser
ms preciso, la ventaja: no ha pagado nada.

Adelante: abra el programa. En la fila de arriba tenemos las opciones:

File, Edit, View, Layer, Plug-ins y Help. De momento utilizaremos la
primera: File, para

Crear la animacin

Previamente debemos tener al menos dos imgenes que animar

(naturalmente en formato gif ). Vg: El texto de un banner y la parte
que queremos que se mueva (disculpen el lenguaje tcnico). Les
llamaremos imagen1 e imagen2. Pinchamos en File>open gif . Se
nos abrir la ventana de archivos. Elegimos imagen1 y, atencin:
La guardamos con otro nombre: Vg: imagenanimada. ste ser el
nombre de la ANIMACIN. As que ahora tenemos tres archivos:
imagen1, imagen2 e imagenanimada. Volvemos a File y repetimos
la operacin, ahora con imagen2. Una vez abierta, la vemos como a
la anterior en el centro de nuestra pantalla. Pinchamos en ella con el
botn derecho y en la ventana elegimos Copy. Volvemos a Edit,
abrimos el archivo imagenanimada (en el que recordemos, solo est
imagen1). Una vez abierto vamos a Edit, justo al lado de File,
abrimos la ventana y pinchamos en Paste image. Hop presto! Ya est:
tenemos dos imgenes que se suceden: imagen1 e imagen2 con el
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

nombre de imagenanimada. La ilusin de movimiento est servida.

(A no ser que haya puesto usted dos imgenes iguales una detrs de
otra con lo cual su sucesin dara lugar a ilusin de inmovilidad ms
bien). Si queremos que la animacin sea ms compleja pondremos ms
imgenes (o frames) siguiendo el mismo procedimiento y contestando
S a la pregunta Save changes to imagenanimada?

Ver la animacin

En la segunda fila de herramientas est el botn Start preview. Al

pulsarlo veremos en el centro de la pantalla la sucesin de frames, es
decir: la animacin. Con el botn pulsado slo podremos hacer esto.
As que es importante acordarse de pulsar Stop Preview (en el mismo
lugar) antes de ejecutar cualquier cambio.

Hacer cambios en nuestra animacin

A la izquierda de la pantalla hay una columna donde estn las

imgenes que queremos animar una debajo de otra. Hay dos formas
de ver los frames que componen la pelcula: como lista (con
caracteres) y como thumbnails (miniaturas). Se puede cambiar el
modo con el botn derecho pulsando cualquier frame y pinchando en
View. Es ms cmodo e intuitivo verlos como pequeos dibujos o
diapositivas. La primera ventana siempre pondr debajo Global
Information y contendr los colores de nuestra animacin. Esta
ventana no podr ser eliminada ni modificada; pulsando en ella,
aparecen nuevas herramientas. A la derecha y debajo de Start
preview esta la opcin Looping. Debemos elegir Infinite, lo que hara
que las imgenes que hemos elegido se sucedan en bucle
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

indefinidamente. En la casilla que est inmediatemente debajo

podemos elegir si deseamos que la animacin se repita un nmero n
de veces. Si queremos que se repita cuatro veces, ponemos un 4.
Tambin es que hay que explicrselo todo.

Cmo modificar la animacin infinita: Aunque el bucle sea infinito

podemos introducir cambios en algn frame para que la animacin
sea lo menos montona posible. Pulsando otra vez en la ventana,
thumbnail o diapositiva de nuestros frames volvemos a las
herramientas de tiempo. En la cuarta fila de herramientas tenemos
Delay (tiempo que mantenemos la imagen fija en la animacin) El
Delay divide un segundo en 100 partes como los objetivos de las
cmaras fotogrficas. As que el tiempo mximo que podremos tener
un frame fijo es de un segundo (noventa y nueve partes de un segundo
en realidad) Para hacer esto basta con seleccionar el frame o
thumbnail y teclear la cantidad de tiempo: Un cuarto de segundo
(25), una dcima (10) o lo que deseemos segn la rapidez o lentitud
que queramos imprimir a nuestra animacin. Si queremos que el
frame permanezca fijo durante ms de un segundo debemos poner
una cifra superior a 100. Todo esto podremos verlo inmediatamente
con Start preview (recordando que hay que pararlo para continuar
con las modificaciones).

Herrramientas tiles

Dentro de la opcin Edit tenemos las herramientas habituales.

Tambin salen seleccionando el frame y pulsando el botn derecho
del ratn:
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

Deshacer (undo): Esta versin del programa slo permite anular la

ltima accin. As que cuidadn. El comando para arrepentirse como
casi siempre es Ctrl+Z pero en la versin gratuita tampoco funciona.
As que guarde (save) a menudo.

Cortar (cut): Pues eso: corta. Podremos hacer lo que queramos con
los frames que tengamos en la ventana de la izquierda y verlos como
thumbnails o miniaturas. Cortarlos para pegarlos despus dnde
queramos y tal.

Pegar (paste image): Pues eso: pega. Copiar y pegar son las dos
herramientas ms utilizadas por el chapuzas normal. Dios las bendiga.

Borrar (delete): Borra, elimina, aniquila y destruye el frame

seleccionado.

Duplicar (duplicate): En realidad no slo duplica el frame

seleccionado sino que lo puede triplicar, cuadruplicar... muy til para
estirar la duracin de la animacin.

Recortar (crop): Esta herramienta sirve para reducir el peso de la

animacin hasta lmites anorxicos. Me explico: Habitualmente en un
bannner (por ejemplo) no se anima toda la imagen sino slo una parte.
Recortando la parte que se mueve y ponindola a continuacin del
todo, reducimos la cantidad de pxels que la mquina debe reproducir
en sucesin. En el caso de una cara que guia un ojo recortaramos
el ojo guiado y eso es lo que constituira el segundo frame. Es decir:
el segundo frame sera slo una porcin diminuta del primero, lo que
hace que ste ltimo no pese practicamente nada.
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

Rotar e invertir (rotate & flip): Para tumbar la imagen fija (90 grados
a la derecha o 90 grados a la izquierda) o darla la vuelta (180 grados).
Tambin permite invertirla como en un espejo horizontal y
verticalmente (flip).
Todas estas operaciones se pueden hacer con comandos como pone
en la propia ventana. As copiar sera Ctrl+C, pegar Ctrl+V, etc.

La vista es la que trabaja.

En la opcin View no podremos modificar nada pero nos puede ser til
para trabajar ms cmodos. Podemos acercar o alejar la animacin
(zoom in o zoom out), ampliar o reducir los frames (thumbnail size),
hacer que comience la vista previa (Start preview) o cambiar el modo
de los frames como ya dijimos antes: de modo visual (o como
diapositivas) o por nombre (list). Estando en modo list los frames se
pueden mover e intercalar seleccionndolos y arrastrndolos.
Todo lo que cambiemos en View no tendr ninguna influencia en la
animacin, siendo prctico slo para operar con menor esfuerzo.

Capas(Layer):
Aadir texto en marquesina (Add banner text): Con esta opcin
podemos hacer que nuestra animacin gif sea realmente irritante
aadiendo texto que se desplace por ella. Pinchando en la opcin se
nos abrir una ventana dnde podremos elegir el color, tamao,
sombra, direccin, velocidad y lugar de desplazamiento del texto que
queramos. Automticamente el programa aadir los frames
necesarios para llevar a cabo nuestro molesto propsito.
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

Aadir transicin sencilla (Add simple transition): Aqu se trata de

aadir entre el frame que elijamos y el siguiente efectos de cortinilla
con la velocidad y en la direccin que le indiquemos. En la ventana que
abre nos ensea unas muestras dnde se ven todos estos efectos con
claridad. Tanto el texto en marquesina como las cortinillas aumentan
el peso (y el horror) de la animacin considerablemente.

Plug-ins: Pasaremos misericordiosamente por esta opcin que

ayudara a mejorar el programa de pago. Con este freeware nos
limitaremos a no abrirlo o decir sencillamente No, gracias despus
de verlo.

Help (socorro): No, no es socorro, claro; es ayuda. En la seccin

tutorial vienen unas lecciones muy completas (aunque no tan
simpticas ni bien escritas como stas) tambin para la versin de
pago y en ingls. Puede mirar todo lo que hacen las herramientas que
en su programa estn deshabilitadas: animacin con forma de cubo,
exportar la animacin como ejecutable y otras pavorosas opciones
que, gracias a Dios, este programa ignora.

Pues esto es casi todo. Aqu es dnde yo tendra que decir que la
implementacin de este tipo de animaciones en una pgina consigue
efectos de atractivo dinamismo, rompen con el esquematismo
simtrico del concepto eje en una visualizacin rpida con un peso
mnimo y otras simplezas. Pero no lo har. Si ha conseguido bajarse
el programa, tiene una inteligencia media y sigue mis consejos, estar
haciendo bochornosas animaciones en menos de lo que tarda un
Fuentes de Informacin. Recuperado 15/Marzo/2017
http://www.rodera.net/atutorial.html

troyano en comerse su disco duro. Suerte.