Advertisement
  1. Design & Illustration
  2. Comics

La mecánica de los cómics

Scroll to top
Read Time: 14 min

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

Algunas veces al mes volvemos a visitar algunas de las publicaciones favoritas de nuestros lectores de toda la historia de Vectortuts+. Este tutorial de Ian Yates se publicó por primera vez el 17 de marzo de 2009.

Como público aceptamos los comics por lo que son; Un medio, transportadores de la información. Lo que menos nos damos cuenta es la tecnicidad y el proceso de cómo se nos ha comunicado esa información. Ésto es una cosa buena. Cuando el artista lo entiende bien, el lector de cómics se sumerge en lo que se cuenta, no en cómo.

Introducción

Debería comenzar diciendo que mi referencia a los cómics abarca una definición mucho más amplia que solo los cómics. Con más precisión nos referiríamos a Sequential Art, ya que los cómics son solo un miembro del club. Entonces, a lo que realmente me refiero son a los cómics, las tiras cómicas, las novelas gráficas, los tableros de cuentos, etc. Esto es algo que Scott McCloud discutió en detalle en su libro Understanding Comics. Su definición sirve para asegurar que se incluyan todos los medios apropiados (incluso los jeroglíficos egipcios), pero excluye cuidadosamente las formas de arte como la animación y la palabra escrita.

¿De qué se trata todo esto?

Bueno, mientras estamos discutiendo definiciones, también debe señalarse que lo que está leyendo es más un artículo que un tutorial. No te preocupes, hacia el final, serás recompensado con algunas técnicas útiles para los creadores de cómics que usan Adobe Illustrator, pero este artículo tiene un enfoque más teórico. Estamos considerando las decisiones que usted, como artista de cómics, deberá tomar cuando diseñe. Más específicamente, veremos tres bloques de construcción esenciales de un cómic, comenzando con...

..La página

Todos conocemos las tiras cómicas. El formato es familiar y lógico. Más a menudo que no una serie corta de cuadros leídos de izquierda a derecha, de principio a fin. Este es ciertamente el caso en la cultura occidental donde los periódicos empujaron los cómics a la corriente principal desde principios del siglo pasado. Su formato restrictivo podría decirse que movió la tira cómica hacia el género que conocemos hoy.

Se le presentarán más opciones (y, por lo tanto, decisiones) con respecto al diseño de la página a medida que las tiras se hacen más grandes, pero ¿cuál es el propósito de estas decisiones? El objetivo final del arte secuencial es comunicarse eficazmente y atraer al lector durante el tiempo suficiente para hacerlo. ¡El impacto que una composición de página puede tener en este objetivo no debe subestimarse!

La composición de la página es algo que deberá enfrentar, al igual que la composición de sus ilustraciones. La estética general (que no debe confundirse con la anestesia general) es crucial, pero como se mencionó, mantener el interés de los lectores en la historia es clave.

A menos que la monotonía y la regularidad sean una parte deliberada de la escena que está configurando, la variedad en el diseño de su página mantendrá las cosas bien mezcladas. El tamaño y la posición del panel, el color y el tipo de panel pueden variar. Un panel abierto que puntúa a otros con bordes, o componentes de su dibujo que se liberan de la cuarta pared son métodos típicos para agregar dinamismo a la página.

Para mayor efecto, sin embargo, estas técnicas deben usarse donde sea apropiado y no dominar la página. Además de perder la resonancia del efecto deseado, una variación excesiva podría arruinar el flujo de la página.

¡No me hagas pensar! - la frase acuñada por Steve Krug en la que basó su libro, en realidad se refiere a la usabilidad web. La gente espera que ciertas cosas se comporten de cierta manera. A menudo, cuando su proceso automatizado se interrumpe al tener que detenerse y preguntarse qué hacer a continuación, su interés se desvanece y todo lo que estaban haciendo los ha perdido como audiencia. Steve Krug, por supuesto, se centra en cómo los usuarios se encuentran con los sitios web, pero el principio sigue siendo el mismo para los cómics. Como he mencionado, los lectores occidentales asumirán un flujo de izquierda a derecha, de arriba a abajo. Esto representa el paso del tiempo como nos es familiar, dando una cronología a la secuencia:

Este es un primer ejemplo lógico, que demuestra el flujo en su forma más simple. El siguiente ejemplo fluye igualmente bien, pero agrega un elemento de interés al dividir la composición para atraer al lector un poco más:

Este tercer ejemplo sin embargo, es menos exitoso. El flujo es interrumpido por un diseño de panel ilógico, lo que obliga al lector a detenerse y pensar:

Con la composición de la página redactada, el diseño de la imagen fresco en tu mente, tu atención se acercará a...

..El panel

Un panel, o marco, enfoca la atención de los lectores. Dicta lo que se debe leer en un momento dado y ayuda a evitar que el ojo del lector se desplace sin rumbo por la página. Los paneles también controlan uno de los aspectos más importantes del arte secuencial ............................. tempo. Donde la prosa escrita tiene puntuación, los cómics tienen paneles. La forma en que los paneles dictan el tiempo es tan responsable de la atmósfera y el estado de ánimo como el contenido en sí.

Tome el siguiente ejemplo de alguien que primero considera, luego toma un bocado de su sándwich:

Ahora veamos de nuevo:

Una diferencia sutil en la longitud del panel introductorio en el segundo ejemplo obliga al lector a tomar más tiempo en la secuencia. Puede que el nuestro no sea el más complejo jamás escrito, pero la trama ha adquirido un estado de ánimo más contemplativo. Nuestro hombre está literalmente tomando más tiempo para pensar antes de comer. El espacio adicional también ha reducido cualquier sensación restrictiva de claustrofobia, agregando una cierta calma a la secuencia.

Los cómics japoneses de Manga, en particular, a menudo exploran el paso del tiempo dentro y entre los paneles. Una técnica común utiliza lo que Scott McCloud describe como las transiciones de Aspect to Aspect (aspecto a aspecto). Este es uno de los seis tipos de transición reconocidos por McCloud cuando se mueve de panel a panel. Aspecto a aspecto se refiere a cuadros que muestran diferentes aspectos del mismo momento en el tiempo. Al explorar varios aspectos de un momento, el tiempo pasa más lentamente.

Action to Action es otro de los seis tipos de transición de McCloud y mueve la trama más rápidamente. Toma esto por ejemplo:

Se deja al lector para hacer conclusiones y suposiciones rápidas, manteniendo el ritmo de la historia en alto. Estos dos momentos clave de una narración han sido elegidos por su efectividad en la comunicación de la trama: en solo dos pequeños paneles se nos ha dicho rápidamente lo que está sucediendo y ahora podemos seguir adelante. Eso sí, ¿qué han comunicado exactamente estos dos paneles? Sabemos que nuestro tema estaba perfectamente feliz al principio, luego algo sucedió dentro de la canaleta (el espacio entre los paneles) y terminó empapado.

Quizás la historia anterior nos preparó para ello: si conocemos su situación de fondo y su entorno, podríamos saber exactamente qué sucedió. De lo contrario, podemos aprovechar la experiencia común y hacer una conjetura educada sobre lo que sucedió. Cuando ninguno de los dos es posible, depende del contador de historias asegurarse de que sabemos lo que sucedió. Un panel adicional entre estos dos podría ilustrar la acción de nuestro amigo humedeciéndose, más efectivamente, un tercer panel podría aclarar cualquier duda que tuviéramos mientras servíamos para llevar la trama más lejos.

El papel de la imaginación de los lectores para llenar los espacios en blanco se conoce como cierre y es clave en la narración de cómics. Un artista inteligente sugerirá lo que es necesario y dejará los detalles cruciales a merced de la creatividad de los lectores.

Estimular la mente del lector mantiene alta la participación y mantiene las páginas girando...

..El texto

Por último, llegamos al texto. Los cómics son una mezcla de palabras e imágenes y los dos deben complementarse mutuamente, ninguno debe dominar al otro. Como dibujante de cómics, mirando a un panel en blanco con la perspectiva de tener que comunicar algo, se le presentará una decisión de palabras frente a imágenes. ¿Hasta qué punto vas a confiar en las palabras para expresar tu punto de vista? ¿Podrían las imágenes retratar lo que quieres de manera más eficiente?

