Ilustración y Narrativa Gráfica
Una plataforma para construir tu novela gráfica: viñetas, planos, estructura, guion, storyboard, producción digital e impresión.
La forma de una viñeta también cuenta la historia.
Qué tan cerca está la cámara también decide lo que siente quien lee.
Es más fácil mover una tarjeta que redibujar veinte páginas.
Un guion es una carta para quien dibuja, aunque esa persona seas tú.
Bocetos pequeños para tomar decisiones grandes antes de dibujar en serio.
Un flujo ordenado protege tu trabajo y ahorra horas de corrección.
Herramienta
Empieza aquí
La forma de una viñeta también cuenta la historia.
Empieza aquí
Es la unidad básica del cómic: un recuadro que congela un momento de la historia. Puede contener imagen, texto o ambos.
Una viñeta aislada es una imagen. Dos juntas son una secuencia, porque quien lee las conecta y deduce lo que pasó entre ambas.
Vocabulario
| Marco | El borde que delimita la viñeta. |
|---|---|
| Calle | Espacio entre viñetas. También se le dice medianil. |
| Globo | Contiene lo que alguien dice o piensa. |
| Cartela | Texto del narrador, de lugar o de tiempo. |
| Margen | El espacio entre las viñetas y el borde. |
Por su forma
Cuadrada: estable y neutral. Sirve para mantener un ritmo parejo.
Horizontal o panorámica: abre el espacio y alarga el tiempo. Funciona para paisajes y traslados.
Vertical: marca altura, caída o poder. Va bien con edificios, árboles o personajes imponentes.
Por sus límites
A sangre: la imagen llega hasta el borde del papel. Se siente más grande, como si siguiera fuera de la página. Necesita sangrado de impresión.
Sin marco: se abre al blanco de la hoja. Transmite calma, recuerdo o suspensión.
Fondo negro: la calle oscura cambia el clima. Puede marcar noche, pasado o peligro.
Por su energía
Las líneas diagonales sugieren velocidad, desequilibrio o conflicto. Por eso van bien con persecuciones y peleas.
Las formas explosivas llaman mucho la atención. Úsalas para un golpe, un grito o una revelación.
Revisa que la ruta de lectura siga clara: la forma no debe confundir el orden.
Por cómo se relacionan
Insertada: una viñeta pequeña sobre otra mayor. Sirve para mostrar un detalle o una reacción sin salir de la escena.
Superpuesta: las viñetas se pisan y dan sensación de simultaneidad o acumulación.
Rompe el marco: el personaje se sale del cuadro. Parece acercarse y gana fuerza.
Por su tamaño
Página completa o splash: detiene la lectura. Sirve para aperturas y momentos decisivos.
Doble página: ocupa dos páginas abiertas. Debe empezar en página par y, si es sorpresa, aparecer al voltear.
Por lo que hacen
| Tipo | Qué hace | Ejemplo |
|---|---|---|
| De ubicación | Dice dónde estamos. | El arcade lleno de cajas. |
| De acción | Muestra lo que ocurre. | Inés suelta la ficha. |
| De reacción | Muestra el efecto en alguien. | Levanta una ceja. |
| De detalle | Señala algo importante. | La ranura de la máquina. |
| De diálogo | Hace avanzar con palabras. | Discute con su abuelo. |
| De silencio | Da una pausa. | La pantalla apagada. |
| De transición | Lleva a otro lugar o tiempo. | El reloj: 3:12 a. m. |
Una misma viñeta puede cumplir dos funciones. Si no cumple ninguna, tal vez puedas quitarla.
El marco también habla
Estos significados son convenciones, no reglas. Define un código al inicio de tu novela y mantenlo para que tu lector lo aprenda.
Guía rápida
| Quiero… | Prueba con |
|---|---|
| Mantener el ritmo | Rejilla regular de cuadradas |
| Alargar un momento | Panorámica o sin marco |
| Acelerar | Varias verticales estrechas |
| Mostrar altura | Vertical |
| Generar choque | Diagonal o explosiva |
| Mostrar un detalle en la escena | Insertada |
| Dar fuerza a un personaje | Rompe el marco |
| Causar impacto | Página completa o doble |
| Marcar un recuerdo | Borde distinto, sin marco |
Ejercicio
Elige una escena breve: alguien recibe una mala noticia. Bocétala tres veces en una sola página.
Escribe qué cambia en cada versión: velocidad, emoción y atención.
Pregúntale a otra persona qué versión se siente más intensa. Después elige la que mejor sirva a tu historia, aunque no sea la más llamativa.
Módulo 1
Qué tan cerca está la cámara también decide lo que siente quien lee.
Empieza aquí
Un plano es cuánto muestra la viñeta del sujeto y de lo que lo rodea. En cada viñeta decides dónde poner la cámara, aunque no exista una cámara real.
La regla base es sencilla: entre más lejos, más información sobre el lugar. Entre más cerca, más emoción.
Los más lejanos
Gran plano general: el lugar es protagonista y el personaje casi desaparece. Transmite soledad o escala.
Plano general: el personaje ya se ubica dentro del espacio. Vemos dónde está y qué hay a su alrededor.
Úsalos para: abrir una escena, presentar un lugar nuevo o aislar a alguien.
Cuerpo completo
Muestra a la persona de pies a cabeza, con poco espacio alrededor. También lo verás como plano entero. La postura cuenta tanto como la cara.
Úsalo para: acción física, vestuario, peleas, caminatas y grupos.
De las rodillas hacia arriba
Corta aproximadamente a la altura de las rodillas. Conserva el gesto de las manos y deja ver bien el rostro.
Úsalo para: diálogos con movimiento y personajes que se enfrentan.
De la cintura hacia arriba
Es el plano más cercano a como vemos a alguien al platicar. Si lo cierras hasta el pecho, se llama plano medio corto.
Úsalo para: conversaciones. Deja espacio para los globos.
El rostro llena la viñeta
Lleva la atención a la expresión. El fondo pierde importancia y la emoción gana todo el espacio.
Úsalo para: reacciones, decisiones y momentos de tensión.
Los más cercanos
Primerísimo primer plano: solo ojos o boca. Es intenso, así que resérvalo para un momento clave.
Detalle: un objeto o gesto muy cerca. Le dice a quien lee que esto importa. Una ficha, una llave o una foto se vuelven parte de la trama.
Dónde está la cámara
El plano dice qué tan cerca. El ángulo dice desde dónde. Se combinan: puedes tener un primer plano en picado.
Comparación
Inés encuentra la ficha. Mira cómo cambia lo que entiende quien lee:
Ninguno es correcto por sí solo. La pregunta es qué necesita saber o sentir tu lector en esa viñeta.
Guía rápida
| Quiero que se sienta… | Prueba con |
|---|---|
| Dónde estamos | General |
| Soledad o escala | Gran general, picado |
| Acción física | Conjunto |
| Una plática | Medio |
| Una emoción | Primer plano |
| Tensión máxima | Primerísimo |
| Una pista importante | Detalle |
| Amenaza o poder | Contrapicado |
| Inquietud | Holandés |
Varía con intención. Una página con puros primeros planos cansa y pierde el lugar. Alterna distancias, y cuando vuelvas a acercarte, tendrá efecto.
Ejercicio
Elige una acción sencilla: alguien abre una carta. Dibuja cinco bocetos rápidos de ese momento.
Debajo de cada boceto, escribe en una línea qué comunica ese plano.
Enséñale los bocetos a alguien sin explicar nada. Pregúntale qué siente con cada uno. Si no coincide con lo que buscabas, cambia el plano.
Módulo 2
Es más fácil mover una tarjeta que redibujar veinte páginas.
Empieza aquí
Es la lista ordenada de todas las escenas de tu historia. Dice qué pasa y en qué orden. Todavía no lleva diálogos ni descripciones visuales.
| Documento | Responde |
|---|---|
| Premisa | ¿De qué trata? |
| Sinopsis | ¿Cómo se cuenta completa, en prosa? |
| Escaleta | ¿Qué pasa, escena por escena? |
| Guion | ¿Qué se ve y se lee en cada viñeta? |
Su ventaja es que puedes detectar problemas de estructura cuando corregirlos todavía cuesta poco.
Paso previo
Necesitas tener claras tres respuestas:
Cuando van a demoler el arcade de su abuelo, Inés, que nunca ha terminado nada, encuentra un nivel oculto en la última maquinita y tiene que acabarlo antes de que se la lleven al amanecer.
Si no puedes escribir tu premisa en una o dos frases, trabaja primero en eso.
Formato
Cada escena de la escaleta lleva cuatro datos:
Escribe lo que ocurre, no cómo se dibuja. Eso viene después.
La prueba de cada escena
Una escena funciona cuando algo es distinto al final. Puede cambiar una emoción, una relación, un plan o lo que sabe el personaje.
| Entra con | Sale con | ¿Sirve? |
|---|---|---|
| Burla | Herida | Sí |
| Incredulidad | Asombro | Sí |
| Tristeza | Tristeza | Revisa |
Si nada cambia, tienes tres opciones:
Método
También sirve cualquier app de tarjetas, como Trello o Miro. Lo importante es poder mover las escenas sin esfuerzo.
Estructura
Acto 1, planteamiento. Presenta el mundo y la falla. Termina cuando el personaje se compromete con su objetivo.
Acto 2, confrontación. Los obstáculos crecen, las soluciones fallan y llega el punto más bajo.
Acto 3, resolución. Una decisión final, su resultado y cómo queda el personaje.
Las proporciones son orientativas. Sirven para detectar, por ejemplo, un inicio demasiado largo.
Los puntos que sostienen todo
| Momento | En Nivel oculto |
|---|---|
| Normalidad rota | El arcade será demolido. |
| Detonante | El abuelo cuenta el secreto de Cometa. |
| Compromiso | Inés mete la ficha y la pantalla la saluda. |
| Punto medio | Descubre pistas de su familia. |
| Punto más bajo | Le queda una vida y rompe con su abuelo. |
| Decisión | Regresa y detiene a los cargadores. |
| Clímax | Juega la última vida con su abuelo. |
| Cierre | Empieza a reconstruir Cometa. |
La prueba de la trama
Lee tus escenas en orden y únelas con una de estas palabras. Si solo funciona “y luego”, los sucesos no se están causando entre sí.
Inés empaca y luego habla con su abuelo y luego juega.
Inés quiere acabar rápido, pero su abuelo le cuenta un secreto. Ella no le cree, por lo tanto mete la ficha para demostrarlo, pero la pantalla la saluda.
Esta prueba popularizada por los creadores de South Park te ayuda a ver si cada escena es consecuencia de la anterior.
Hazla realista
Asigna páginas según el peso de cada escena:
Después haz la cuenta de tiempo:
Las cinco horas son solo un ejemplo. Mide tu propio tiempo terminando una página de prueba.
Ejemplo: 9 escenas, 48 páginas
| # | Qué pasa | Cambio | Pp. |
|---|---|---|---|
| 1 | Inés y su abuelo empacan el local. | Resignación → Tensión | 6 |
| 2 | Él cuenta el secreto de Cometa; ella se burla. | Burla → Herida | 5 |
| 3 | Mete la ficha. La pantalla la saluda. | Incredulidad → Asombro | 4 |
| 4 | El nivel recrea el arcade en 1994. | Curiosidad → Emoción | 9 |
| 5 | Pierde dos vidas donde siempre abandona. | Confianza → Miedo | 7 |
| 6 | El abuelo confiesa que él lo programó. | Unión → Ruptura | 6 |
| 7 | Llega el camión. Inés regresa corriendo. | Huida → Decisión | 4 |
| 8 | Juegan la última vida mientras desconectan. | Miedo → Determinación | 5 |
| 9 | Empieza a reconstruir Cometa. | Pérdida → Propósito | 2 |
Actos: escenas 1 a 3 (15 pp.), 4 a 6 (22 pp.) y 7 a 9 (11 pp.). Historia inventada para este material.
Ejercicio
Escribe entre 8 y 12 tarjetas para tu historia. Cada una lleva lugar, qué pasa, qué cambia y páginas.
Cuéntale tu historia a alguien solo con tus tarjetas. Marca dónde se confunde o se aburre. Ahí está tu siguiente corrección.
Módulo 3
Un guion es una carta para quien dibuja, aunque esa persona seas tú.
Empieza aquí
El guion convierte cada escena de la escaleta en páginas y viñetas. Indica qué se ve y qué se lee.
Inés mete la última ficha. La pantalla la saluda.
Página 13, cinco viñetas, cada una con su imagen, su texto y su sonido.
A diferencia de un guion de cine, aquí trabajas con imágenes fijas. Tú decides en qué instante se congela cada acción y cuánto espacio ocupa.
Elige cómo trabajar
Escribes página por página y viñeta por viñeta, con todos los textos, antes de dibujar.
Te conviene si estás empezando o trabajas en equipo.
Escribes un resumen por página, dibujas, y al final agregas los diálogos. Es conocido como método Marvel.
Te conviene si piensas mejor dibujando y ya dominas el ritmo.
Para tu primera novela gráfica, recomendamos el guion completo. Te obliga a tomar decisiones antes de dibujar.
No existe un formato oficial en el cómic. Lo importante es ser claro y constante. Si trabajas con una editorial, usa el suyo.
Formato
| Página | Se numera siempre. Indica si es par o impar. |
|---|---|
| Viñeta | Una por bloque y en orden de lectura. |
| Descripción | Plano, lugar, acción y gesto. |
| Texto | Quién habla y qué dice. |
Usa una fuente monoespaciada o sencilla y mucho espacio en blanco. Se debe poder consultar mientras dibujas.
Regla 1
Si no se puede dibujar, tampoco se puede leer en la viñeta. Convierte los pensamientos en algo visible.
| No se ve | Sí se ve |
|---|---|
| Recuerda a su abuela. | Mira una foto de su abuela, doblada y gastada. |
| Tiene miedo. | Le tiemblan las manos y no alcanza a meter la ficha. |
| Lleva días sin dormir. | Ojeras, tres vasos de café vacíos, ropa de ayer. |
Incluye solo lo que importa para contar la historia. Deja espacio para que quien dibuja tome decisiones.
Regla 2
Una viñeta congela un momento. Si escribes varias acciones seguidas, no se pueden dibujar a la vez.
Inés se levanta, cruza el cuarto, abre la puerta y ve a su abuelo.
O elige solo el momento más fuerte. Quien lee completa lo demás. No necesitas mostrar todo lo que ocurre, solo lo necesario para entenderlo.
Regla 3
| Antes | Después |
|---|---|
| “Abuelo, no creo lo que dices, porque esta máquina es vieja y no puede tener un final.” | “Puro cuento, abuelo. Ni final tiene.” |
El orden importa: quien habla primero debe quedar más a la izquierda o más arriba.
Lo que también se lee
| Cartela | Texto de narración, lugar o tiempo. 3:12 a. m. |
|---|---|
| Pensamiento | Va en globo o, más común hoy, en cartela. Úsalo poco. |
| En off | Alguien habla fuera de la viñeta. Se marca: ABUELO (off). |
| Susurro o grito | Se indica para cambiar el globo o la letra. |
| SFX | Efecto de sonido dibujado. CLINC, bzzt. |
Cada texto compite con el dibujo. Antes de agregar una cartela, pregúntate si la imagen ya lo dijo.
Tiempo en papel
En el cómic, quien lee controla el tiempo. Lo guías con el número de viñetas y la cantidad de texto.
Una página de 5 o 6 viñetas es un buen punto de partida. Pocas viñetas dan peso; muchas aceleran o comprimen, y pueden saturar.
Una viñeta silenciosa también es ritmo: obliga a detenerse después de tanto diálogo.
Son puntos de partida. Muchos autores usan 9 o más viñetas por página con buenos resultados.
Tu mejor herramienta
Al abrir un libro impreso, se ven dos páginas a la vez. La sorpresa solo se protege si aparece al voltear.
Por eso, en la página 13 de Nivel oculto, la pantalla saluda a Inés en la última viñeta. Al voltear, entramos al juego.
Ejemplo
Ejercicio
Toma una escena de tu escaleta y escribe una página impar de 4 a 6 viñetas. Termina con un gancho.
Dale tu guion a alguien más. Pídele que bocete la página sin hacerte preguntas. Lo que le salga distinto te muestra lo que no quedó claro.
Módulo 4
Bocetos pequeños para tomar decisiones grandes antes de dibujar en serio.
Empieza aquí
Es la primera versión visual de tus páginas. En novela gráfica también se le dice thumbnails o miniaturas; en manga, name.
Se trabaja pequeño a propósito: si no parece definitivo, te cuesta menos cambiarlo.
Método
Usa lápiz, plumón negro o una tableta, sin preocuparte por el acabado. Basta con círculos y líneas.
Estructura de la página
Una retícula regular da calma y previsibilidad. Si la rompes, se nota: guarda eso para cuando algo cambie en la historia.
Ritmo
Una viñeta grande pesa más y hace que nos detengamos. Decide cuál merece más espacio.
Si todas tienen el mismo tamaño, todas parecen igual de importantes. Pregunta: ¿cuál es el momento de esta página?
También puedes alargar el tiempo con una viñeta ancha y vacía, y acelerarlo con varias estrechas.
Hacia dónde va el ojo
Para comprobar la ruta, traza una línea que recorra los globos y los centros de interés. Si se cruza o salta, tu lector puede perderse.
Las miradas, los brazos y las líneas de movimiento también dirigen el ojo. Haz que apunten a la siguiente viñeta.
Continuidad
Imagina una línea recta entre dos personajes. Si mantienes la cámara de un solo lado, cada uno conserva su lugar: Inés a la izquierda, el abuelo a la derecha.
Si cruzas la línea sin avisar, parece que cambiaron de lugar y quien lee se desorienta.
Puedes cruzarla a propósito. Para que se entienda, muestra el cambio de cámara o usa un plano general que vuelva a ubicar a todos.
Dentro de la viñeta
Error común
Los globos ocupan parte del dibujo. Si no los planeas, acabarán tapando lo importante o quedarán apretados.
Escribe el diálogo real en tu boceto, con el tamaño de letra que usarás. Si no cabe, corta texto o cambia la viñeta.
Tu ruta de lectura incluye los globos: se leen en el orden en que el ojo los encuentra.
Lo que pasa en la calle
En el espacio entre viñetas, llamado calle, quien lee imagina lo que falta. Scott McCloud llama a esto clausura y describe seis transiciones:
| Tipo | Ejemplo |
|---|---|
| Momento a momento | Ojo abierto, ojo cerrado. |
| Acción a acción | Toma la ficha, la suelta. |
| Tema a tema | Inés, luego la pantalla. |
| Escena a escena | Arcade, luego el juego. |
| Aspecto a aspecto | Cajas, polvo, luces apagadas. |
| Non sequitur | Sin relación lógica aparente. |
Cambia de transición según lo que quieras. Momento a momento detiene el tiempo. Aspecto a aspecto crea atmósfera.
Ejemplo
La ruta termina en la esquina inferior derecha, justo donde se voltea la página. La viñeta más grande también queda ahí.
El guion completo de esta página está en el módulo Guion.
Ejercicio
Toma una página de tu guion y dibuja tres acomodos distintos, en pequeño y a toda velocidad.
Marca en cada una la ruta de lectura y los globos. Elige la mejor y escribe por qué.
Enséñala sin texto ni explicación. Si alguien te puede contar qué pasa y en qué orden, tu boceto funciona.
Módulo 5
Un flujo ordenado protege tu trabajo y ahorra horas de corrección.
Empieza aquí
Trabajar en digital te permite deshacer, reacomodar y reutilizar. Pero sin orden, también puedes perder horas buscando capas o corrigiendo un archivo mal configurado.
Este librito explica el proceso de forma general. Los menús cambian según programa y versión.
Con qué dibujar
| Opción | Ventaja | A considerar |
|---|---|---|
| Tableta sin pantalla | La más accesible | Miras el monitor, no tu mano |
| Tableta con pantalla | Dibujas sobre la imagen | Necesita computadora; cuesta más |
| Tablet con lápiz | Portátil, todo en uno | Menos espacio y memoria |
Lo esencial es un lápiz sensible a la presión. Antes de comprar, prueba las opciones que tengas a la mano y revisa que tu programa funcione en tu equipo.
Con qué programa
| Programa | Funciona en | Destaca en |
|---|---|---|
| Clip Studio Paint | Windows, Mac, iPad, Android | Herramientas para cómic: viñetas, globos, reglas |
| Krita | Windows, Mac, Linux | Gratis y de código abierto |
| MediBang Paint | Compu, tablet, celular | Versión gratuita, plantillas de cómic |
| Procreate | iPad | Dibujo fluido e intuitivo |
| Photoshop | Windows, Mac, iPad | Edición y color |
Antes del primer trazo
| Tamaño | Define primero el tamaño final del libro. |
|---|---|
| Sangrado | Unos 3 mm extra si el dibujo llega al borde. |
| Zona segura | Textos y caras lejos del corte. |
| Resolución | 300 ppp o más en color; 600 ppp es común para línea en blanco y negro. |
Crea una plantilla con todo esto y úsala en cada página. Confirma medidas con tu imprenta.
Tu archivo por dentro
Etapa 1
Muchos usan una línea en azul claro, igual que el lápiz azul tradicional. Así se distingue de la tinta y deja de estorbar al ocultar la capa.
Voltea el lienzo en horizontal cada cierto tiempo. Es la forma más rápida de detectar errores de proporción.
Etapa 2
Como guía, usa líneas más gruesas al frente y más finas al fondo. Después rellena los negros en una capa aparte.
Herramientas de página
Viñetas. Clip Studio y MediBang tienen herramientas específicas. En otros programas, usa una capa con rectángulos o una máscara. Cada viñeta en un grupo evita que el dibujo se salga.
Globos. Déjalos en vector para editarlos sin perder calidad. Primero el texto, luego el globo a su alrededor.
Fuente. Busca una especial de cómic y revisa que tenga acentos y signos de apertura: á, ñ, ¿, ¡. Muchas fuentes en inglés no los traen.
Licencia. Si vas a vender tu novela, confirma que la fuente permita uso comercial.
Etapa 3
Usa el color para narrar. Puedes asignar una paleta distinta a cada lugar, tiempo o emoción.
Apoyos para dibujar
Reglas de perspectiva. Colocas tus puntos de fuga y tus trazos siguen esas líneas. Sirven para interiores y ciudades.
Modelos 3D. Algunos programas traen figuras posables. Usa tu modelo como base, no como calco: dibújalo encima y exagera.
Fotos de referencia. Tómalas tú o usa bancos con licencia clara. Copiar fotos de otras personas puede causar problemas de derechos.
Material reutilizable. Guarda fondos, objetos y pinceles propios. Mantén notas con el diseño, la paleta y la ropa de cada personaje.
Impresión
La hoja doble carta o tabloide se dobla a la mitad y da dos páginas por lado.
| Hoja | Medida | Úsala si… |
|---|---|---|
| Tabloide | 27.94 × 43.18 cm (11 × 17 in) | Dejas margen blanco o reduces tu página. |
| Tabloide rebasado | 30.48 × 45.72 cm (12 × 18 in) | Quieres tamaño carta a sangre. |
Algunas imprentas llaman rebasado a otra medida. Confirma la suya antes de preparar los archivos.
Impresión
Crea cada página con estas medidas a 300 ppp. El archivo ya incluye 3 mm de sangrado por lado.
| Tabloide con margen blanco | Tabloide a sangre | Rebasado a sangre | |
|---|---|---|---|
| Página final | 21.59 × 27.94 cm | 19.5 × 26 cm | 21.59 × 27.94 cm |
| Sangrado | No lleva | 3 mm por lado | 3 mm por lado |
| Archivo | 21.59 × 27.94 cm | 20.1 × 26.6 cm | 22.19 × 28.54 cm |
| En píxeles | 2550 × 3300 | 2374 × 3142 | 2621 × 3371 |
| Zona segura | 19.59 × 25.94 cm | 17.5 × 24 cm | 19.59 × 25.94 cm |
Impresión
Hoja 1 de una novela de 48 páginas: frente y vuelta.
Etapa final y ejercicio
| Destino | Exporta en |
|---|---|
| Imprenta | PDF, generalmente CMYK. Con sangrado y según sus indicaciones. |
| Pantalla | PNG o JPG en RGB. |
| Archivo | Tu archivo original con capas. |
Crea tu plantilla y lleva una viñeta de tu storyboard por todo el flujo: lápiz, tinta, planos, sombra y rótulo. Conserva capas separadas y entrega dos archivos: el editable y uno exportado.
Abre tu archivo exportado en otro dispositivo. Revisa colores, fuentes y que no se corte nada.