Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Typography

Cómo crear una ilustración enredada de lettering - Parte 1

by
Read Time:8 minsLanguages:
This post is part of a series called Vector Text Effects.
Create a Glowing Neon Sign using the Appearance Palette
How to Create an Entangled Lettering Illustration - Part 2

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

En este tutorial de dos partes, veremos cómo crear un breve mensaje tipográfico desde cero. En la primera parte repasaremos los conceptos básicos de la construcción de las formas de letras.


Paso 1

Comienza por crear una línea simple, que se convertirá en una letra mayúscula "i". Decidir el tamaño y grosor de tu letra es cuestión de ensayo y error. He decidido usar un grosor de 45, pero es posible que debas ajustar el tuyo durante el proceso.


Paso 2

Duplica la línea (Comando + C, Comando + F) y ve a Objeto > Transformar, Rotar y rótala 90 grados. Como alternativa, puedes utilizar la Herramienta rotar (R) y arrastrarla a una posición horizontal manteniendo presionada Opción.


Paso 3

Duplicamos la línea vertical para formar la cartela superior e inferior de la letra "i". Ahora ve a Objeto > Transformar > Escalar y reduce el Tamaño horizontal a 55%.


Paso 4

Asegúrate de que las guías inteligentes y el ajuste estén activadas. Estos se pueden encontrar en la pestaña Ver. Mantén el ratón sobre el punto de intersección (del respaldo horizontal y vertical, manteniendo el horizontal encima del otro) y arrastra la cartela horizontal hasta que se ajuste al punto final del vertical. Puedes bloquear el movimiento en un ángulo recto al mantener presionada la tecla Opción después de empezar a arrastrar.


Paso 5

Duplica la cartela superior y coloca una en la parte inferior también. Ahora duplica el horizontal también y muévelo. Esta será la letra "l."


Paso 6

Reduce el tamaño vertical de esta línea al 70% de su tamaño original.


Paso 7

Estamos usando métodos geométricos como punto de partida, pero vas a necesitar seleccionar la herramienta pluma (P) y dibujar la parte superior con ella. Mientras mantienes el cursor sobre el punto de anclaje superior de la línea, arrastra un manejador mientras mantienes presionada la tecla Opción. Luego, coloca el segundo punto de anclaje en algún lugar cerca de un ángulo de 90 grados. Puedes editar los anclajes y manejadores con la Herramienta selección directa (A) si no estás satisfecho con su aspecto.


Paso 8

Traza la mitad inferior tal como lo hiciste con la parte superior, pero esta vez con un punto de anclaje adicional.


Paso 9

La letra "o" es obviamente un simple trazado circular con un trazo. El tamaño y la proporción es algo con lo que es posible que desees experimentar y ajustar después, así que mantén una copia fuera del área activa.


Paso 10

Usa nuevamente la Herramienta escala y cambia su Proporción vertical a 125%.


Paso 11

Usa la Herramienta selección directa (A) para seleccionar solo el anclaje inferior. Cambia el tamaño horizontal de este extremo a 130%.


Paso 12

Usando las Guías inteligentes, arrastra todo el anillo desde el anclaje inferior, coloca el cursor sobre el anclaje inferior de la letra "l" y luego, deslízalo horizontalmente cerca de tu posición inicial. Al hacer esto, estás bajando el anillo a la misma línea base de la letra "l".


Paso 13

Baje el anclaje izquierdo y crea una cartela que se oculte debajo de la "l." Asegúrate de hacer un conector que no sea demasiado nítido (de ahí la bajada del anclaje izquierdo


Paso 14

Crea un nuevo círculo con la Herramienta elipse (L). Asegúrate de mantener un duplicado como copia de seguridad; lo necesitaremos después. La distancia a la que se coloca desde la posición del anillo inferior decide la altura x de la fuente.


Paso 15

Con la Herramienta selección directa (A), elimina la esquina inferior derecha del círculo. Luego, une el anclaje derecho con la parte superior del anclaje del anillo inferior presionando Comando + J.


Paso 16

¿Recuerdas el pequeño círculo que te pedí que crearas un duplicado? Haz otra copia (mantén el original).


Paso 17

Crea una línea horizontal y ajústala al centro (también los anclajes horizontales) del nuevo círculo pequeño. Puedes hacerlo fácilmente con las Guías inteligentes y el ajuste activados arrastrando la línea en la parte superior de uno de los anclajes.


Paso 18

Ve a Objeto > Transformar > Rotar y rótalo 17 grados.


Paso 19

Arrastra la línea hasta que se ajuste al punto central del círculo.


Paso 20

Mientras tienes la línea seleccionada, ve a Objeto > Organizar > Enviar detrás. Luego, selecciona el círculo. Con la Herramienta pluma (P) activada, añade un punto de anclaje donde la línea roja se intercepta con el círculo.


Paso 21

Voltea la línea horizontalmente (Objeto > Transformar > Reflejar por eje vertical), ajusta la línea al centro del círculo, selecciona el círculo y añade otro punto de intersección.


Paso 22

Ve a Objeto > Transformar > Rotar y rótalo en 90 grados.


Paso 23

Arrastra la línea desde el anclaje inferior y ajusta el anclaje del lado izquierdo del círculo.


Paso 24

Usando la Herramienta selección directa (A), elimina los anclajes izquierdos, derechos y superiores. Ahora arrastra el anclaje restante como para seleccionar el anclaje izquierdo superpuesto del círculo y el anclaje inferior de la línea y fusiónalos presionando Comando + J y seleccionando Suavizar.


Paso 25

Haz otra copia del círculo pequeño y otra línea y esta vez rota la línea a -17 grados.


Paso 26

Añade un punto de intersección como lo hicimos antes y arrastra el círculo por el anclaje recién creado hasta que se ajuste a la línea de la letra "v".


Paso 27

Elimina el anclaje inferior del círculo y arrastra el anclaje superior de la letra "v" hasta que se ajuste al punto de anclaje de -17 grados del círculo. Une estos dos puntos superpuestos (Comando + J).


Paso 28

A partir de ahora, podemos usar ciertas partes de una letra de varias maneras. Las he resaltado con rojo para mostrar qué partes copiar y pegar. Duplica la parte resaltada y colócala como se muestra en la siguiente imagen.


Paso 29

Usando la Herramienta pluma, añade un anclaje un poco más abajo desde el extremo derecho. Elimina la parte superior con la Herramienta selección directa.


Paso 30

Duplica el lado izquierdo del anillo "o" y colócalo en el lado derecho de la "e".


Paso 31

La esquina superior izquierda que tendrás que crear usando la Herramienta pluma.


Paso 32

Modifica la línea inferior de la letra "i" para que se una a la segunda palabra. Es posible que tengas que jugar con el espacio que hay entre esa palabra y la palabra "amor", pero será más evidente una vez que crees la mitad inferior.


Paso 33

Comencemos la segunda y tercera palabra. La altura de la letra "t" depende de la cantidad de espaciado que desees dejar entre las dos filas. Esto se puede ajustar después, así que ahora utiliza la longitud de la letra "i" y añade un poco de espaciado.


Paso 34

Ahora, empecemos con la "y". En este punto y en otras situaciones es posible que tengas que modificar un poco la sección. En este caso, se ha bajado el anclaje inferior.


Paso 35

Antes de trazar esta parte de la letra, es bueno decidir una línea base para el resto de la palabra. El anclaje más bajo será nuestra línea base.


Paso 36

El resto de la letra "y" se extiende por el área descendiente. Intenta hacer esto con el menor número de anclajes posibles. Usaremos esta parte en otras letras también, y eso lo mantendrá fácil de modificar y adaptar.


Paso 37

Continúa el bucle de la "y" en la "p." Usé una parte de la "o" para crear la "p". Una vez que te hayas unido con la "y", duplícalo y voltéalo de manera horizontal. Eso nos dará un semicírculo que usaremos también en algunas otras letras.


Paso 38

No te olvides de hacer la cartela de la bajada de la "p" debajo del bucle de la "y". Puedes duplicar la sección resaltada para lograrlo.


Paso 39

Ya que creamos la "o" antes, simplemente duplícala y colócala como la siguiente letra. Recuerda alinearla con la línea base.


Paso 40

Parte de la "g" se puede encontrar en la "y". Duplícala y baja los anclajes superiores como se ve en la siguiente imagen.


Paso 41

Termina el hombro duplicando la parte superior de la "p".


Paso 42

Usé el extremo de la "p" en la "r", pero sus anclajes han sido ligeramente modificados.


Paso 43

Al principio quería una letra cursiva "r", pero el gran grosor de la fuente hizo que fuera demasiado difícil de construir. Mientras mantengas el hombro de la "r" no muy bajo, debe percibirse desde una letra "n".


Paso 44

La "a" es algo simple. Duplica el hombro de la letra "g".


Paso 45

Copia y pega la "p" en su posición adecuada.


Paso 46

El hombro de la "h" es otro caso en el que utilicé una parte ya creada, pero la modifiqué. Mueve un lado más allá, pero recuerda aumentar la escala del arco también, de lo contrario se verá desigual.


Paso 47

Completa la 'h' reutilizando la "l".


Paso 48

Y finalmente, añade la letra "y" que se encuentra cerca del inicio de la palabra.


Imagen final

¡Eso es todo por ahora! Quédate para la parte 2 en donde convertimos esta cuerda sin fin en un tratamiento de fuente colorida.

One subscription.
Unlimited Downloads.
Get unlimited downloads