Como Scott McCloud señala nuevamente en Making Comics, no hay correcto o incorrecto. Debes tener en cuenta el recuento de palabras; la densidad de palabras pesadas no tiene sentido en los comics y no es lo que su lector está buscando. Sin embargo, al confiar en las palabras para transmitir una trama, a sus imágenes se les otorga más libertad para jugar.

Echemos un vistazo a nuestro amigo húmedo de nuevo. Los siguientes dos paneles comunican el mismo punto, uno basado en imágenes y el otro en palabras:

La falta de texto en el primero da énfasis al dibujo; Observamos a nuestro hombre en silencio, silencio solitario. El segundo panel utiliza texto para decirnos qué está sucediendo, brindando el alcance de las imágenes para explorar otros aspectos del escenario. Una combinación puede sacar lo mejor de ambos, reforzando el mensaje:

Los puristas pueden decirle que las imágenes son la verdadera fuerza detrás de los cómics; ciertamente, la fuerza de los cómics reside en su impacto visual total. Como tal, el enigma de las palabras y las imágenes depende de usted para resolverlo.

Entonces, ¿por qué la escritura a mano? Es cierto, la escritura a mano se usa a menudo para escribir letras en los cómics y esto más que probablemente se debe a su conexión visual con las ilustraciones en sí. Por supuesto, la escritura a mano generalmente se crea digitalmente, dando consistencia y legibilidad, pero permanece discreta, no distrae. Volvemos a eso no molestar al lector otra vez. El texto que se adapta al estilo de dibujo y transmite claramente su mensaje es poco probable que distraiga la atención de la narración. Es tanto una parte de la imagen como la ilustración.

Por esta razón, el texto, como elemento de una imagen gráfica, también puede ser manipulado gráficamente. Este lujo que pertenece al texto como parte de una ilustración, puede usarse para enfatizar, sugerir y persuadir aún más. Alegar y agrandar, por ejemplo, da resonancia a las palabras, agregando sonido a lo que Will Eisner denomina el oído del lector. Implicar el sonido mediante la visualización gráfica de texto es otra herramienta más en el recuadro de artistas de cómics para contar una historia.

El globo de texto es un vehículo familiar para entregar texto y, nuevamente, las diferencias de estilo influyen en la forma en que se cuenta la historia. Nosotros, como lectores, los interpretamos casi subconscientemente. Pruébate ¿Cuál de estos ejemplos es pensamiento, en lugar de dicho? ¿Qué se emite desde una radio o televisor? ¿Qué se está escribiendo mientras lo leemos?

Por supuesto, el contenido y el tipo de letra nos dan una pista, pero el punto es que un mensaje se comunica a través de la combinación de texto, imagen y el poder de la sugerencia. Ahora es el momento de ensuciarse las manos.

Efecto vivo de globo de discurso

OK, has sido lo suficientemente paciente. Es hora de un poco de conocimiento tutorial práctico, aquí vamos...

Adobe Illustrator es una aplicación útil para crear cómics debido a sus características de diseño y texto, así como a todas las campanas y silbidos ilustrativos que tiene. Si bien puede que no sea la herramienta más adecuada para diseñar una novela gráfica completa, Illustrator puede ayudar a la creación de su cómic de varias maneras; Copiar y pegar, efectos de trazo y trazo, cambio de tamaño, etc. Los efectos en vivo son particularmente útiles y los siguientes pasos demostrarán cómo un efecto de este tipo puede transformar cualquier parte del texto en un globo de discurso cómico, como el que he estado usando para las citas en este artículo.

Paso 1: Texto

Coloque un texto en su mesa de trabajo (no importa qué o cuánto) una vez que hayamos logrado el efecto, podrá aplicarlo a cualquier texto. Alinee el texto centralmente como se muestra:

Paso 2: Fuente

Es hora de elegir tu fuente. Si los necesita, aquí hay algunas fuentes gratuitas de calidad ideales para el texto del cuerpo del cómic.

Clementina

Letra VTC

Laffayette

Alternativamente, la fuente utilizada por Scott McCloud en todo su trabajo y basada en su propia letra está disponible a un precio razonable en www.comicbookfonts.com.

ScottMcCloud

Una vez que haya decidido su fuente, descárguela, instálela en su sistema y aplíquela al texto de su Artboard. Opté por la Clementina en cursiva y aumenté el seguimiento de la legibilidad. También he agregado un rectángulo gris pálido al fondo y lo he bloqueado (Comando + 2). Esto mejorará la visibilidad mientras trabajamos.

