Advertisement
  1. Design & Illustration
  2. Hand Lettering

Caligrafía: Scripts, Remolinos & Florecimientos

Scroll to top
Read Time: 14 min
This post is part of a series called Hand Lettering Fundamentals.
Hand Lettering: Understanding Types of Type
Hand Lettering: Mastering Brush Script

Spanish (Español) translation by RRGG (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

De acuerdo chicos, este tutorial es probablemente mi favorito personal debido a mi amor por la caligrafía y su habilidad de comunicar una amplia variedad de mensajes. En este tutorial aprenderás lo básico de lo informal (también conocido como casual) y la caligrafía de script formal. Al final, tendrás una idea de los pesos de trazo, contraste, kerning, florecimiento, velocidad, ángulo, y otras técnicas que se utilizan para desarrollar la escritura de letras.

Abordemos primero la caligrafía de script, y después sigamos a lo floreciente. Cubriremos lo básico para comenzar, y después añadiremos los adornos y otras campanas y pitos para que tu tipografía resalte del resto y parezca más "personalizada". Después de todo, de eso se trata la "caligrafía": ¡tipografía personalizada y única hecha a mano!

Lectura Pre-Tutorial

Antes de que realmente comencemos este tutorial, quiero proporcionarles a todos con alguna información bastante necesitada que ayudará a tu comprensión general de los métodos a continuación.

Altamente recomiendo que busques mis dos previas clases antes de empezar esta, ya que el material es para un calígrafo de nivel intermedio. ¡Un buen conocimiento de la tipografía seguramente es útil! Aquellas clases pueden ser encontradas aquí: Caligrafía a Mano: Formas de Letras en su Núcleo y Entendiendo Tipos de Tipo.

Así que, ¿qué exactamente define "caligrafía de script"? Script, cursiva, caligrafía y otros términos son todos usados de forma intercambiable. El script esencialmente se refiere a las formas de letras que se unen juntas por un solo movimiento de la mano. Pero, en este caso, ya que estamos dibujando, será la acumulación de las pinceladas. Consistirá de muchas, muchas pinceladas que serán hechas para desarrollar y refinar las formas de las letras... en vez de completar las formas de las letras en un movimiento como lo harías con la caligrafía.

Ahora, algunos de ustedes se deberían estar preguntando, ¿cuál es la diferencia entre un script de letras formal e informal? Un script formal está conectado a los buenos días del pasado de caligrafía cuando realmente era algo, empezando en el siglo 16 en adelante. Tristemente, la caligrafía es un arte muerto debido a la tecnología. Los colegios públicos (aquí en los Estados Unidos) ¡ni siquiera requieren cursiva como parte del currículo!

De todas maneras, de vuelta al tema, los scripts como Roundhand, Spencerian y Copperplate todos son considerados un script formal debido a la construcción y métodos para formar las letras. Todos ellos estaban escritos con una punta puntiaguda y tinta. Estas formas de letra tenían una pendiente específica, ángulo (alrededor de 50 + grados-varía entre penmen), velocidad, etc. ¡Si te estás preguntando donde puedes ver tal caligrafía maravillosa, la declaración de la independencia fue escrita en copperplate script! El logo de Coca-Cola incluso contiene algunas de las características del script Spencerian.

En la otra mano, tenemos un script informal, el cual es mucho más flexible. Tiene algunas raíces dentro del script formal, tal como la construcción de la forma de letras, pero tiene la habilidad de ser completamente único de su original. La velocidad en general, composición, color, tamaño y otros factores varían con un script informal. Alterar el grosor, ángulo, tamaño, contraste y otras características de una forma de letra puede crear formas de letras de script informales y únicas.

Si tienes alguna pregunta en relación al script durante o siguiendo este tutorial, ¡siéntete libre de preguntar! Siempre estoy dispuesto a compartir más conocimiento contigo.

Ahora, ¡hagámoslo!

1. Preparando las Herramientas Que Necesitarás

  1. Papel de trazado
  2. Papel de grafito
  3. Pincel
  4. Este PDF (para cuando le hagamos frente al florecimiento)

¡Refinaremos bastante nuestra caligrafía! Así que, es necesario mucha cantidad de papel de trazado. Ya que solo dibujaremos formas de letras, agarra tu pincel favorito, borra, afilador, etc. Cualquier cosa que necesites para dibujar.

Descarga el PDF adjuntado para tu placer de visión. Mi consejo es imprimirlo (tienes la opción de trazar los florecimientos más adelante) ¡para tenerlo frente a ti mientras completas este tutorial!

ScriptLettering-ToolsScriptLettering-ToolsScriptLettering-Tools

2. Script Formal

Empezaremos por entender las formas básicas y pinceladas que crean formas de letras de script formales. Para toda esta porción del tutorial, nos enfocaremos en dibujar la palabra "diseño" (todo en minúscula) Esta palabra tiene una gran combinación de pinceladas básicas que después podrás utilizar para piezas de letreado formales.

Utilizar las pinceladas en esta palabra y entender su formación te proporcionará con el entendimiento de dibujar casi cualquier palabra/letra, ya que todos han sido comprendidos de las mismas pinceladas básicas.

Proporciono algunos gifs para que puedas ver un rompimiento de cada pincelada que conforma cada forma de letra. ¡Amaestrar estas pinceladas es la clave para el éxito! Empecemos.

Paso 1

¡Prepara un pedazo de papel de gráfica para esta porción del tutorial! Creemos nuestra línea base, altura de la tapa, y altura x para un lugar donde estén nuestras letras. Empieza en la mitad de la página y añade una línea de puntos para formar la altura x. Después, desde el medio, cuenta tres cuadrados hacia arriba y dibuja una línea. Después, tres cuadrados para abajo y dibuja una línea.

¡Bum! Ahora ya tienes la altura de tu tapa, la altura x y la línea base.

ScriptLettering-GuideScriptLettering-GuideScriptLettering-Guide

Paso 2

Desde aquí, necesitamos establecer un ángulo/inclinación para todas nuestras letras para seguir. Empieza a dibujar líneas angulares (alrededor de 45 grados) cada uno o dos cuadrados. Una vez que estés listo, debería verse algo como la foto a continuación.

ScriptLettering-Slope-GuideScriptLettering-Slope-GuideScriptLettering-Slope-Guide

Paso 3

¡De acuerdo! Ahora que tienes tu papel de gráficas listo con tus guías, pon un pedazo de papel en blanco de trazado sobre la guía que has creado.

Ahora comencemos a construir la "d" de la palabra diseño. La letra minúscula "d" contiene dos pinceladas. Uno es una forma oval (esto forma la barriga de la "d") mientras que el otro es el palo. Empieza formando la forma oval arriba de la altura x de nuestro papel de gráficas. Después, añade el palo, que se extenderá hasta la altura de la tapa. Se debería ver algo como la foto de abajo.

ScriptLettering-Formal-dScriptLettering-Formal-dScriptLettering-Formal-d

Paso 4

Avanzando a la "e", notarás que esta forma de letra utiliza la misma forma oval. Presta atención a la inclinación/ángulo de la "e" y júntalo con el ángulo de la "d" que dibujaste ahora.

ScriptLettering-Formal-eScriptLettering-Formal-eScriptLettering-Formal-e

Paso 5

Después, abordemos la "s". Esta forma de letra es probablemente la más difícil de amaestrar debido a su estructura compleja. Un pequeño consejo al que atenerse: la barriga de la "s" debería parecer redonda y no muy plana. Adicionalmente, el tope de la estructura de la "s" realmente se extiende sobre la altura de la x. Esto es para balancear el espacio negativo y peso de la forma de la letra comparada a otras. Aparecería un poco pequeña en escala si el tope de la "s" se viera con la altura de la x.

ScriptLettering-Formal-sScriptLettering-Formal-sScriptLettering-Formal-s

Paso 6

De acuerdo, ahora que hemos practicado esa compleja "s", dibujemos una forma de letra más fácil: la "i" Este es esencialmente mitad del palo (similar al palo de la "d" pero como mitad de su tamaño.) Para una exitosa "i", presta atención a la distancia del ápice (el punto del ojo) y el palo. Si es muy lejos, tendrá mucho espacio negativo a su alrededor. Ve el espacio negativo creado por la distancia del ápice y serás oro.

ScriptLettering-Formal-iScriptLettering-Formal-iScriptLettering-Formal-i

Paso 7

Siguiendo, esta "g" no debería ser muy difícil. Es casi una "d" volteada en términos de tamaño y estructura. Una cosa a la que prestar atención es el cambio en el peso del descendiente de la "g" mientras se extiende hacia arriba hacia la "n". Este formulario debería ser muy fácil después de algo de práctica. Contiene otra forma oval para la barriga de la "g" y un palo para formar el descendiente.

ScriptLettering-Formal-gScriptLettering-Formal-gScriptLettering-Formal-g

Paso 8

¡Esto es todo! La última forma de letra en nuestra palabra, la "n". La estructura de esta forma de letra está comprometida con dos pinceladas. Un palo corto (conectado a la g, en este caso) y un segundo palo conectado al primero.

ScriptLettering-Formal-nScriptLettering-Formal-nScriptLettering-Formal-n

Y aquí está nuestra palabra completada, "diseño", a continuación. De nuevo, estas pinceladas básicas que dibujaste dentro de la palabra pueden ser usadas para todas las otras palabras/letras. ¡Solo continúa practicando y empezarás a entender mucho más la estructura! ¡Todo se trata de la práctica!

Conclusión

ScriptLettering-Formal-completeScriptLettering-Formal-completeScriptLettering-Formal-complete

¿Notas algo extraño sobre la palabra completada? El kerning entre la "g" y la "n" aparece un poco más abierto que el resto de los ajustes de formas de letra, ¿cierto? Con un script formal, un espacio un poco más grande se necesita para acomodar la pincelada que junta. Quieres que todas tus formas de letras se conecten graciosamente con un couleé (Palabra francesa, significando fluir) en vez de una junta abrupta.

3. Script Informal/Casual

Paso 1

Tomar lo que sabes sobre el script formal, ahora apliquemos aquellas técnicas básicas para dibujar un letrado algo informal.

Para este tutorial completo dibujaremos y volveremos a dibujar la misma frase una y otra vez. Ahora, queda enteramente en ti decidir cuál frase deberías decir. Pero, estás más que bienvenido en usar la misma frase que yo, la cual es: Entierra El Pasado.

Así que, si no estás usando la frase anterior que proporcioné, toma este tiempo para pensar en una frase o busca una con letras de canciones, películas, etc.

ScriptLettering-PhraseScriptLettering-PhraseScriptLettering-Phrase

Paso 2

Justo como los proyectos de letrado, empezaremos con la fase de conceptualizar e idear. Empezaremos a dibujar comps para la tipografía para realmente alcanzar su completo potencial. La mejor manera de rápidamente bosquejar las ideas es utilizar formas, arcos, líneas, etc. para el tipo de vida o seguimiento. Justo como el ejemplo de abajo, bosqueja algunas ideas para ayudarte a decidir cuál visualización sería la mejor para tu frase escogida.

Para esta etapa del proceso, es increíble empezar a trabajar de forma pequeña para que rápidamente puedas tener todas tus ideas en una página. Después, más adelante, incrementa la escala para entonar finamente aquellas formas de letras.

ScriptLettering-ConceptsScriptLettering-ConceptsScriptLettering-Concepts

Paso 3

Lo siguiente, después de que hayas bosquejado algunas variedades, selecciona una de ellas que pienses que está funcionando mejor para continuar trabajando más en ella. En esta etapa, me gusta escanear esa pieza de letreado en la computadora y alargarla para empezar a trabajar en una escala más grande.

Así que, escanéalo en la computadora o imprímelo, o simplemente vuelve a dibujar el letrado en un tamaño más grande, cualquier método que sea más fácil para ti.

ScriptLettering-Selected-ConceptScriptLettering-Selected-ConceptScriptLettering-Selected-Concept

Paso 4

Una vez que tengas tu letrado a gran escala listo para seguir, puedes ahora refinar incluso más. Está preparado para dibujar y volver a dibujar tu letrado. En esta etapa, estamos tratando de afinar tu kerning, espacio negativo, conexiones, y composición en general. Una vez que refines, refines, refines, tendrás un esqueleto "terminado" de tu letrado.

ScriptLettering-Informal-1ScriptLettering-Informal-1ScriptLettering-Informal-1

Paso 5

Después, continuaremos refinando y añadiendo contraste al letrado. Esta es la etapa donde puedes llevar la caligrafía a cualquier dirección que quieras. Para mi, me estoy inclinando hacia una sensación realmente fluida y parecida a un pincel. Quiero incorporar un buen ritmo y estilo distintivo, añadiendo en algunas "espuelas" a las pinceladas verticales.

Tómate este tiempo para comenzar a añadir peso a tu letrado. Aquí es donde decides si quieres que tu letrado tenga un alto contraste o bajo contraste entre las pinceladas gruesas y finas.

ScriptLettering-Informal-2ScriptLettering-Informal-2ScriptLettering-Informal-2

Paso 6

De nuevo, solo continuaremos refinando las formas de letras hasta la perfección. En este punto, estoy continuando añadiendo peso como también prestando atención al kerning, espacio negativo y conexiones entre formas de letras. Mientras añades peso a tu letrado, ¡todas esas variables cambiarán! Abre el espacio entre las formas de letras si las áreas se vuelven muy oscuras con el peso extra que le estás añadiendo a tus letras.

ScriptLettering-Informal-3ScriptLettering-Informal-3ScriptLettering-Informal-3

Paso 7

Podrías no notar muchas diferencias entre el paso anterior y éste. Pero si ves de cerca estoy alterando el kerning y colocación de ciertas formas de letras. Como puedes ver, en la imagen anterior hice notas a mi mismo para abrir el kerning. Adicionalmente, dibujé líneas angulares para asegurarme que todas las formas de letras sigan el mismo ángulo a lo largo. Haz más ajustes y refinamientos a aquellas formas de letras hasta que el color (en general el espacio negativo y positivo) y la composición estén trabajando fluidamente.

Toma este tiempo para volver a dibujar las formas de letras que podrían necesitar más ajustes. Podrías necesitar ajustar el espaciado o las conexiones, o hacer correcciones y si no están siguiendo el mismo ángulo.

ScriptLettering-Informal-3ScriptLettering-Informal-3ScriptLettering-Informal-3

Paso 8

¡Esta es la etapa final de mi letrado! He entonado finamente las letras lo suficiente para obtener un color parejo, buen balance, ritmo e incluso una composición también.

Toma este tiempo para limpiamente volver a dibujar las formas de letras hasta completar. Después de muchas etapas de volver a dibujar, ¡obtenemos un grupo de letras finamente compuestas!

ScriptLettering-Informal-4ScriptLettering-Informal-4ScriptLettering-Informal-4

Aquí está todo el proceso. ¡Todo se trata del refinamiento!

ScriptLettering-Informal-ProcessScriptLettering-Informal-ProcessScriptLettering-Informal-Process

¿Y qué de los vectores?

¿Estás buscando llevar tu letrado más lejos en la computadora? ¿Necesitas un mejor entendimiento de Pen Tool en Illustrator? En un tutorial futuro, estaré usando esta pieza de letrado para progresar más en el formato de vectores. ¡Mantente entonado!

4. Florecimiento

Antes de que empecemos esta sección del tutorial, quiero proporcionar unas cuantas reglas y cosas que recordar. Primero y más importante, el florecimiento no hace mejor automáticamente a tu letra, tampoco es necesitado en cada pieza de letrado que completes. Usa con cuidado cuando decidas el tiempo apropiado para añadir un florecimiento a tu próxima pieza de letrado.

Después, otra importante regla para recordar es añadir florecimiento desde las pinceladas de salida y entrada de tus formas de letras. Los ascendientes y descendientes son perfectos lugares. Pero asegúrate que lo hagas naturalmente en vez de forzarlo a que pase.

La última cosa a notar antes de que empecemos: el florecimiento es algo que necesita ser balanceado y refinado, justo como lo hiciste anteriormente con el letrado. El florecimiento crea un espacio negativo y positivo, así que por supuesto que necesitas balancear aquellos espacios negativos y positivos que crees con tus florecimientos. El balance es la clave para el florecimiento.

Paso 1

Empezaremos al comenzar a practicar pinceladas básicas de florecimiento. Descarga el PDF proporcionado e imprímelo para ver las pinceladas básicas. Solo nos enfocaremos en las pinceladas en sí. Una vez que tengas listas estas técnicas, puedes entonces aplicarlas a tu letrado.

Empecemos dibujando el florecimiento Espiral. Pon un pedazo de papel en blanco sobre tu PDF impreso. Empieza trazando el florecimiento espiral hasta que hayas hecho el movimiento muscular que tu brazo y muñeca hace. ¡Una vez que hayas practicado en trazarlo una y otra vez, trata de dibujarlo sin trazarlo!

ScriptLettering-Flourish-SpiralScriptLettering-Flourish-SpiralScriptLettering-Flourish-Spiral

Paso 2

Ahora hagamos lo mismo con la siguiente pincelada de florecimiento, el bucle. Pon un nuevo pedazo de papel sobre tu papel de referencia impresa y empieza a trazar la pincelada de bucle. Practica hasta que sientas que puedas hacerlo sin tener que trazar.

La clave para perfeccionar esta pincelada es balancear el espacio positivo y negativo creado por las líneas sobrepuestas. Adicionalmente, asegúrate que porciones más pesadas de pinceladas crucen sobre la porción de peso liviano de la pincelada. Nunca permitas que dos pinceladas pesadas interactúen porque eso crea un dolor de ojos de espacio positivo extremadamente pesado. De nuevo, ¡aquí se trata todo sobre balance!

ScriptLettering-Flourish-LoopScriptLettering-Flourish-LoopScriptLettering-Flourish-Loop

Paso 3

Después, abordemos la pincelada de la cola. Este no es un término correcto, solo es mi manera de clasificar esta pincelada en particular. De todas maneras, siéntete libre de empezar a trazar justo como lo hemos hecho antes. Si sientes que tienes un buen concepto de esta pincelada, practica dibujar múltiples pinceladas una después de otra. Presta atención a la escala, contraste, y por su puesto, ¡la consistencia!

ScriptLettering-Flourish-TailScriptLettering-Flourish-TailScriptLettering-Flourish-Tail

Paso 4

Continuando más adelante, estaremos practicando la curva s. Podría parecer lo suficientemente simple, pero ve el cambio sutil en el peso como también el cambio sutil en la altura. Justo como hicimos antes, practica esta pincelada una y otra vez hasta que tengas un buen concepto de la técnica.

ScriptLettering-Flourish-SCurveScriptLettering-Flourish-SCurveScriptLettering-Flourish-SCurve

Paso 5

Finalmente, practiquemos la pincelada de figura 8. Esta es una de las pinceladas más complicadas debido a la necesidad de balancear todo como también de prestar atención a las intersecciones de las pinceladas. Justo como con el bucle, asegúrate que veas el peso de las pinceladas mientras se intersectan. ¡Practica dibujar unas cuantas de estas al trazar o practicar mano libre!

ScriptLettering-Flourish-Figure8ScriptLettering-Flourish-Figure8ScriptLettering-Flourish-Figure8

Paso 6

¡Aplica estas técnicas a tu próxima pieza de letrado!

Podrías haber notado en mi pieza de Entierra El Pasado, que tiene un florecimiento exagerado de curva s que se extiende fuera de la pincelada de salida de la minúscula s. Esto es a lo que me refiero con lo de aplicar florecimiento "naturalmente" en vez de forzarlo. El simple florecimiento de la curva s balancea el espacio negativo y ajusta todo bien y justo para crear una composición en general mucho mejor.

Bury the Past finished compositionBury the Past finished compositionBury the Past finished composition

Conclusión

Es definitivamente difícil, ¿cierto? ¡La práctica y la repetición son las claves del éxito! Sigue trazando, sigue dibujando, sigue refinando y verás tu progreso, lo prometo. El letrado de script es algo que definitivamente toma años de práctica para comprender por completo todas las entradas y salidas, así que no te desesperances. Si tienes alguna pregunta, siéntete libre de publicar abajo y seré capaz de ayudarte. ¡Buena suerte!

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.