Webcomiqueros

Cómo comiquear en vectores

Posted in Uncategorized by listocomics on 24/02/2009

(por Quetzal)

Bueno, tengo rato (como seis meses) queriendo postear este tuto, pero lo habia estado dejando de lado, hasta que hace dias vi que Scott Kurtz de PvP estaba entrandole al mundo de los vectores y presumia su metodo como lo mas impresionante y alabenme por compartirlo con ustedes. Y digo “me llamo la atencion” porque en revolver venimos haciendo esto desde hace año y medio ( y me atreveria a decir que de manera menos complicada que el) y me parecio que ya habia pospuesto esto lo suficiente.

Antes de empezar: No pretendo afirmar que esta es la MEJOR manera de vectorizar un comic, es solo la que he encontrado que es mas comoda y funcional cuando se planea utilizar los comics a futuro en otros medios (sobre todo impresos).

Resumen rapido:
Lo que vamos a hacer aqui es tomar un dibujo a mano y vectorizarlo, para en vez de estar trabajando con pixeles hacerlo con vectores (valga la rebuznancia) y aprovechar todas las ventajas que ello supone.

Cuales ventajas? Para empezar una preservacion inigualable de la calidad del trazo. Los vectores los pueden crecer infinitamente y no perderan resolucion, ademas de modificarlos es la mar de sencillos y para los que de repente reciclamos arte (deberiamos hacer la honorable asociacion del copy/paste) representa una gran comodidad.

Ingredientes: Lapiz azul non photo (o cosa que se le parezca), lapiz, papel, rotulador (opcional), tabla digitalizadora (muy opcional), Adobe Photoshop CS2 (o 3) y Adobe Ilustrador CS2 (de preferencia 3).

Paso 1: bosquejo
Lo primero es hacer el dibujo, cada quien lo hace como le place pero yo recomiendo ampliamente empezar a bosquejar con la mina azul (o de cualquier color), pero ya saben, cada quien como le acomode. Si tu dibujas directamente a tabla digitalizadora, brincate este paso.
Así que tenemos algo más o menos así:

Imagen

Paso 2: entintado
Igual, aca tenemos de dos sopas, o entintamos a mano (como yo) o a tabla digital. En cualquiera de los dos metodos, hay que recordar jugar con el grosor de la lineas para que se vea boniiiiiitoooooooo!. Asi que gracias a la magia de internet, digamos que ya tenemos algo asi:

Imagen

Paso 3: escaneado
Aqui es donde esta el primer truco, ya que tenemos que deshacernos de las lineas de bosquejo. Hay muchos tutoriales para eliminar el azul (o verde, en mi caso) en fotochó, pero el mas sencillo es el siguiente: escanear a escala de grises con leve brillo y mucho contraste. ¿Que tanto? pues cada scanner y cada software de scaneado es distinto, asi que tendran que buscar sus propios settings. Por lo pronto y si tienen mucha prisa (o pereza) vamos a escanear con el WIA de Photoshop, en lugar de con el software oficial de cada scaner.

Imagen

En la ventana que se abre, seleccionamos configuracion personalizada y metemos estos settings:

Imagen

y escaneamos.

Paso 4: limpieza.
Esto debio darnos una imagen mas o menos limpia (mas mas que menos) donde apenas se aprecien los trazos del bosquejo. Algo asi como esto:

Imagen

Vamos a deshacernos de esa basurita moviendole al contrast and brigtness:
Imagen

Y listo!
Imagen

¿que? ¿no te gusto como se hicieron tus lineas? no te asustes, todavia no llega lo bueno…

Paso 5. Ora si, vectorizado.
Ahora si viene lo bueno, vamos a guardar nuestra imagen como jpg de maxima calidad y lo vamos a abrir en ilustrador. Notaran que entre las funciones del CS2 esta un pequeño botoncin que dice Live Trace (si no te aparece la barra superior, te vas a window/control).

Imagen

Al presionar este boton, lo que va a suceder es que ilustrador va a interpretar nuestro mapa de bits como vectores, creando las formas necesarias. Hay muchos settings predeterminados pero el que usaremos es este:

Imagen

Nos va a dar un suavizado de las lineas manteniendo los gruesos y delgados que dimos, pero dejando el trazo un poco messy. Si quieren algo mas fiel a su dibujo solo bajen el threshold hasta que obtengan el resultado deseado.

Digamos que ya estamos contentos con el trazado, ahora vamos a expandir:

Imagen

Notaran que ahora ilustrador interpreta su dibujo como un shape y no como bitmap,

Imagen

tambien que cada area blanca (incluyendo la de alrededor del dibujo) es ahora un objeto aparte:

Imagen

Felicidades! tu dibujo esta vectorizado, ahora ¿que hacemos con el?

Paso 6. Decisiones, decisiones.
Como dije antes, cada area blanca es un objeto aparte, asi que tenemos que decidir si las conservamos o no. Si las borramos, hacemos la imagen mucho mas liviana (recuerden que los vectores son pesados para el procesador de su ordenador) pero si las conservamos, podemos interponer un dibujo sobre otro sin problemas, ademas de poder colorear en ilustrador por zonas.
mmmmmh, digamos que las conservamos (menos la del area alrededor, esa si la mandamos al diablo).

Paso 7. Armado el comic.
Puesto que estamos trabajando con vectores ,no hay razon para volver a photoshop, al menos no todavia. Si tu comic es de un formato definido, recomiendo tener las viñetas en un archivo aparte, asi podras, mediante mascaras, jugar libremente con el acomodo de los objetos y el texto. Digamos que tenemos algo asi:

Imagen

Asi que ahora traemos nuestra recien vectorizada imagen (recuerden agruparla primero) y la acomodamos donde la queremos:

Imagen

seleccionamos la viñeta correspondiente:

Imagen

la copiamos y la pegamos ENCIMA de nuestro dibujo y seleccionamos ambas cosas:

Imagen

y creamos una mascara:

Imagen

y listo! nuestra viñeta esta hecha:
Imagen

Noten que como no tuvimos que borrar nada, nuestro dibujo completo aun existe:

Imagen

asi que podemos deshacer la mascara (o haciendo doble click en ella, entrar a editarla) y podemos reacomodar o agregar cosas:

Imagen

Aquí pueden grabar como gif y jpg para subirlo a sus sitios, importarlo en photoshop a la resolucion que les pegue la gana (en serio) y un monton de cosas mas, pero de eso hablare mañana porque esto de escribir tutos es mas tardado de lo que pense y no hice otra cosa en toda la tarde. Luego les platico de como colorear con LivePaint, ilustrar mega rapido con vectores para cuando hay prisa (sombras y todo), y todo lo denas.

Espero que les haya sido de alguna ayuda, saludos!

– fuente: foro WEE

Una respuesta

Subscribe to comments with RSS.

  1. Keint said, on 20/05/2009 at 21:49

    Excelente tutorial, hice casi todo lo del tutorial (excepto lo del dibujo a lapiz mina azul (que conste que tengo dicha mina pero no quise usarla) y algunas cosas varias) y obtuve un resultado muy satisfactorio (bueno no tanto, pero quedo lindo)

    Gracias por el tutorial Quetzal!


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: