Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En los siguientes pasos aprenderás cómo crear un efecto de texto de cordones de zapato en Adobe Illustrator. Para empezar aprenderás cómo crear las principales formas del cordón usando un simple rectángulo, tres efectos de Transformación y algunas técnicas de construcción de formas vectoriales básicas. Usando efectos y técnicas similares junto con los efectos deformar y distorsionar aprenderás cómo crear las puntas de los cordones. Continuando, aprenderás cómo guardar dos simples motivos y cómo usarlos para crear tu propio pincel de motivo. Finalmente, usando ese pincel de motivo, algunas técnicas básicas de aplicación de máscaras y varios efectos de sombra paralela crearás el texto.
1. Crea un nuevo documento y configura una cuadrícula
Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable de Unidades, introduce 1000 en la casilla anchura y 660 en la casilla altura, luego haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72 ppp) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de pixeles esté desmarcada antes de hacer clic en OK.
Habilita la Cuadrícula (Ver > Mostrar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar necesitarás una cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También deberías abrir el panel Información (Ventana > Info) para una previsualización instantánea con el tamaño y la posición de tus formas. No olvides establecer la unidad de medición en pixeles desde Edición > Preferencias > Unidades > General. Todas estas opciones incrementarán de manera significativa la velocidad de tu trabajo.
2. Crea las principales formas del cordón
Paso 1
Toma la herramienta Rectángulo (M) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=45 G=83 B=208. Dirígete a tu mesa de trabajo y simplemente crea un cuadrado de 6 px, la función Ajustar a cuadrícula debería facilitar tu trabajo.
Mantente enfocado en esta diminuta forma y cambia a la herramienta Selección directa (A). Selecciona el punto de ancla superior izquierdo y arrástralo 2 px hacia arriba y 4 px hacia la derecha, selecciona el punto de ancla inferior izquierdo y arrástralo 2 px hacia arriba y 2 px hacia la izquierda y luego selecciona el punto de ancla derecho y arrástralo 6 px hacia la izquierda. Al final tu forma debería verse como en la segunda imagen.
Paso 2
Asegúrate de que tu forma siga seleccionada y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades mostradas en la ventana superior (en la siguiente imagen), haz clic en OK y ve de nuevo a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades mostradas en la ventana de en medio, haz clic en OK y ve una vez más a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades mostradas en la ventana inferior y haz clic en OK.
Paso 3
Vuelve a seleccionar tu forma azul y ve a Objeto > Expandir apariencia. Asegúrate de que el grupo de formas resultante esté seleccionado y pulsa Control-8 (o ve a Objeto > Trazado compuesto > Crear) para convertirlo en un Trazado compuesto.
Paso 4
Usando la herramienta Rectángulo (M), crea una forma de 22 x 6 px, establece el color de relleno en R=80 G=112 B=214 y colócalo exactamente como se observa en la primera imagen. Asegúrate de que esta nueva forma esté seleccionada, evíala detrás (Mayúsculas-Control-[) luego haz una copia delante (Control-C > Control-F).
Selecciona la copia junto con tu trazado compuesto, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Formar intersección. Asegúrate de que el grupo de formas resultante esté seleccionado y conviértelo en un Trazado compuesto (Control-8 u Objeto > Trazado compuesto > Crear). Dirígete al panel Capas (Ventana > Capas), abre tu capa, haz doble clic en tu trazado compuesto recientemente creado y simplemente nómbralo "pattern".
3. Crea las puntas del cordón
Paso 1
Vuelve a seleccionar tu trazado compuesto "pattern" y haz una copia delante (Control-C > Control-F). Selecciona esta copia y simplemente arrástrala unos pixeles hacia abajo como se muestra en la primera imagen. Asegúrate de que siga seleccionado tu nuevo trazado compuesto y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades mostradas en la siguiente imagen y haz clic en OK.
Paso 2
Vuelve a seleccionar tu copia de trazado compuesto y ve a Objeto > Expandir apariencia. Asegúrate de que el grupo de formas resultante siga seleccionado, haz clic en el botón Unificar del panel Buscatrazos y luego convierte esas formas en un Trazado compuesto (Control-8 u Objeto > Trazado compuesto > Crear).
Dirígete al panel Capas (Ventana > Capas), haz doble clic en tu trazado compuesto recientemente creado y simplemente nómbralo "tipPattern".
Paso 3
Usando la herramienta Rectángulo (M), crea una forma de 22 x 24 px y establece el color de relleno en R=80 G=112 B=214. Coloca esta nueva forma como se muestra en la primera imagen y luego envíala detrás (Mayúsculas-Control-[).
Paso 4
Vuelve a seleccionar tu trazado compuesto "tipPattern" junto con el rectángulo 22 x 24 px y Agrúpalos (Control-G). Asegúrate de que este nuevo grupo esté seleccionado y ve a Efecto > Deformar > Abombar. Introduce las propiedades mostradas en la siguiente imagen, da clic en OK y ve a Efecto > Distorsionar y transformar > Distorsión libre. Arrastra esos puntos sin mucha precisión como se muestra en la siguiente imagen, luego haz clic en OK.
Paso 5
Vuelve a seleccionar tu trazado compuesto "pattern" y haz una copia delante (Control-C > Control-F). Selecciona esta copia y simplemente arrástrala unos pixeles hacia arriba como se muestra en la primera imagen.
Asegúrate de que tu nuevo trazado compuesto siga seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades mostradas en la siguiente imagen y haz clic en OK.
Paso 6
Vuelve a seleccionar tu copia de trazado compuesto y ve a Objeto > Expandir apariencia. Asegúrate de que el grupo de formas resultante esté seleccionado, haz clic en el botón Unificar del panel Buscatrazos y luego convierte esas formas en un Trazado compuesto (Control-8 u Objeto > Trazado compuesto > Crear).
Dirígete al panel Capas (Ventana > Capas), haz doble clic en tu trazado compuesto recientemente creado y simplemente nómbralo "tipPatternSecond". Asegúrate de que tu trazado compuesto "tipPatternSecond" esté seleccionado y ve a Objeto > Transformar > Reflejar. Marca la casilla Horizontal y haz clic en OK. Al final las cosas deberían verse como en la cuarta imagen.
Paso 7
Usando la herramienta Rectángulo (M), crea una forma de 22 x 24 px y establece el color de relleno en R=80 G=112 B=214. Coloca esta nueva forma como se muestra en la primera imagen, luego envíala detrás (Mayúsculas-Control-[).
Paso 8
Vuelve a seleccionar tu trazado compuesto "tipPatternSecond" junto con el nuevo rectángulo de 22 x 24 px y Agrúpalos (Control-G).
A continuación, necesitas copiar los efectos aplicados para el grupo existente y pégalos en este nuevo grupo. Puedes hacerlo fácilmente usando los íconos de objetivo. Ve al panel Capas, enfócate en el lado derecho y notarás que cada forma, grupo o capa viene con un pequeño círculo gris. Ese es el ícono de objetivo. Mantén presionado la tecla Alt, haz clic en el ícono de objetivo que representa tu primer grupo y simplemente arrastra al círculo que representa el grupo hecho en este paso. Al final las cosas deberían verse como en la segunda imagen.
Paso 9
Asegúrate de que tu grupo superior siga seleccionado y ve a Objeto > Expandir apariencia. Selecciona el grupo de formas resultante y ve a Objeto > Transformar > Reflejar. Simplemente marca la casilla Horizontal y luego haz clic en OK.
Paso 10
Enfócate en el grupo superior de formas. Selecciona la forma resaltada en la primera imagen y haz una copia delante (Control-C > Control-F). Selecciona esta copia junto con el trazado compuesto frontal y haz clic en el botón Formar intersección del panel Buscatrazos.
Asegúrate de que el grupo de formas resultante esté seleccionado y conviértelo en un Trazado compuesto (Control-8 u Objeto > Trazado compuesto > Crear).
Paso 11
Dirígete al grupo inferior, selecciónalo y ve a Objeto > Expandir apariencia. Enfócate en el grupo resultante, selecciona la forma resaltada en la segunda imagen y haz una copia delante (Control-C > Control-F). Selecciona esta copia junto con el trazado compuesto frontal y haz clic en el botón Formar intersección del panel Buscatrazos.
Asegúrate de que esté seleccionado el grupo de formas resultante y conviértelo en un Trazado compuesto (Control-8 u Objeto > Trazado compuesto > Crear).
Paso 12
Usando la herramienta Rectángulo (M), crea una forma de 2 x 24 px, establece el color de relleno en blanco (R=255 G=255 B=255) y colócalo como se muestra en la primera imagen. Enfócate en el lado inferior de este rectángulo delgado y cambia a la herramienta Selección directa (A). Selecciona el punto de ancla izquierdo y arrástralo 4 px hacia la izquierda, luego selecciona el punto de ancla derecho y arrástralo 5 px hacia la izquierda. Asegúrate de que tu forma blanca siga seleccionada, disminuye su Opacidad a 70% y cambia el Modo de fusión a Superponer.
Paso 13
Usando la herramienta Rectángulo (M), crea una forma de 2 x 24 px, establece el color de relleno en negro (R=0 G=0 B=0) y colócalo como se muestra en la primera imagen. Enfócate en el lado inferior de este rectángulo delgado y cambia a la herramienta Selección directa (A). Selecciona el punto de ancla derecho y arrástralo 2 px hacia la derecha, luego selecciona el punto de ancla izquierdo y arrástralo 3 px hacia la derecha. Asegúrate de que tu forma negra siga seleccionada, disminuye su Opacidad a 50% y cambia el Modo de fusión a Luz suave.
Paso 14
Vuelve a seleccionar las formas negras y blancas y ve a Objeto > Transformar > Reflejar. Marca la casilla Horizontal y luego simplemente haz clic en el botón Copiar. Selecciona las formas recientemente creadas, arrástralas hacia arriba y colócalas como se muestra en la tercera imagen.
Paso 15
Usando la herramienta Rectángulo (M), crea una forma de 2 x 6 px, establece el color de relleno en negro, colócalo como se muestra en la siguiente imagen, disminuye su Opacidad a 50% y cambia el Modo de fusión a Luz suave. Asegúrate de que la herramienta Rectángulo (M) siga activa y crea una segunda forma de 2 x 6 px. Colócala como se muestra en la siguiente imagen, establece el color de relleno en blanco, disminuye su Opacidad a 70% y cambia el Modo de fusión a Superponer.
Paso 16
Usando la herramienta Rectángulo (M), crea dos formas de 1 x 45 px, establece el color de relleno en R=53 G=32 B=168 y colócalas como se muestra en la primera imagen. Usando la misma herramienta, crea un nuevo rectángulo de 1 x 45 px, establece el color de relleno en R=44 G=63 B=188 y colócalo como se muestra en la segunda imagen.
Paso 17
Usando la herramienta Rectángulo (M), crea una forma de 2 x 45 px y una forma de 1 x 45 px. Rellena ambas formas con R=45 G=83 B=208 y colócalas como se muestra en la primera imagen. Usando la misma herramienta, crea una forma de 2 x 45 px y una forma de 1 x 45 px. Rellena ambas formas con R=82 G=114 B=219 y colócalas como se muestra en la primera imagen.
Paso 18
Usando la herramienta Rectángulo (M), crea una forma de 1 x 45 px, establece el color de relleno en R=113 G=141 B=227 y colócalas como se muestra en la primera imagen. Selecciona esta forma delgada junto con los otros siete rectángulos resaltados en la segunda imagen y Agrúpalos (Control-G). Duplica este nuevo grupo (Control-C > Control-F), selecciona la copia, arrástrala hacia arriba y colócala como se muestra en la tercera imagen.
4. Guarda un pincel de motivo
Paso 1
Vuelve a seleccionar todas las formas hechas hasta ahora y ve a Objeto > Transformar > Rotar. Introduce un ángulo de -90 grados y haz clic en OK. Al final las cosas deberían verse como en la segunda imagen.
Paso 2
Selecciona las formas resaltadas en la primera imagen y simplemente arrástralas dentro del panel Muestras (Ventana > Muestras) para guardar tu propio motivo. Una vez que puedes verlo en el panel Muestras, puedes librarte de las formas que usaste para crearlo.
Regresa al panel Muestras, haz doble clic en tu motivo y nómbralo "startTile". Selecciona las formas resaltadas en la segunda imagen y conviértelas en tu segundo motivo. Nómbralo "endTile" luego simplemente elimina las formas que usaste para crear este nuevo motivo.
Paso 3
Enfócate en tu mesa de trabajo, selecciona las formas restantes, abre el panel Pinceles (Ventana > Pinceles) y haz clic en el botón Nuevo pincel (apuntado por el título, flecha azul en la siguiente imagen).
Marca la casilla Pincel de motivo, luego haz clic en OK para abrir la ventana Opciones de pincel de motivo. Introduce "Laces" en la casilla Nombre, arrastra el control deslizante Escala en 70%, luego dirígete a las casillas Tile. Selecciona la casilla Start Tile y añade el motivo "startTile" de la lista y luego selecciona la casilla End Tile y añade el "endTile".
Finalmente, haz clic en OK y deberías encontrar tu nuevo pincel de motivo dentro del panel Pinceles. Si puedes verlo simplemente elimina las formas que utilizaste para crearlo.
5. Crea el texto y usa tu pincel de motivo
Paso 1
Deshabilita la Cuadrícula (Ver > Ocultar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Toma la herramienta Texto (T), simplemente haz clic en tu mesa de trabajo y añade el texto color negro "Laces". Asegúrate de que siga seleccionado y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente "Edwardian Script ITC" luego establece el tamaño en 300 pt y el tracking en 100. Disminuye la Opacidad de tu texto a 30% luego dirígete al panel Capas y simplemente bloquéalo para asegurarte de que no se seleccionará o moverá por accidente.
Paso 2
Ahora el trazado desafiante. Usando la herramienta Pluma (P) o la herramienta Pincel (B) (si tienes una tableta) dibuja un trazado curvo a lo largo de tu texto como se muestra en la siguiente imagen. Trata de usar el texto del fondo como una referencia no muy precisa.
Para empezar usa un simple trazo rojo para tu trazado. Una vez que sientas que se ve lo suficientemente bien, remplaza el trazo rojo con tu pincel de motivo "Laces". Dirígete al panel Capas, haz doble clic en el trazado que hiciste en este paso y simplemente nómbralo "Laces". También, elimina el texto bloqueado.
6. Añade un sombreado sutil a los cordones que se superponen
Paso 1
Asegúrate de que tu trazado "Laces" siga seleccionado y haz una copia delante (Control-C > Control-F). Selecciona esta copia, enfócate en el panel Apariencia (Ventana > Apariencia) y remplaza el pincel de motivo usado para el trazo con un trazo de 15.5 pt. Establece su color en R=41 G=100 B=190.
Paso 2
Enfócate en el trazado con el trazo azul y mira detenidamente las áreas que se superponen. Usando la herramienta Tijeras (C), corta las porciones del trazado que se superponen. Mantente enfocado en el trazado superpuesto y decide qué trazado va atrás y qué trazado permanece al frente. Ahora, selecciona los trazados frontales y remplaza el azul con amarillo (R=255 G=222 B=23) luego selecciona los trazados del fondo y remplaza el azul con el rojo (R=237 G=28 B=36).
Paso 3
Selecciona uno de los trazados restantes con un trazo azul y ve a Selección > Mismo > Apariencia para seleccionar el resto de las formas con atributos de Apariencia similares. Una vez que tengas seleccionados todos los trazados simplemente pulsa la tecla Suprimir en tu teclado para librarte de ellas.
Paso 4
Selecciona todos los trazados con un trazo rojo y ve a Objeto > Trazado > Contornear trazado. Asegúrate de que las formas resultantes estén seleccionadas y conviértelas en un Trazado compuesto (Control-8).
Paso 5
Selecciona todos los trazados con un trazo amarillo y ve a Objeto > Trazado > Contornear trazado. Asegúrate de que las formas resultantes estén seleccionadas, conviértelas en un Trazado compuesto (Control-8) y tráelo al frente (Mayúsculas-Control-]).
Paso 6
Vuelve a seleccionar tu trazado compuesto amarillo y haz una copia delante (Control-C > Control-F). Selecciónalo junto con el trazado compuesto rojo y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo resultante de formas en un Trazado compuesto (Control-8) y establece su color de relleno en blanco.
Paso 7
Vuelve a seleccionar tu trazado compuesto amarillo y enfócate en el panel Apariencia. Selecciona el relleno existente, remplaza el amarillo con el negro y ve a Efecto > Estilizar > Resplandor exterior. Introduce las propiedades mostradas en la siguiente imagen y haz clic en OK.
Paso 8
Vuelve a seleccionar tu trazado compuesto blanco y tráelo al frente (Mayúsculas-Control-]). Selecciónalo junto con el trazado compuesto negro, abre el menú desplegable del panel Transparencia (Ventana > Transparencia) y ve a Opacidad crear máscara. Al final las cosas deberían verse como en la tercera imagen.
7. Añade un segundo cordón y vuélvelo a colorear
Paso 1
Usando la herramienta Pluma (P) o la herramienta Pincel (B), añade un trazado alrededor de tu texto y usa el pincel de motivo "Laces".
Paso 2
Asegúrate de que el trazado que rodea a tu texto esté todavía seleccionado y ve a Edición > Editar colores > Volver a colorear ilustración. Ve a la sección Edición, asegúrate de que la casilla Volver a colorear ilustración y los botones Enlazar colores armónicos estén marcados, luego solo experimenta con el Brillo y los manejadores de color. Hay innumerables posibilidades.
8. Añade sombreado para ambos cordones
Paso 1
Vuelve a seleccionar los dos trazados principales y añade los cinco efectos de Sombra paralela (Efecto > Estilizar > Sombra paralela) mostrados en la siguiente imagen.
¡Felicidades! ¡Terminaste!
Así es cómo debería lucir. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.
By
