Letras de mano cómo vector sus formas de letras

Lo que vas a crear

Recuerdo hace un año que estaba teniendo tanto problemas para vectorizar mis formas de letras. Tenía una comprensión decente de la herramienta Pluma, pero no tenía idea de que hay técnicas menores que hacen maravillas para su tipo para crear esas curvas suaves que está buscando. 

Esperamos que este tutorial responda a todas sus preguntas sobre formas de letras vectoriales y sobre cualquier tema. El mismo proceso se puede utilizar para cualquier cosa que componga en Illustrator. En el caso de letras., la clave es tener relativamente pocos puntos de anclaje mientras se utiliza la colocación correcta de los puntos y una variedad de otros trucos para perfeccionar esas curvas, ángulos, anchos, etc..

Tres cosas a tener en cuenta antes de empezar:

Primero, el proceso a continuación es utilizar un trabajo que ya he creado en un tutorial anterior. Para su práctica y experiencia, sugiero crear / usar su propia letra, en lugar de recrear la mía. ¡Es verdaderamente la mejor manera de aprender! Quiero que tomes la información a continuación y la apliques a tus propias letras para que tengas una pieza terminada que realmente puedas llamar tuya! 

En segundo lugar, este tutorial no consiste en enseñarle cómo usar / comprender la herramienta Pluma. Si no entiende cómo funciona o su funcionalidad, le sugiero que lo lea antes de comenzar: solo le facilitará las cosas más adelante..

Tercero, quiero que todos sepan que este tutorial puede parecer un poco confuso y por todas partes, ¡pero prometo que es por la enseñanza! Solo quiero compartir todo y cualquier cosa para ayudar a su proceso de vectorización. En pocas palabras, no será un comienzo y un final simplificados. Habrá un comienzo y habrá un final, pero nos llevará algo de tiempo llegar allí.!

Mantén una mente abierta y te prometo que crearemos grandes cosas. Vamos a empezar!

1. Preparando las herramientas que necesitará

  • Ordenador PC o Mac. Cualquiera de los dos hará el trabajo!
  • Ilustrador Adobe 
  • Bosquejo inicial / escaneo de las letras que desea vector
  • Pluma o lapiz

Para este tutorial, va a utilizar un boceto de algunas letras anteriores que puede haber hecho de los tutoriales anteriores. Nos centraremos en tomar ese boceto y volverlo a dibujar en formato vectorial. 

2. Trazando tus puntos en el extremo

Antes de comenzar a trabajar en la computadora, ¡vamos a practicar la vectorización a mano! ¡Con papel! Loco, verdad? Le prometo que le proporcionará una comprensión y apreciación mucho más amplias de la maravillosa Herramienta para lápiz..

Ahora que haceextremos"¿En serio? En primer lugar, es plural para extremum. En matemáticas, eso generalmente significa el máximo o el mínimo. En el caso de las letras, estamos hablando de los extremos opuestos de la letra para componerla con asas de madera. Por ejemplo, los extremos de la letra "O" serían los puntos de anclaje norte y sur que forman la curva. Los puntos de anclaje este y oeste del lado le permiten distribuir el peso y el ancho.

Echa un vistazo a este círculo a continuación. Puedes ver que la forma está siendo creada de manera uniforme por cuatro puntos principales. Esos son los "extremos" de la letra "O"..

Darse cuenta de Las asas están uniformemente equilibradas y distribuidas. también. Esta misma técnica debe ser aplicada dentro de tus letras. Asegúrese de que todas las manijas equilibren la carga de trabajo y no permitan que una sola manija sea extremadamente larga y cargue todo el peso.

Paso 1

Descarga las letras adjuntas si quieres usar la mía. Si no, ¡siéntete libre de usar el tuyo! A partir de aquí, comencemos a dibujar donde irían los puntos de anclaje. Sigue adelante y usa un lápiz o bolígrafo yDibuja círculos donde creas que colocarías esos puntos de anclajeen Adobe Illustrator. 

No se preocupe por si está en lo correcto o no, solo intente hacerlo y vea lo que actualmente cree que puede ser correcto. Más adelante a lo largo de este tutorial y práctica adicional, se sorprenderá de su crecimiento / nuevo conocimiento.

Paso 2

Luego, tome esa misma pieza de letra y comience a dibujar rectángulos alrededor de cada forma de letra. Estamos usando un truco fácil para entender dónde trazarás tus puntos en los "extremos" de tus formas de letras.. Dondequiera que los rectángulos toquen su letra es donde debe estar el punto de anclaje. Ahora, eso no quiere decir que su forma de letra solo debe tener cuatro puntos de anclaje, ya que hay cuatro lados en un rectángulo. Esto solo te da un gran punto de partida.. 

Más adelante, comenzaremos con el trazado de los extremos en Illustrator, y luego agregaremos puntos de anclaje adicionales para curvas particulares o quizás incrementemos algo de peso en su forma de letra. Cada forma de letra será diferente, por lo que este proceso no está escrito en piedra. En última instancia, le dará una ventaja en la dirección correcta, y luego depende de usted determinar qué aspecto es "bueno" o qué aspecto "correcto".. 

3. 0 °, 45 °, 90 °: Ángulos de asa

Ahora, antes de profundizar en esta sección del tutorial, quiero decir que 0 °, 45 ° y 90 ° no son necesariamente los únicos ángulos en los que debe colocar sus asas. Nuevamente, todo se reduce a lo que se ve bien y usar su propio juicio para determinar si podría usar un ángulo aleatorio de 15 °, por ejemplo.

Entonces, ¿qué tienen de especial los ángulos horizontales, verticales y diagonales (45 grados)? En primer lugar, utilizar ángulos similares mantiene la coherencia en todas las letras. Segundo, esos ángulos son clave para formar las curvas más suaves. ¿Ha notado pequeños puntos o bordes en sus letras causados ​​por puntos de anclaje? Bueno, eso se puede arreglar fácilmente con la colocación correcta del punto de anclaje y el ángulo correcto de sus asas. 

Pongámonos a trabajar!

Paso 1

Este sencillo proceso a continuación mostrará la importancia de los puntos de anclaje horizontales y verticales. Este proceso debe usarse para casi cualquier proyecto de vectorización que tenga de aquí en adelante. Vamos a empezar por vectorizar el siguiente "El". Quiero desglosar el proceso de vectorización para que pueda ver cómo normalmente trataría de vectorizar una palabra simple como esta.

Si lo desea, puede comenzar aplicando la técnica del "rectángulo" con sus letras antes de comenzar para que pueda determinar dónde se deben colocar sus extremos..

Paso 2

Después de dibujar su letra "The", ahora vamos a comenzar a desarmarla pieza por pieza para convertirla en un vector.. 

Voy a empezar con el tallo de la "T". Como puedes ver, Estoy utilizando los puntos de anclaje horizontales, así como dos ángulos no tan matemáticos. Recuerde, no todos los mangos deben ser horizontales. Es realmente lo que crees que puede verse mejor. Para esta raíz, empecé con todos los mangos horizontales y luego los ajusté para que se ajustaran a mi gusto..

En resumen, todo este vástago se creó con solo cuatro puntos de anclaje y un poco de prueba y error.. 

Paso 3

Aquí es donde las cosas se ponen un poco locas. Para este ejemplo en particular, decidí unir la conexión "Th" para crear una sola forma. Cada punto de anclaje es igual de equilibrado e igualmente distribuye la curvatura. En cuanto a dónde comenzar a trazar sus puntos de anclaje, todo es una cuestión de preferencia. Las formas de letras generalmente dictan dónde comenzar. Para mí, trabajo de izquierda a derecha, así que empecé pordibujando la conexión de bucle de la "T" y finalizando en el vástago de la "h".

Sigamos empujando hacia adelante!


Etapa 4

Siguiente,Formé el hombro de la "h".(El segundo tallo si quieres). Cada pieza de esta letra se divide en formas separadas para que luego pueda editar las piezas individuales en lugar de la pieza completa..

Paso 5

El último paso es crear la "e".Utilizando solo ocho puntos de anclaje, pude crear la forma correcta sin agregar más puntos para ajustar el ancho, el contraste, etc..

Comience donde quiera, pero para mí, personalmente, comencé formando la barra transversal de la "e", rodeé esa forma para formar el tazón y la terminé con la cola..

¡Y ahí lo tenemos! Nuestro terminado "The". Recuerda trazar esos puntos en el extremo, finura esos mangos hasta la perfección, ¡y eres dorado! La paciencia es clave!

También he incluido el ejemplo a continuación, para que pueda ver un estilo completamente diferente de la palabra "The" sin dejar de usar los controles horizontales y verticales similares..


4. Consejos y trucos adicionales de Vectoring

Asegurarse de que el vector consume mucho tiempo incluso para un maestro. No importa qué, es un montón de ajuste y corrección de esas curvas, puntos de anclaje, etc..

En esta sección del tutorial, espero arrojar algo más de sabiduría para acelerar el proceso un poco más. Para simplificar, voy a utilizar la letra "O" o una forma de círculo para demostrar muchos de estos trucos. Aunque es una forma simple, la metodología y la práctica detrás de la punta se pueden utilizar para cada letra..

Paso 1

Yo llamo a esta técnica la cruce. Cuando comience a vectorizar sus letras, puede que le resulte más fácil aplicar esta técnica de cruce para controlar los anchos y ángulos de las partes de sus formas de letras. En el siguiente ejemplo, puedes ver que creé un punto de anclaje adicional para permitirme controlar lo que se llama la "entrepierna" de la "N". Esencialmente, le permite mover y alterar una parte de su forma de letra sin molestar a otra. 

En el ejemplo del gif inferior, esto muestra exactamente lo que quiero decir al alterar un lado sin molestar al otro. Ahora, esta construcción "A" definitivamente no es correcta de ninguna manera. Es simplemente una forma perfecta de mostrar lo que puede lograr la técnica de cruce..


Paso 2

La herramienta Ellipse y la herramienta Rectangle de Illustrator pueden convertirse en tus mejores amigos si solo piensas en las formas que componen cada forma de letra. Por ejemplo, la letra "O" tiene dos puntos suspensivos: uno para el ancho y otro para el peso en el interior. Entonces, si solo creas dos puntos suspensivos, apilados uno encima del otro, puedes formar la letra "O" en segundos. 

Además, si desea continuar y crear otra letra como una "H", puede utilizar la herramienta Rectángulo. Cada vástago y la barra transversal de la siguiente "H" se formaron con tres rectángulos separados. Más tarde puede expandirlos y fusionarlos si desea una forma completa.

Esperemos que el proceso de gif acelerado a continuación muestre exactamente lo que quiero decir. Solo estoy usando formas simples para formar estas letras. 

Paso 3

En el siguiente ejemplo, utilicé el Herramienta de ancho dentro de Illustrator. Definitivamente puede ser útil a veces. Con esta herramienta, esencialmente estás trazando dónde quieres que se distribuya tu ancho. En este ejemplo, quería que los lados izquierdo y derecho del trazo fueran .525in, mientras que la parte superior e inferior permanecieran en .125in. Esto distribuyó el peso uniformemente y formó una bonita letra de alto contraste "O".

Como puede ver en el ejemplo, la izquierda es solo un trazo, que era antes de aplicar la Herramienta de ancho, mientras que la derecha es después de que se haya aplicado la Herramienta de ancho.

Esta herramienta definitivamente puede ayudar a acelerar el vector de ciertas formas de letras, especialmente el script. Solo recuerda dibujar con "trazos" y agrega el contraste a tus formas de letras con la herramienta de ancho después de.

La desventaja de la herramienta de ancho es que cuando vas a expandir tu trazo, se forma un Gran cantidad de puntos de anclaje adicionales que no necesitas. Puedes ver lo que quiero decir en la imagen de abajo. Todos esos diminutos puntos rojos son puntos de anclaje.!

Por lo tanto, si desea realizar ediciones después de que se haya ampliado, sería bastante difícil si no tuviera el trazo original que editar..

5. Pieza final de vector

Muy bien, es hora de dejar de lado el proyecto final de vectorización, ¡ya que acabamos de aprender todo sobre cómo hacerlo! Vamos a comenzar donde lo dejamos antes en el tutorial y completaremos este artículo de la Ciudad de Nueva York..

Paso 1

Tomando esta pieza por pieza, comienza a vectorizar tus formas de letras una a la vez. Utiliza la técnica de cruce para poder ajustar un área de tus letras sin molestar a otra parte de ellas. Para esta pieza de letras en particular, tenía muy pocas manijas verticales y horizontales. Pero aún puse mis puntos en los extremos, lo que me permitió crear las formas que ves.. 

Paso 2

Después de vectorizar el "Nuevo", comencemos la siguiente palabra: "York". Usa el mismo proceso y vector cada pieza por pieza.. Probablemente pueda ver la colección de puntos de anclaje dentro de la "K". Esto se debe a que dibujé cada parte de la "K" como formas separadas para editarlas más adelante si es necesario. Así que el vástago y las dos patas se dibujan individualmente, creando un total de tres formas para formar la "K". 

Tenga en cuenta que está bien si todo se superpone, ya que rellenaremos estas formas más adelante.

Paso 3

La última palabra a vector, "Ciudad". Usted sabe qué hacer: comience a trazar esos puntos y afine cuidadosamente sus puntos de control a su gusto. Dibuje cada letra por separado, como puede ver a continuación. Esto ayudará al proceso de edición más adelante..

Etapa 4

¡Ahí lo tenemos! Una vez que haya completado el vector de toda la pieza, puede rellenar las letras en lugar de un trazo para que pueda ver cómo interactúan el espacio positivo y el negativo..

Paso 5

Incluso después de que crees que has terminado de vectorear, probablemente no!

Hay un montón de ediciones que hacer después de "rellenar" las formas porque luego puede ver qué necesita más contraste, más kerning, etc. En este caso, hice muchas ediciones menores para ayudar al color general. Además, modifiqué la forma de la "Y" para extenderla al espacio negativo de la "N".

Paso 6

¡El último paso! Para esta pieza, agregué pequeñas "muescas" a los movimientos de entrada y salida de las formas de letra. ¿Cómo sería un vector algo como esto? Solo recuerda dividir las cosas en formas simples o trazos de nuevo. Para mí, sabía que sería perfecto utilizar algunos trazos simples creados con la herramienta Pluma, pero cambié el "Perfil de ancho variable"del trazo para crear la forma triangular. Puede ver lo que quiero decir en el proceso a continuación.

Conclusión

Me tomé la libertad de filmar un video muy acelerado de todo el proceso de rotulación. Me tomó unas buenas dos horas completar esta pieza. Otra vez, la paciencia es la clave si quieres que las letras vectoriales se vean exactamente como las dibujaste! Siéntete libre de ver el proceso a continuación y ver el paso adicional que tomé para llevar las letras vectoriales al siguiente nivel.

La siguiente pieza de la ciudad de Nueva York es el vector terminado después de agregar muchos detalles adicionales. Si tienes curiosidad por saber cómo crear profundidad, textura, combinaciones de colores, etc., ¡mi próximo tutorial será perfecto para ti! Estén atentos para eso en el próximo mes o dos.

Estoy seguro de que en este punto has practicado una buena cantidad para, con suerte, sentirte más cómodo con la vectorización de lo que ya lo estabas. Hemos cubierto una gran cantidad de material, y ahora es el momento de poner este conocimiento a prueba. Sigue practicando lo que has aprendido porque solo mejora con el tiempo, ¡lo prometo! Seguid así!

Como siempre, si tiene algún problema o pregunta, siéntase libre de dejar un comentario a continuación y podré ayudarlo. Buena suerte!

Recursos Extra

Si está interesado en obtener ayuda con sus letras, Envato Studio tiene una gran colección de especialistas en letras y caligrafía que le gustaría explorar..