Paso 3: Apariencia

Ahora es donde empieza a ponerse interesante. Con su texto seleccionado, elimine cualquier color de relleno que pueda tener, luego refiérase al panel de apariencia. Abra el menú del panel Apariencia y elija Agregar nuevo relleno. Lo verás agregado al panel Apariencia, el mío es 90% negro y este será el color principal de mi texto.

Paso 4: Segundo relleno

Repita los pasos de Agregar nuevo relleno para hacer un segundo. Colorea este relleno en blanco y asegúrate de colocarlo debajo del primer relleno en el panel de Apariencia. Aún no verás ninguna diferencia en tu texto.

Paso 5: Convertir a forma

Con el relleno blanco seleccionado en el panel Apariencia, vaya a Efecto > Convertir a forma > Elipse. En el diálogo Convertir en forma, elija el ancho y la altura extra relativos de 9px. Esto creará un globo 9px más ancho y más alto que el texto. Si nuestro tamaño de texto aumenta o disminuye, también lo hará el globo.

Paso 6: Bulto

Hemos hecho un globo bastante delgado alrededor de nuestro texto, ahora vamos a refinar la forma de un toque. Mantenga el relleno blanco seleccionado en el panel Apariencia y vaya a Efecto > Deformar > Bulbo ... Aplique un bulto vertical de -50% para aplastar ligeramente los lados de nuestro globo. Haga clic en Aceptar.

Paso 7: Duplicar

El panel Apariencia ahora muestra claramente su objeto Tipo compuesto de dos rellenos, el segundo de los cuales tiene una serie de efectos aplicados. Ahora vamos a agregar un tercer relleno que actuará como nuestro esquema, así que duplique el relleno blanco usando el botón Duplicar elemento seleccionado. De nuevo, no verás ninguna diferencia en el texto todavía.

Paso 8: Desplazamiento

Bien, vamos a empezar a editar nuestro tercer y último relleno. Comience cambiando el color (el mío es 90% negro, igual que el texto) y luego vaya a Efecto > Trazado > Desplazamiento. La cantidad a la que compensa la ruta de este relleno determina efectivamente el trazo alrededor de su globo. He elegido 2px.

Paso 9: Cola

Para rematar la apariencia de nuestro globo, agreguemos una cola simple. Tres clics de la herramienta Pluma le darán un camino abierto en forma de V. Rellénelo en blanco y aplique a su trazo el mismo color y ancho que el trazo alrededor de su globo (en este caso, 90% negro y 2 px). Coloca la cola sobre el globo en alguna parte y tu efecto se habrá completado.

Conclusión

Por supuesto, este es un efecto en vivo y se puede aplicar a cualquier texto. Se redimensionará y escalará a la perfección:

Al hacer doble clic en cualquiera de los efectos en el panel Apariencia, se puede editar su configuración. Esto podría ser útil para diferentes globos en su proyecto.

Para guardar su efecto para uso futuro, abra el panel Estilos gráficos (Ventana> Estilos gráficos) y, mientras se selecciona el globo de texto finalizado, haga clic en el botón Nuevo estilo gráfico. Seleccione su nuevo estilo en este panel cuando desee que otro texto se convierta en un globo de voz.

¿Ganas de más?

El tema de cómo y por qué los cómics hacen lo que hacen es ENORME, solo he raspado la superficie con este artículo. Si estás interesado en más (y deseas que te lo cuenten los maestros) hay uno o dos libros que deberías leer. He citado a Scott McCloud y Will Eisner en varias ocasiones y con buena razón. Will Eisner es reconocido como el pionero de las novelas gráficas después de publicar su aclamado A Contract with God y pocas personas han estudiado cómics como una disciplina como Scott McCloud. Incluso los fanáticos no cómicos entre ustedes probablemente habrán visto su trabajo después de su reciente pieza promocional para Google Chrome, ¿quién dijo que los cómics no podían tomarse en serio? En cualquier caso, aquí hay algunas de sus publicaciones de enseñanza que pueden ser altamente recomendables:

Suscríbase a Vectortuts+ RSS Feed para mantenerse al día con los últimos tutoriales y artículos de vectores.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.