Académique Documents
Professionnel Documents
Culture Documents
DIBUJAR DIGITALMENTE
Comics
FREDDIE E W I L L I A M S I I
Esta traduccin est realizada por un aficionado a los comics con un conocimiento bsico del idioma ingls, no por un traductor profesional, por lo que a pesar de que el texto del libro est escrito con frases poco complicadas y es fcil de leer en su idioma original, es inevitable que se hayan producido algunos errores de traduccin. Espero que hayan sido pocos.
Por otro lado, en algunos captulos el autor utiliza trminos tcnicos extrapolados de otras disciplinas o contextos ligados al dibujo de difcil traduccin. As por ejemplo, al dibujo de bosquejos mejorados que se realiza sobre los primeros borradores los llama Breakdowns (parabra que proviene de los dibujos intermedios que se realizan en animacin), y al dibujo detallado final antes de pasar al entintado lo llama Wireframes (trmino que significa malla de alambre en el diseo 3D). Hemos traducido Breakdowns como Detallado , y Wireframes como Delineado .
Solo se han traducido los captulos fundamentales para poder realizar el proceso de dibujo digital de comics, los dems son secundarios y no afectan al tema principal. No obstante por si a alguin le interesa resumimos a continuacin muy brevemente de que tratan los captulos que no se han traducido:
CAPTULO 1 Gnesis: El autor describe cmo surge la elaboracin del libro. CAPTULO 2 Por qu digital?: Se explican los beneficios de dibujar mediante el ordenador. CAPTULO 3 Las herramientas necesarias: Ordenador, tableta Wacom, discos duros, backups. CAPTULO 4 Comenzando con Photoshop: Se describen algunas herramientas y procedimientos bsicos de Photoshop. CAPTULO 7 Libreras para ahorrar tiempo: (No est traducido al completo, solo lo ms importante) Se explican trucos para ahorrar tiempo como tener un banco de trazados, de fondos, pinceles personalizados, etc. CAPTULO 12 Mirando al futuro: En este captulo se exponen las posibilidades de utilizar Google SketchUp para incorporar elementos 3D en el comic, bien como fondos o como objetos.
Solo resta decir que La Gua de Comics DC para Dibujar Comics Digitalmente de Freddie E. Williams no es un libro de Cmo dibujar . No trata del dibujo de manos, caras o posturas, etc. Es la explicacin paso a paso de los distintos procedimientos de dibujo de comics mediante Photoshop y una tableta Wacom desde que se lee el guin hasta el que se realiza el entintado. Hay que reconocer que E. Williams muestra adems toda su experiencia en este ejercicio aportando sin reresvas todo su mtodo de trabajo super ordenado y muy bien organizado. Un libro imprescindible muy bien elaborado por su autor.
En los captulos que siguen, se tratan en profundidad los variados pasos de los procedimientos tanto digital como hbrido. (Los dos procedimientos hbridos usan ambos una mezcla de los mtodos digital y tradicional). En este captulo, en cambio, presentar lo bsico de los tres diferentes procedimientos y har comparaciones entre las herramientas de trabajo tradicional y las herramientas digitales que usaremos en Adobe Photoshop.
Borradores Digitales
Delineado Digital
Entintado Digital
Detallado Impreso
Lpices Tradicionales
Entintado Digital/Trad.
Delineado Impreso
Entintado Tradicional
Los tres procedimientos descritos en este captulo comienzan todos de la misma forma aunque luego van en sus propias direcciones. Este diagrama puede ser de gran ayuda como referencia mientras se leen mis descripciones de los tres procedimientos. El dibujo superior es de Outsiders #45. El dibujo del ttulo del captulo es de la pgina 2 of Outsiders: Five of a Kind-Nightwing/Boomerang (colores de Guy Major).
Cuando trabajaba en la forma tradicional de papel y lpiz, me poda llevar sobre unas diecisiete horas completar una pgina, desde los borradores hasta el entintado. Ahora, trabajando digitalmente, me lleva ocho o nueve horas ir desde los borradores al entintado. Es casi la mitad de tiempo! No puedo garantizar que t ganars ese mismo tiempo, pero confo que una vez que te sientas cmodo al trabajar digitalmente -bien completamente digitalmente o usando uno de los mtodos hbridos- ganars bastante tiempo. Simplemente imagina: No ms mesa de luz, y una reduccin tremenda en el tiempo empleado en limpiado y escaneado. Cada uno de los tres mtodos de trabajo que he creado el Procedimiento Totalmente Digital, el Procedimiento de Lpiz Hbrido, y el Procedimiento de Entintado Hbrido- se basa fuertemente en herramientas digitales. A continuacin, describo cada paso para cada procedimiento, incluso cuando alguno de estos pasos est tambin explicado en los otros procedimientos, as se puede ver claramente donde va cada paso. Yo recomiendo que pruebes cada mtodo ver cual funciona mejor para t.
Yo puedo enviar por email borradores digitales como estos (de Outsiders #45) directamente a mi editor para su aprobacin.
PASO 2 : D E L I N E AD O DIGITAL
Creamos el delineado de la misma forma que lo hacemos en el procedimiento totalmente digital. En el Procedimiento de Entintado Hbrido, el dibujo de delineado ocupa el lugar del paso de dibujo a lpiz. La nica diferencia entre la versin de delineado del Entintado Hbrido y el delineado totalmente digital es que la lnea de contorno "muerta" alrededor de los elementos (figuras principales) debera ser dibujada ms delgada. De esta forma, cuando estamos entintando la pgina de forma tradicional, la lnea de dibujo negra impresa ser un poco ms flexible para ser ajustada.
PASO 3: IMPRESIN
Imprimimos el delineado digital en un pliego Bristol en tinta negra. Si tenemos una impresora de formato grande y alta calidad, podemos imprimir el delineado en la comodidad de nuestro propio estudio. Si no, tendremos que ir a una copistera que pueda producir una lnea negra viva (posiblemente en una mquina plotter). Pero cuando tengamos el delineado impreso, nos aseguraremos que la impresin es de un negro tan denso y tan vivo como sea posible, ya que estas lneas de estructura del delineado sern parte del entintado. (Esto se explica con todo detalle en el captulo 11.)
Estos ajustes convertirn el dibujo de lnea en un azul claro que imita el color de un lpiz azul nofotogrfico. En el captulo 7, muestro como grabar una Accin para este paso de forma que podamos llamarla con el toque de un botn.
Crear una capa de ajuste de Tono/Saturacin como esta es un elemento comn a los tres procedimientos.
Crear una nueva capa de Detallado sobre el borrador azul claro nos permite detallar la estructure.
LA
PGINA
MAESTRA
NOTA DE TRADUCCIN:
En este captulo aparecen los trminos Bleed Area y Bleed Line , Trim Area y Trim Line y Live Area que hacen referencia a las distintas partes que vienen delimitadas de serie en los pliegos de dibujo profesionales de las diferentes editoriales de comics. Para mayor claridad (gracias Antonio) vamos a expicar cual es cada una. Tamao de Sangrado o rea de Sangrado (Bleed Size / Bleed Area) Son las dimensiones que debe tener la pgina en funcin de las especificaciones de cada editorial. Corresponde al tamao completo de la pgina o pliego de dibujo y por tanto a sus dimensiones ms exteriores. Este rea se perder al recortarse para ajustar la pgina al formato de la publicacin por las lneas de recorte, por lo que aunque el dibujante puede utilizarla y dibujar en ella, este dibujo ser eliminado en la publicacin final. Mucho cuidado de no dibujar en este rea bocadillos, cuadros de texto, rtulos o sonidos de efectos, ni nada importante. En algunos pliegos de dibujo existe un margen exterior y luego viene indicado el rea de sangrado marcado por una lnea de sangrado. En otros el mismo borde de la pgina marca el rea de sangrado. Tamao de Recorte o rea de Recorte (Trimmed Size / Trim Area) Este es el tamao que tendr el comic despus de que ha sido impreso y cortado. Las lneas de recorte indican al dibujante por donde ser cortada la pgina por la cuchilla mecnica para dejar la medida de la publicacin. El rea de recorte es el rea que queda entre la lnea de recorte y la lnea que marca el rea viva o rea de dibujo real, y que puede ser utilizada como espacio para los mrgenes externos de las vietas a no ser que no se utilicen vietas o se quiera que estas lleguen hasta el borde de la pgina impresa. Aunque se recomienda que cualquier texto, bocadillo, etc. que est en este rea debera trasladarse al rea Viva si es posible rea Viva o rea Libre (Live Area / Open Area) Este es el rea segura de dibujo en el centro de la pgina o pliego de dibujo. Todo texto, cuadro de texto, y bocadillos importantes deberan estar contenidos en este rea para evitar el peligro ser perdido con el corte de la pgina.
Las guas, que no se mostrarn en la pgina impresa, son una herramienta til para mantener lneas verticales y horizontales paralelas a los bordes del documento de Photoshop.
A continuacin, usando las reglas de Photoshop, hacemos una doble comprobacin para asegurarnos que la capa Plantilla Base Alineada tiene el ancho y la altura correcta midiendo el pliego de dibujo que escaneamos y lo comparamos con las reglas de Photoshop. Podemos necesitar hacer algn escalado adicional desde Edicin > Transformacin Libre para conseguir lo escaneado a la misma medida exacta que el pliego de dibujo reglado. Siempre podemos recolocar las guas manteniendo pulsada la tecla Ctrl y arrastrar las guas a donde las lneas escaneadas pueden haber cambiado durante el ltimo escalado de la capa. Una vez que todas las lneas escaneadas igualan a las lneas de las reglas de Photoshop, lo escaneado est correctamente alineado y escalado. Cuando la capa Plantilla Base Alineada alcanza exactamente el tamao del pliego de dibujo, podemos ocultar las reglas (desde Vista > Reglas). Yo aconsejo mantener las guas que se creen, ya que sern de ayuda en posteriores etapas.
Para dibujar una regla de lnea recta paralela con cualquiera de los bordes del documento, usamos la herramienta Pincel y mantenemos pulsada la tecla Mays mientras dibujamos. Para dibujar una regla de lnea recta diagonal con la herramienta Pincel, pulsamos donde queremos que comience la lnea, y luego mantenemos pulsada tecla Mays y hacemos clic donde queremos que termine la lnea.
Esta capa Base de Blanco slido bloquear todas las capas bajo ella, permitindonos ver si hemos recreado correctamente la plantilla. Para asegurarnos que no hemos olvidado nada, pulsamos el icono "ojo" de la paleta Capas para activarlo y desactivarlo. De paso, recomiendo usar capas de Relleno de Color Slido donde queramos una gran rea toda del mismo color plano slido. Esto mantiene pequeo el tamao del archivo, y, si queremos, podemos cambiar su color muy fcilmente haciendo doble clic en el icono izquierdo de la capa en la paleta Capas y seleccionar un nuevo color para ese color slido de relleno. Cuando estamos seguros de que la plantilla completa est correcta, podemos borrar las capas Plantilla Base Alineada y Escaneado Fuente. No las necesitaremos ms.
Esto cambiar las lneas de la plantilla en azul claro que imita al azul no fotogrfico que ya conocemos. Una vez convertida en azul claro, parecer una plantilla de pliego de dibujo impresa en azul no fotogrfico .
Cuando hacemos una capa de Relleno de Color Slido mientras est activa una seleccin, la capa de Relleno de Color Slido tendr la forma de esa seleccin.
Ahora que tenemos el rea del borde de dibujo seleccionada, creamos otra capa de Relleno de Color Slido, ajustada a blanco, y la nombramos "Guarda." Colocamos esta nueva capa bajo la capa Plantilla Final. La capa Guarda enmascarar cualquier dibujo realizado en las capas bajo ella. Yo lo encuentro til para ayudarme a visualizar la pgina, ya que el rea que cubre ser descartada en el proceso de impresin.
Manteniendo el guin y todos los materiales de referencia en el mismo archivo, en sus propios grupos de capa, ahorramos tiempo porque no tenemos que buscarlos en diferentes lugares del disco duro o a travs de hojas de papel apiladas en la mesa de trabajo. Como parte de este paso, ajustaremos la capa de Guin de forma que quede fcil y cmoda de usar. En el grupo de capa Guin, aadimos una nueva capa de Relleno de Color Slido, ajustada a blanco, y la nombramos "Guin Blanco." Esto nos proporcionar una base blanca de forma que cuando hagamos visible el grupo de capa Guin pulsando en el icono "ojo" de la paleta Capas, nos ocultar todo lo bosquejado por debajo de ella, y podamos leer el guin sin estorbos. Ahora, seleccionamos la herramienta Texto y trazamos una caja vertical de texto en la capa Guin Blanco. Esta caja debera ocupar unos dos tercios del documento. El guin ir en esta caja de texto. Yo dejo un rea libre fuera del lado del guin de forma que tengo un rea en blanco en la que bosquejar dibujos de posturas o apuntar ideas para cada escena que estoy leyendo. Despus que he hecho la lectura y los bosquejos, luego coloco estos bosquejos en los grupos de capa de cada vieta correspondiente.
Ajusto la capa Guin de forma que el guin aparezca en la caja de texto vertical a la izquierda, dejando el espacio en blanco a la derecha para hacer bosquejos rpidos mientras leo.
Guardamos la Plantilla de Pgina Maestra como un documento de Photoshop. Acabamos de crear la base para cada archivo que dibujemos digitalmente. Yo recomiendo guardar el archivo de la Plantilla de Pgina Maestra junto con los dems recursos de ahorro de tiempo y de referencia -tales como trazados personalizados, acciones, libreras de copias y referencias de anatoma- en una carpeta llamada "Referencia Maestra". Esto nos da un punto de recursos comn, en un lugar del disco duro. (En el captulo 7 se trata ms detenidamente la creacin de libreras para ahorrar tiempo).
Hay que asegurarse de guardar siempre la Plantilla de Pgina Maestra de la forma que hemos indicado antes en la carpeta Referencia Maestra. De esta forma siempre podemos volver a ella al comienzo de un nuevo ejemplar o proyecto. Cuando comencemos un nuevo lote de pginas o un nuevo ejemplar de comic, sugiero copiar y personalizar la Plantilla de Pgina Maestra para ese comic aadiendo referencias y trazados que pertenezcan especficamente a ese ejemplar. Siempre que comienzo un nuevo proyecto -como cuando ilustr The Flash- hago una copia de mi Plantilla de Pgina Maestra y la personalizo para ese nuevo comic, aadiendo primero el logo del comic en la parte superior de la Plantilla Maestra. Si estamos trabajando en una serie de pginas que contienen los mismos personajes, deberemos aadir las referencias del personaje o equipo de personajes que hayamos escaneado (o el editor nos ha enviado por correo) en el grupo de capa Referencia.
(Izquierda) Cada vez que comenzamos una nueva pgina, la guardamos desde Archivo > Guardar Como. Nombrndola de acuerdo al comic, ejemplar, y nmero de pgina, tanto en el cuadro de dilogo de Guardar, como en la parte superior del documento del grupo de capa Plantilla. (Derecha) Otra forma de personalizar la Plantilla de Pgina Maestra es aadiendo el trazado del smbolo del pecho, insignias, y otros atavos (como gafas o gafas protectoras) de los personajes principales que dibujaremos. Como hago mucho trabajo de perspectiva, tambin incluyo un trazado de perspectiva en la paleta Trazados de mi Plantilla de Pgina Maestra para ahorrar tiempo y no tener que abrirla desde el disco duro.
CAPTULO 7
Algunos de los pinceles por defecto de Photoshop que tambin crean excelentes texturas y elementos atmosfricos.
Usando los pinceles personalizados, podemos pintar partes de blanco y negro unas encima de las otras para obtener interesantes efectos que creen rpidamente un campo con profundidad y textura -como podemos ver en esta vieta de Robin #167-.
Despus de escanear el salpicado, selecciono la imagen completa y la copio. En la paleta Canales, he creado luego un nuevo canal, llamado "Temp para FondoTrans"."Temp" indica que es un canal temporal, usado solo para obtener un fondo transparente. Despus de crearlo, pegu el salpicado en l. Luego he cargado ese canal como una seleccin desde Seleccin > Cargar Seleccin y eligiendo Temp para FondoTrans. En la paleta Capas, cre una nueva capa llamada "Spray-en Transparencia" y rellen esa seleccin de negro desde Edicin > Rellenar. La capa Spray-en Transparencia tena ahora la textura spray sin ningn pxel blanco alrededor. En este punto, borr la capa fondo conteniendo el escaneado inicial, as como el canal Temp para FondoTrans, porque no lo necesitara ms. Cualquier textura que escaneemos en el ordenador ser ms fcil de usar si hacemos el fondo transparente de forma que no consista de pixels negros rodeados por pixels blancos-. La captura de arriba muestra como ajust el salpicado de tinta.
Estas son algunas otras texturas que he creado en Photoshop, para ser usadas de la misma forma que las texturas adhesivas. Podemos colocar una textura como cualquiera de estas en un rea del dibujo. Ello har que el rea sea ms rica y ms detallada a la vez que nos ahorramos de dibujar una complicada textura a mano.
Para el fondo de esta vieta de The Flash #239 us uno de mis pinceles personalizados.
Aqu, podemos ver mi textura escaneada-en spray usada como sangre en una vieta de Robin #164.
(Izquierda) Aqu, us la misma textura spray en el fondo de la portada de Robin #173. (Derecha) En Robin #167, us una textura como-arena para crear la superficie de un tejado sucio, as como gran cantidad de gradiente cuando se difumina en la sombra.
(Izquierda) Esta misma textura de arena se us en el fondo de mi portada de Outsiders: Five of a Kind: Nightwing/Boomerang, pero aqu la invert a blanco para un campo de
estrellas. Y mi textura "tina de burbujas" vino de miedo para el personaje Chemo en esta portada. (Derecha) En Robin #162, us la textura camuflaje en los pantalones de un gamberro mutante.
Lneas de movimiento curvas y rectas, colocadas en una textura, dan una sensacin de velocidad en esta vieta de The Flash #239.
HACER SEMITONOS
Los semitonos y los gradientes de semitono que imitan las antiguas tramas adhesivas escolares son realmente fciles de crear en Photoshop. Y, a diferencia de las viejas tramas, podemos trastear con el tamao y direccin de los puntos hasta que estn como los queremos. As se crea un semitono:
Primero, usamos las herramientas Lazo poligonal y forma libre para seleccionar el rea donde queremos crear dentro el gradiente trama. (Mi vieta ejemplo es de JSA Classified #34 .) Mantendremos activa esta seleccin hasta que hayamos aplicado un gradiente dentro. Luego, seleccionamos la herramienta Gradiente, y usamos el preajuste Negro, Blanco.
En la paleta Canales, creamos un nuevo canal llamado "Grad Semitono Temp" y le aplicamos un gradiente con la herramienta Gradiente. Podemos probar diferentes gradientes una vez tras otra dentro de la misma seleccin, de forma que si no aparece como queremos, probamos de nuevo. Pulsando en los iconos "ojo" de los otros canales, podemos hacerlos visibles y as ver el gradiente encima del dibujo. El canal Grad Semitono Temp se ajusta por defecto para aparecer como una superposicin roja.
Podemos ajustar el canal para previsualizar con cualquier color que queramos eligiendo Opciones de Canal desde del men despegable en la paleta Canales, asegurndonos que la opcin reas Seleccionadas est seleccionada, y luego elegimos la opacidad y el color que queramos. Cuando estemos contentos con el gradiente, deseleccionamos la seleccin activa que creamos con la herramienta Lazo. Despus, vamos a Filtro > Pixelizar > Semitono de Color (No confundirse por la palabra Color , este paso se trabajar en modo escala de grises en adicin a RGB o CMYK.) En el cuadro de dilogo, podemos necesitar jugar un poco con los nmeros hasta que obtengamos el tamao de punto que queremos, aunque yo generalmente uso un radio de 4 a 7 y un ngulo de 50grados en el Canal 1, con todos los otros ajustados a cero. Si no hemos activado todos los canales an, lo hacemos ahora para previsualizar la colocacin del gradiente trama, y nos aseguramos que la densidad y la frecuencia de los puntos son las que queremos.
Despus, cargamos el canal Grad Semitono Temp como seleccin desde Seleccin > Cargar Seleccin. Nos aseguramos que hemos reseleccionado el canal RGB, y borramos el canal Grad Semitono Temp, porque no lo necesitaremos ms. Luego, en la paleta Capas, creamos una nueva capa llamada Tramas y rellenamos la seleccin de negro.
BORRADORES
DIGITALES
BORRADORES DIGITALES
El proceso digital luce realmente cuando estamos bosquejando la composicin de la pgina. Es invaluable ser capaz de probar nuevas ideas para las composiciones y las poses sin borrar las ideas previas, simplemente activando y desactivando las capas. Voltear y redimensionar composiciones es muy fcil, y cualquier pose no utilizada puede ser guardada fcilmente para usarse posteriormente en otra pgina. Cuando comienzo un nuevo ejemplar de comic book, nombro la carpeta principal del proyecto con el ttulo del comic book y el nmero del ejemplar, aunque siempre hago el mismo conjunto bsico de subcarpetas para guardar los archivos de ese proyecto. Estas subcarpetas son nombradas y numeradas de forma que aparezcan en el orden de proceso en el que realizar el dibujo. El propsito de cada carpeta dentro de la carpeta principal es bastante auto-explicatorio, aunque trataremos cada una con ms detalle ms adelante. Los procedimientos Todo-Digital y Entintado Hbrido contienen las mismas carpetas. En el procedimiento de Lpiz Hbrido, sin embargo, la estructura de carpetas aparece un poco diferente, con el Delineado siendo sustituido por los Intermedios y aadida la carpeta Lpices. Lo ltimo de las carpetas en el procedimiento de Lpiz Hbrido necesita una pequea explicacin: Tpicamente, esta carpeta guarda pginas de pruebas de color de un colorista o un editor, pero si pasamos a colorear nuestro propio trabajo, la carpeta tintas es tambin un buen lugar para guardarlo.
En cualquier proyecto en el que trabajo, comienzo leyendo el guin que mi editor me enva. Despus de darle una lectura, hago una lista de las referencias que necesitar ver en orden para ilustrar las pginas, y envo esa lista a mi editor. Una de las muchas tareas de un editor de comic book es proporcionar imgenes de referencia a los dibujantes cuando ellos hacen preguntas como, "Cul debera ser el traje original de Robin en la escena del flashback?" Cuando mi editor me enva las referencias, mantengo estos archivos guardados en la carpeta 2Reference, que contiene solo las referencias del ejemplar en el que estoy trabajando. (Esta carpeta no debe confundirse con la carpeta Referencia Maestra que guarda todas las referencias generales y plantillas para ahorrar tiempo.) Cuando estoy listo para comenzar mis borradores, copio y pego mi Plantilla de Pgina Maestra en mi carpeta 2Roughs. Luego renombro los archivos de plantilla copiados usando esta convencin: Libro N de ejemplar Borrador Pg n.psd (por ejemplo, un archivo podra llamarse, "Flash 240 Borrador Pg01.psd". Hago esto para cada pgina que estoy dibujando, normalmente veintids pginas por ejemplar.
(Izquierda) Aqu, yo estoy dibujando dos-pginas de la historia original de Robin del ejemplar #31. Entre mis referencias hay una layout gua, ya que todas las historias originales de la series 52 comparten la misma composicin bsica. Tambin inclu las referencias para la vitrina donde cuelga el traje original de Robin de Dick Grayson y para el ninja-esque del uniforme de Robin de Tim Drake. (Derecha) Despus, tomo el guin del documento de Microsoft Word que me proporcion mi editor, seleccionando todo el guin de esa pgina del comic book, y copindola.
(Izquierda) Luego pego ese guin en Photoshop, dentro del grupo de capa Guin (ajustado de acuerdo a las instrucciones del captulo 6). Si todo el texto no cabe muy bien, es fcil ajustar la fuente y el tamao de letra usando las opciones de la barra de opciones de la parte superior de la pantalla de Photoshop. Con el guin en el documento de Photoshop, yo puedo rpidamente hacerlo visible o no segn necesite (pulsando el icono "ojo" prximo a su capa en la paleta Capas, que la revela o la esconde). Esto me permite dejar que el programa refresque mi memoria de qu estn diciendo o haciendo los personajes. (Derecha) Despus, cambio casi todo lo que no son indicaciones (esto es, la descripcin de movimiento o accin en el guin) a un azul claro. Esto me permite hojear rpidamente cuando releo, de forma que me centro en qu se hace en lugar de en qu se dice. Yo hago esto seleccionando un trozo de dilogo o capturas con la herramienta Texto y pulsando en el icono de la Miniatura de Color en la barra de opciones de la parte superior de la pantalla. Esto abre el Selector de Color de Adobe, donde podemos elegir cualquier color usando el campo de color, los deslizadores de color, y los valores de color. Yo normalmente uso un azul claro, pero sintete libre de usar cualquiera que funcione mejor para ti.
Cuando trabajo en gran cantidad de pginas, generalmente hago los pasos anteriores para cada pgina en una sesin, ya que no requieren gran cantidad de creatividad y me permite calentarme, preparando mi mente para los borradores que voy a hacer. Tambin, soy bastante afortunado de tener un par de prcticos Scripts de Java que hacen varios de estos pasos por mi todos a la vez.
Cuando leo el guin, primero hago una nueva capa en el grupo de capa Ideas y luego esbozo cualquier idea de mi mente para esa vieta mientras estoy leyendo su descripcin. Estos seran dibujos muy simples, sin dedicar demasiado detalle en ellos. Son solo para recordarnos lo que tenamos en mente ms adelante, cuando detallemos los borradores. Como se describi en el captulo 6, los guiones para mis pginas de comic book (localizados en el grupo de capa Guin de mi Plantilla Pgina Maestra) ocupa solo dos tercios de la pantalla, dndome espacio para bosquejar ideas al lado mientras estoy leyendo. Es como tener un pequeo storyboard en una capa separada, directamente a continuacin de la descripcin de esa vieta. Si tenemos ms de una idea para una vieta, es bueno: Simplemente ocultamos la capa actual y creamos una nueva capa para cada idea. En esta fase, es importante no esforzarse para hacer anatoma o proporciones correctas. Simplemente dejarse ir con el flujo y tratar de mantener el movimiento. Cuando bosquejamos gestos, la rapidez es generalmente mejor. Es tambin un gran momento para probar cualquier postura no usada que guardamos en el pasado y pensamos que podra funcionar aqu -o como cimiento para nuevas vietas o como trampolines para nuevas ideas de composicin-. Una vez que he creado los gestos para cada vieta de la pgina, hago una nueva capa, llamada "B" (de "bordes") y aboceto mis bordes con un pincel ms grueso. Uso un pincel de 10-pixel para abocetar los bordes. En esta historia original de Robin, tena instrucciones para seguir una lnea gua de composicin, que ayudaba a indicar la configuracin de los bordes, aunque normalmente yo voy a cualquier vieta o momento de la pgina que es la ms importante "impactante", tratando hacerla la vieta ms grande de la pgina y luego trabajar el resto de las vietas que la rodean.
(Izquierda) En la paleta Capas, muevo estas capas de ideas al apropiado grupo de capa, de forma que todas las ideas para la primera vieta estn en el grupo de capa Vieta 1, y as las dems. Luego borro el grupo de capa Ideas, porque ya ha cumplido su propsito. (Derecha) Luego uso las opciones de Transformacin Libre para escalar y transformar aquellas ideas rpidas de gestos de forma que quepan en los bordes de la vieta que acabo de colocar. De nuevo, la colocacin de los gestos no tiene que exacta. Todava hay gran cantidad de rectificaciones por hacer, y en este punto solo estamos buscando una composicin aproximada.
Cuando desarrollo un borrador de la disposicin de una pgina, paso a mover los gestos por ella y los reescalo. Para encontrar la mejor solucin, es esencial explorar diferentes ideas de posturas, voltear composiciones, y redimensionar sobre la marcha. No te sientas bloqueado con las ideas que has bosquejado; algunas veces no funcionan -aunque an pueden servir como plataforma de mejores ideas-. Si una idea no funciona, simplemente oculta la capa previa de idea de postura y haces otro esbozo en una nueva capa. Para la pgina mostrada en estas series de ilustraciones, originalmente haba creado gestos que estaban mucho ms horizontal para las vietas 2 y 3. Aunque las rehice para caber en la disposicin que quera. Tambin, volte la idea de gestos que tuve para la ltima vieta, en la parte inferior derecha, de forma que pueda ver el smbolo R del pecho de Robin claramente.
Cuando estamos bosquejando, es bueno probar nuevas posiciones de los brazos o la cabeza -sin borrar ninguna de las opciones en las que hemos trabajado previamente- hasta determinar que postura funciona mejor. Cuando se trabaja en papel, borrar borradores de gestos sin una miniatura para explorar otra idea puede algunas veces resultar en soluciones ms pobres, aunque en el entorno digital no hay nada que nos impida trabajar los borradores hasta que se vean adecuados. Despus que he detallado los borradores, borro cualquier capa no usada, incluyendo aquellas capas que contienen las ideas de gestos iniciales. As dejo solo los esbozos de borrador que quiero que vea mi editor.
Despus que hemos rellenado y contorneado el trazado de la capa Texto, no necesitamos ms ese trazado, as que lo borramos. Si no borramos el Trazado de Trabajo, permanecer hasta que se cree otro trazado personalizado, en donde el nuevo trazado personalizado sobreescribir al antiguo. Nos aseguramos de guardar el archivo en todas las partes de este proceso. A menor frecuencia de guardado, es mayor el riesgo de que Photoshop (o el odenador) se cuelgue, perdiendo los datos no guardados. Yo sugiero hacer un guardado cada pocos pasos.
En el caso de esta portada para Robin #173, el editor decidi una combinacin de opciones -la composicin de mi diseo de la Opcin C combinada con la fuerte fuente de luz de mi diseo de la Opcin A.
DELINEADO (WIREFRAMES)
Muchos artistas (incluido yo mismo) han de luchar contra el instinto de saltar adelante y comenzar a sombrear una pgina antes de asegurarse que la estructura subyacente est slida. Los pasos del delineado ayudan a corregir esta urgencia. Nos fuerza a trabajar en la estructura de la pgina hasta que parezca correcta -sin sombras o sombreado para cubrir las faltas de anatoma y de perspectiva- ayudando a mantener el dibujo en la honestidad. Dibujar el delineado es el paso que ms tiempo consume en la realizacin de la pgina; cuando trabajo en una pgina de comic, empleo ms de la mitad del tiempo total solo en el delineado. Uso el trmino delineado (wireframe) para estos dibujos porque estn desprovistos de iluminacin o sombreado y estn dibujados con un pincel de 3-pixel desde el principio hasta el fin, dando una bella, limpia, y slida base para "construir" el entintado. En este paso tambin aado una lnea de contorno "neutra" alrededor de las figuras frontales y otros elementos frontales principales para ayudar a definir sus formas separadamente de los otros elementos de la pgina y conseguir un punto de comienzo en el entintado digital. En el diseo de Webs, el trmino wireframe significa un diagrama que muestra la situacin de todos los elementos principales en una pgina tal y como est siendo diseada, lo cual parece muy apropiado aqu. Tambin, el aspecto de mi dibujo en la fase de delineado siempre me ha recordado un wireframe (malla) de un modelo informtico 3-D. (Ntese que si queremos crear las pginas usando el Procedimiento Hbrido de Lpices, podemos saltarnos este captulo e ir directamente al captulo 10.) Despus de que recibimos la aprobacin editorial de los borradores, es el momento de movernos al paso del delineado. Guardamos una copia del archivo borrador aprobado en la carpeta Delineado, y sustituimos la palabra "Borrador" del nombre del archivo con la palabra "Delineado". Tiendo a trabajar en lotes de varias pginas a la vez, por lo que normalmente hago esto para todas esas pginas a la vez.
LOS
A continuacin, debemos contornear los trazados rectangulares que acabamos de hacer. Me gusta que mis bordes tengan un filo cuadrado, por lo que uso un pincel cuadrado. Si nunca hemos usado un pincel cuadrado antes, necesitamos cargar alguno en la paleta Pinceles. Vamos a la paleta Pinceles, pulsando en el men desplegable del extremo derecho, seleccionamos Pinceles Cuadrados, y luego pulsamos Aadir en el cuadro de dilogo que se abre. Esto aadir el juego de pinceles cuadrados a los pinceles que ya tenemos cargados. Despus de que los pinceles cuadrados se han cargado, seleccionamos el pincel cuadrado de 10-pixel. En la paleta Capas, dentro del grupo de capa Plantilla, creamos una nueva capa llamada Bordes, y luego contorneamos los trazados rectangulares usando un pincel cuadrado. Despus que hemos contorneado estos trazados, podemos borrarlos, ya que probablemente no los necesitemos de nuevo. Si el borde de la vieta es redondeado, podemos preferir usar un pincel redondo para contornear los trazados. Experimenta y decide lo que es mejor para t.
Aqu, podemos ver la diferencia entre usar un pincel cuadrado y un pincel redondo cuando contorneamos el trazado de los bordes de la vieta. El pincel cuadrado tiene un aspecto mucho ms limpio, ms preciso y da una esquina cuadrada exacta y un ngulo recto.
P AS O 2 : TE R M I N AR E L D I B U J O D E LNEA
Cuando estamos detallando el bosquejo, escalamos o rotamos elementos de cada figura para conseguir las proporciones correctas, hasta que la estructura nos parezca buena y estemos listos para dar por terminado el detallado. Creamos una capa para cada personaje principal, llamndola "[Nombre del personaje]DibujodeLnea," a la que me referir como "PersonajeDibujodeLnea" de aqu en adelante. Para todo menos la ropa, casi siempre uso un pincel de punta dura de 3 pixel, cuando dibujo el delineado. Si se prefiere, se puede usar un pincel sensible a la presin para el delineado, pero a mi personalmente me gusta el aspecto que crea un pincel de lnea neutra. Yo aado los pesos de lnea y las sombras despus, en el paso de entintado. Mientras estamos detallando el bosquejo, probamos de vez en cuando a invertir la imagen horizontalmente para ver si la estructura parece desequilibrada. (Para voltear la imagen, vamos a Edicin > Transformar > Voltear Horizontal.)
HACER RECORTABLES
Izquierda: los recortables para una pgina de Robin #159 colocados (y dejados ligeramente transparentes); derecha: el entintado y los colores de la pgina
A la izquierda, un recortable colocado para una pgina de Robin #162; a la derecha est el entintado final y los colores (colores por Guy Major).
Creados digitalmente los "recortables" nos permiten trabajar de una forma muy similar a la forma como trabajan tradicionalmente los animadores de acetatos. Un recortable de una figura (o de un objeto) es como un acetato de animacin en el que una figura (u objeto) ha sido dibujado pero cuyo fondo es transparente. Una gran ventaja de los recortables es que los elementos recortados pueden ser apilados o colocados donde queramos. Hacer un recortable de una figura nos permite mover, redimensionar, rotar, o retocar al personaje sin tener que redibujar ninguno de los elementos del fondo. Esto es mucho ms fcil que dibujar los fondos alrededor de los personajes y luego, si el tamao o la posicin de un personaje necesita ser ajustado, tener que retocar el fondo para acomodar los cambios. Tambin mantiene los fondos intactos, de forma que podemos potencialmente reusarlos como fondos duplicados. (Ver el captulo 7 cmo crear y gestionar una librera de duplicados.)
Para comenzar, seleccionamos la herramienta Varita Mgica. En la barra de opciones, nos aseguramos que estn marcadas las opciones Suavizado y Contiguo y que la opcin Muestrear Todas las Capas no est marcada. Es bueno practicar para explorar estas opciones, ya que cambiaremos algunas de ellas en la fase de entintado.
Vamos a usar la seleccin mostrada en la ilustracin para crear un recortable. Aunque si estamos creando un recortable de un personaje o un elemento del fondo que no est contenido completamente en una vieta (es decir, un elemento cuyo contorno termina en el borde de la vieta), necesitamos realizar un paso adicional cuando hagamos la capa Contorno. En la vieta mostrada aqu, el contorno alrededor de la figura de Robin no est cerrado dentro del cuerpo de la vieta. Si usramos la herramienta Varita Mgica aqu, seleccionaramos la capa completa, lo que no queremos hacer. En un caso como este, necesitamos realizar un paso intermedio. Primero, hacemos un duplicado de la capa Contorno y dibujamos una lnea temporal contorneando la forma completa que queremos seleccionar, como se ilustra. Luego usamos la Varita Mgica para conseguir la seleccin que queremos. Despus de que hemos hecho esto, podemos borrar la capa Contorno duplicada, que no necesitaremos ms..
Si lo hizo, se pudo crear un pequeo hueco entre las dos, de un pixel de ancho o as, y partes de la imagen detrs de l se mostraran a travs. Expandiendo la seleccin, nos aseguramos que la capa de cobertura bloquear todo bajo ella.
Luego hacemos una capa de Relleno de Color Slido ajustada en blanco. La llamamos CO (de "cobertura") y la movemos bajo la capa de dibujo de la figura. Esta capa de cobertura enmascarar todo bajo ella. Ahora colocamos todas las tres capas que componen el elemento la capa Contorno (la lnea de contorno), la capa PersonajeDibujodeLnea (el dibujo de delineado), y la capa de Relleno CO de Color Slido- en su propio grupo de capa, lo que har ms fcil encontrarlas. Se debera nombrar este grupo de capa con el nombre del personaje o elemento que contiene. Este grupo de capa es lo que yo defino como el recortable.
Aqu, he puesto una amalgama de cuatro diferentes fondos detrs de Robin, para mostrar cuan fcil es intercambiar componentes con un recortable.
Esto es siempre mejor para superponer o separar elementos de forma que est claro donde estn en el espacio y como se relacionan unos con otros en la composicin. Usando recortables se hace fcil evitar las tangentes -y otros problemas de composicin- con un mnimo de redibujado.
El primer paso es seleccionar a Black Lightning, ir a Edicin >Transformacin Libre, y aumentarlo de forma que aproximadamente sea tan alto como Wonder Woman. Despus de aumentar a Black Lightning, sin embargo, el dibujo de lnea se ha hecho muy suave y borroso porque ha perdido resolucin al haber sido aumentado. La calidad de la lnea, comparada con la lnea del brazo y pelo de Wonder Woman, es notablemente ms tenue.
Lo que hemos hecho ha sido ampliar el dibujo de lnea hasta un tamao muy grande, 200 por ciento ms grande de lo necesario, y convertido desde un lo borroso a una lnea ms delgada y lmpia con un borde bitmapeado. Luego reducimos el dibujo de lnea de forma que los bordes bitmapeados no parezcan tan dentados. Ahora, el dibujo de lnea de Black Lightning iguala bastante al de Wonder Woman. Ntese que cuando ampliamos el dibujo de lnea de esta forma, los detalles y las lneas finas algunas veces se mezclan juntas, necesitando alguna limpieza con las herramientas Borrador o Pincel. Incluso as, el proceso que acabo de perfilar nos proporciona un lugar excelente para comenzar para trabajar sobre el item ampliado.
Aqu, en la paleta capas, tengo la capa del dibujo de lnea original reducido, la otra capa que es una copia de ella que ha sido desenfocada con Gaussiano, y una capa duplicada de la capa desenfocada, que se acerca muchsimo al dibujo de lnea del Escarabajo Azul. (Para este ejemplo, una capa duplicada era suficiente.) Una comparacin final del muy delgado dibujo de lnea original, (a la izquierda) y el dibujo de lnea ms grueso (a la derecha), muestra la diferencia claramente. Nota: Cuando reducimos una parte de dibujo de lnea altamente detallada, algunas veces los detalles o las lneas finas se mezclarn juntos, y como con el dibujo ampliado- se necesitar algn limpiado adicional con las herramientas Borrador o Pincel. Pero este proceso pone a nuestro dibujo de lnea en la aproximacin correcta, proporcionndonos una excelente base para el trabajo posterior.
Primero, creamos un nuevo documento de Photoshop, en modo RGB, y bosquejamos el borrador de un paisaje urbano.
Repetimos este mismo proceso para la otra cara del edificio, duplicando de nuevo el trazado original y colocndolo en perspectiva en relacin a la rejilla de perspectiva y a los bordes del edificio. Se asume que queremos que ambas caras del edificio parezcan la misma; si no, podemos reorganizar ventanas o puertas para cambiar un poco las cosas. Ya que este edificio tiene un adorno, o salidizo ornamental, que destaca en lo alto, es una buena idea tratar este elemento separadamente del resto del edificio seleccionando slo la parte del adorno del edificio y deformarlo de forma que destaque un poco.
El Procedimiento Hbrido de Lpices es para dibujantes a lpiz a los que les gustara tener una pieza fsica de dibujo en papel, bien porque quieren los originales fsicos para venderlos posteriormente o porque un editor les pedir el dibujo a lpiz que ser enviado a un entintador tradicional. Cuando se trabaja con el Procedimiento Hbrido de Lpices, pasamos del paso de delineado y en su lugar creamos Intermedios para imprimir y dibujar a lpiz encima. En este captulo no explicaremos nada de "cmo" sobre tcnicas de dibujo a lpiz. Por eso, recomendamos The DC Comics Guide to Pencilling Comics, de Klaus Janson. Lo que describiremos aqu son las herramientas y tcnicas de Adobe Photoshop que ayudan digitalmente al proceso de dibujo a lpiz.
El siguiente paso es crear el Detallado digital. Este se parece al Detallado tradicional y es solo un poco ms afinado que los borradores. Cogemos las hojas de los borradores (con los que terminamos al final del proceso descrito en el captulo 8) y los detallamos de forma que muestren donde va a estar todo en la pgina un poco ms claro. Es una buena idea colocar las rejillas de perspectiva en este paso, lo que nos har ganar tiempo durante el actual dibujo a lpiz.
IMPRIMIR E L D E TAL L AD O
Cuando hemos afinado los borradores, es tiempo para imprimir el trabajo que hemos hecho digitalmente en las planchas de dibujo. (Imprimir el Detallado ocupa el lugar de la caja de luz en el proceso tradicional de lpiz-y-papel.) Usar una impresora de gran-formato para imprimir el Detallado digital sobre una plancha bristol en azul claro no fotogrfico. Cuando creo lpices hbridos, imprimo el Detallado desde mi Epson Stylus 1280; incluso si la impresora da un aspecto un poco borroso no importa, ya que las formas que se imprimen son en gran parte bocetos. Las lneas impresas no irn en el dibujo final (como lo haran si siguiramos el Procedimiento de Entintado Hbrido; ver el captulo 11). Cuando seguimos estas instrucciones, jugamos con el archivo y los ajustes de la impresora para obtener el resultado ms adecuado. El objetivo es una lnea impresa similar a una lnea azul no fotogrfica. Nota: Si estamos imprimiendo en una plancha bristol que ya tiene una plantilla de dibujo en ella, deberemos desactivar el grupo de capa Plantilla del archivo digital antes de imprimir. Si no lo hacemos, la plantilla digital se imprimir sobre la existente, resultando una plancha sucia, de aspecto confuso. Aunque los ajustes y los resultados varan de una impresora a otra, he encontrado que la impresin de Detallados funciona mejor con los parmetros de la capa de ajuste de Tono/Saturacin mostrados aqu. Estos ajustes son muy similares a los usados para nuestra capa de ajuste regular de Tono/Saturacin (ver la pgina 41), pero esta vez colocamos 100 en saturacin y +95 en brillo. Con esto la lnea de dibujo ser casi invisible en la pantalla, pero se imprimir ms oscura de lo que aparece en el monitor. Esto es por la iluminacin del monitor, que hace que los colores claros parezcan desaparecer.
(Izquierda) Una vez que tenemos los ajustes correctos, imprimimos los detallados digitales en el pliego bristol. Nos aseguramos que el color es lo suficiente oscuro que podamos ver todos los detallados digitales, lo bastante claro que no se sobreponga a los lpices, y lo suficiente azul para que las lneas sean fciles de quitar si la pgina se vuelve a escanear en Photoshop. (Derecha) Dibujo a lpiz encima de los detallados impresos. Como esta es la primera vez que tocamos el pliego bristol, el papel no ha absorbido ninguna grasa de las manos. Esto mantiene el papel limpio para un entintado tradicional (o para un coleccionista que desea comprar los dibujos).
Despus de alinear los lpices con los Detallados, traemos la opacidad de la capa de los Lpices Escaneados Recortados de vuelta al 100 por cien. Luego acoplamos y guardamos el archivo.
Para tener una mejor idea de que colores hemos seleccionado, mover el deslizador Tolerancia todo a la izquierda, que cambia todo lo que hemos seleccionado a negro. Esto es solo un paso temporal para ver lo que hemos seleccionado. Si no estamos capturando todos los colores que queremos afectar, usar el cuentagotas con el signo ms, o aumentar la tolerancia moviendo el deslizador Tolerancia a la derecha. Una vez sepamos que estamos capturando los colores correctos, ajustamos el deslizador Luminosidad a cero (totalmente a la izquierda) por ahora. Ahora que hemos seleccionado los azules que queremos eliminar, ajustamos los deslizadores Saturacin y Luminosidad totalmente a la derecha, a +100, que hace que las sombras seleccionadas de azul se conviertan en blanco. en efecto, esto elimina el azul, dejando solo los lpices.
Despus que hemos quitado el azul de lo escaneado, probablemente tendremos que oscurecer un poco los lpices. Vamos a Imagen> Ajustes > Niveles. Bajo la ventana Niveles de Entrada, ajustamos el deslizador central (el tringulo gris que apunta hacia arriba) a la derecha para oscurecer ms los medios tonos. Luego movemos el deslizador ms de la derecha un poco a la izquierda para iluminar las lneas del borrador que an puedan aparecer. Incluso despus de cerrar el cuadro de dilogo Niveles, puede quedar an algn trabajo de limpieza adicional que hacer con la herramienta Borrador. Para asegurarnos de que no hemos supersimplificado el dibujo de lnea, desactivamos la capa Dibujo de Lnea Ajustado y la comparamos con la capa Escaneado Original. Si los ajustes que hemos hecho son demasiado severos y no estamos contentos con ellos, borramos la capa Dibujo de Lnea Ajustado y comenzamos de nuevo el proceso de limpiado desde el principio. En la imagen superior puede verse una comparacin de mi escaneado inicial (a la izquierda) con los lpices limpios (a la derecha). La versin limpia tiene mayor contraste, sin ninguna lnea azul o detalles extraos , y est lista para ir directa al color.