En Internet hay muchos comics dando vueltas, por ejemplo xkcd -para geeks- o el de Alberto Montt -para gente semi normal-. Sin embargo, todos ellos adoptan la modalidad clásica de cuadros estáticos que se usa desde hace ya muchos años en periódicos y revistas.

Yo tengo mi propio comic, llamado Geeki. Lo que lo diferencia de los demás -además de mi escandalosa falta de talento- es que utilizo Macromedia Adobe Flash para que desde un mismo cuadro pueda pasarse hacia los otros, como una suerte de slideshow pero con dibujos en lugar de fotos. Hoy voy a explicarles cómo hacer un comic paso a paso con Flash 8, uno exactamente igual al que uso en Geeki.

Para que se den una idea más clara de lo que digo, aquí­ pueden ver un ejemplo (por cierto, también se puede embeber en cualquier sitio, a la YouTube):

Así­, al presionar sobre los botones/flechas se pasa al siguiente o anterior fotograma, siempre desde un mismo lugar.

Estructura

Antes que nada, debemos establecer las dimensiones de nuestro comic. En la solapa inferior Propiedades, dale click al botón tamaño. Yo en Geeki utilizo 425×350. Es importante que no sobre nada de fondo, pues sino se verí­a mal cuando alguien intente embeberlo (luego hablaremos de esto).

Si no tienes mucha experiencia en Flash, te comento que la aplicación se maneja con una lí­nea de tiempo, fotogramas y capas en su interior. Vamos a crear unas 4 capas; sobre la lí­nea de tiempo, botón derecho del mouse donde dice Capa 1 e Insertar capa. Procura que tengan un orden descendiente (1, 2, 3 y 4; puedes moverlas con el mouse). Ahora veamos qué compondrá a cada una. Capa 1: Botones; Capa 2: Bordes; Capa 3: Personajes; Capa 4: Fondo.

Resta crear los fotogramas. Colocate sobre la celda que tiene un circulo en su interior, botón derecho e Insertar fotograma clave vací­o. Hazlo tantas veces como cuadros necesites para el comic. Esto habilita que podamos dibujar sobre cada uno de modo independiente.

1. Botones: En el fotograma 1 de la capa 1 dibuja una especie de cí­rculo con una flecha en su interior. Luego seleccionalo, botón derecho del mouse y Convertir en simbolo. Allí­ elige Botón. Haz lo mismo con otro, y coloca cada uno en un extremo. Ya tenemos los botones que tus visitantes usarán para visualizar el comic.
2. Bordes: Este será el marco del comic.
3. Personajes: Aquí­ dibujas a tus simpáticos protagonistas.
4. Fondo: Una habitación, paisaje, lo que quieras.

Programando la acción

Con el fin de que al presionar los botones, estos efectivamente lleven hacia el próximo o anterior fotograma, debemos asignarles una acción. Pero como se trata de un webcomic y no de una animación, antes hay que darle una “pausa” a cada fotograma para que no salga todo de corrido. En cada fotograma de la celda 2, debes darle a botón derecho del mouse y Acciones. Allí­ pega esto:

stop();

Ahora que todo está quieto, presiona el botón derecho del mouse sobre un botón del comic y luego elige Acciones. En el cuadro que se abrirá, pega el siguiente código:

on (release) {
gotoAndPlay(2);
}

Debes pegarlo en cada uno de los botones, y donde dice 2 reemplazalo por el número que corresponda. Por ejemplo, si se trata del botón >> del segundo fotograma, allí­ irí­a 3. Si se trata del botón <<, corresponde 1.

Si quieres mejorar el diseño de tus botones, haz doble click sobre alguno de ellos y te encontrarás con una nueva lí­nea donde dice Reposo, Sobre, Presionado y Zona activa. Desde allí­ podrás cambiar los colores y tamaños para cada circunstancia.

Link interior

Ya que alguien podrí­a ver tu webcomic embebido en otro blog, resulta útil incluir un link para que, si desea conocer má, vaya directo hacia tu sitio. Crea un nuevo botón (ya vimos cómo), y asignale la siguiente acción:

on (release) {

getURL("http://www.tusitio.com", "_blank");

}

Entonces, cuando un usuario lo presione, se abrirá el sitio en una nueva ventana.

Embebiendolo

Ahora sabes hacer un comic en Flash, pero como eres muy 2.0, te gustarí­a que otras personas puedan embeberlo en su blog. Es sencillo, simplemente ofrece este código:

[embed src="http://tusitio.com/tucomic.swf" mce_src="http://tusitio.com/tucomic.swf" quality="high" bgcolor="#ffffff" name="marco2" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="xxx" width="xxx">[embed]

Lo pegan en una entrada de su blog (como hice yo más arriba) y listo. Recuerda reemplazar los simbolos [ ] del principio y fin por < >, además de la URL fuente y las dimensiones del comic por las que correspondan.

Adiós

Bueno, espero que este tutorial te haya servido para que comiences tu propio webcomic sobre lo que sea; y así­ todos tengamos más basura con la cual entretenernos por un breví­simo instante.