Utilice pinceles de patrón para crear un efecto de texto de encaje de zapato en Illustrator

En los siguientes pasos, aprenderá cómo crear un efecto de texto de cordones en Adobe Illustrator. Para empezar, aprenderá cómo crear las principales formas de encaje utilizando un simple rectángulo, tres efectos de transformación y algunas técnicas básicas de construcción de formas vectoriales. Usando efectos y técnicas similares junto con los efectos de deformación y distorsión, aprenderá cómo crear las puntas de los cordones. A continuación, aprenderá cómo guardar dos patrones simples y cómo usarlos para crear su propio pincel de patrones. Finalmente, utilizando ese pincel de patrón, algunas técnicas de enmascaramiento básicas y varios efectos Sombra paralela, creará el texto..


1. Crear un nuevo documento y configurar una cuadrícula

Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 1000 en la caja de ancho y 660 en el cuadro de altura y luego haga clic en el Avanzado botón. Seleccionar RGB, Pantalla (72ppi) y asegúrese de que el Alinear nuevos objetos a la cuadrícula de píxeles la casilla no está marcada antes de hacer clic DE ACUERDO.

Habilitar el Cuadrícula (Ver> Mostrar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Para empezar necesitarás una grilla cada 5px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, entrar 5 en el Gridline cada caja y 1 en el Subdivisiones caja. También debe abrir el Información panelVentana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..


2. Crea las principales formas de encaje

Paso 1

Elige el Herramienta Rectangular (M) y enfócate en tu barra de herramientas. Elimine el color del trazo, luego seleccione el relleno y establezca su color en R = 45 G = 83 B = 208. Muévete a tu mesa de trabajo y simplemente crea un 6px cuadrado, el Snap to Grid debería facilitar su trabajo.

Manténgase enfocado en esta pequeña forma y cambie a la Herramienta de selección directa (A). Seleccione los puntos de anclaje superior, izquierdo y arrástrelo 2px arriba y 4px a la derecha, seleccione el punto de anclaje inferior, izquierdo y arrástrelo 2px arriba y 2px a la izquierda, seleccione el punto de anclaje derecho y arrástrelo 6px a la izquierda ... Al final, su forma debe verse como en la segunda imagen.

Paso 2

Asegúrese de que su forma todavía está seleccionada y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la ventana superior (en la siguiente imagen), haga clic en DE ACUERDO e ir de nuevo a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la ventana central, haga clic en DE ACUERDO e ir una vez más a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la ventana inferior y haga clic en DE ACUERDO.

Paso 3

Vuelva a seleccionar su forma azul y vaya a Objeto> Expandir Apariencia. Asegúrate de que el grupo resultante de formas esté seleccionado y pulsa Control-8 (o ir a Objeto> Ruta compuesta> Hacer) convertirlo en un sencillo Camino compuesto.

Etapa 4

Utilizando la Herramienta Rectangular (M), crear un 22 x 6px forma, establecer el color de relleno en R = 80 G = 112 B = 214 y colóquelo exactamente como se muestra en la primera imagen. Asegúrese de que esta nueva forma esté seleccionada, envíela a la parte posterior (Shift-Control- [ ) luego hacer una copia al frente (Control-C> Control-F).

Seleccione la copia junto con su ruta compuesta, abra el Pionero panelVentana> Pathfinder) y haga clic en Intersecarse botón. Asegúrese de que el grupo de formas resultante esté seleccionado y conviértalo en un simple Camino compuesto (Control-8 o Objeto> Ruta compuesta> Hacer). Mover a la Capas panelVentana> Capas), abre tu capa, haga doble clic en su ruta compuesta recién creada y simplemente nombrela "modelo".


3. Crea las puntas de encaje

Paso 1

Vuelva a seleccionar su "modelo"Ruta compuesta y hacer una copia al frente (Control-C> Control-F). Seleccione esta copia y simplemente arrástrela unos píxeles hacia abajo como se muestra en la primera imagen. Asegúrese de que su nueva ruta compuesta permanezca seleccionada y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.

Paso 2

Vuelva a seleccionar su copia de ruta compuesta y vaya a Objeto> Expandir Apariencia. Asegúrese de que el grupo de formas resultante esté seleccionado, haga clic en Unir botón de la Pionero panel luego convertir esas formas en una simple Camino compuesto (Control-8 o Objeto> Ruta compuesta> Hacer).

Mover a la Capas panelVentana> Capas), haga doble clic en su ruta compuesta recién creada y simplemente nombrela "tipPattern".

Paso 3

Utilizando la Herramienta Rectangular (M), crear un 22 x 24px dar forma y establecer el color de relleno en R = 80 G = 112 B = 214. Coloque esta nueva forma como se muestra en la primera imagen y luego envíela a la parte posterior (Shift-Control- [ ).

Etapa 4

Vuelva a seleccionar su "tipPattern"camino compuesto junto con el 22 x 24px rectángulo y Grupo ellos (Control-G). Asegúrese de que este nuevo grupo esté seleccionado y vaya a Efecto> Warp> Bulge. Ingrese las propiedades mostradas en la siguiente imagen, haga clic en DE ACUERDO E ir a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos aproximadamente como se muestra en la siguiente imagen y luego haga clic en DE ACUERDO.

Paso 5

Vuelva a seleccionar su "modelo"Ruta compuesta y hacer una copia al frente (Control-C> Control-F). Seleccione esta copia y simplemente arrástrela unos pocos píxeles hacia arriba como se muestra en la primera imagen.

Asegúrese de que su nueva ruta compuesta permanezca seleccionada y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.

Paso 6

Vuelva a seleccionar su copia de ruta compuesta y vaya a Objeto> Expandir Apariencia. Asegúrese de que el grupo de formas resultante esté seleccionado, haga clic en Unir botón de la Pionero panel luego convertir esas formas en una simple Camino compuesto (Control-8 o Objeto> Ruta compuesta> Hacer).

Mover a la Capas panelVentana> Capas), haga doble clic en su ruta compuesta recién creada y simplemente nombrela "tipPatternSecond". Asegúrese de que su"tipPatternSecond"se selecciona la ruta compuesta y vaya a Objeto> Transformar> Reflejar. Comprobar el Horizontal cuadro y haga clic DE ACUERDO. Al final las cosas deberían verse como en la cuarta imagen..

Paso 7

Utilizando la Herramienta Rectangular (M), crear un 22 x 24px dar forma y establecer el color de relleno en R = 80 G = 112 B = 214. Coloque esta nueva forma como se muestra en la primera imagen y luego envíela a la parte posterior (Shift-Control- [ ).

Paso 8

Vuelva a seleccionar su "tipPatternSegundo "camino compuesto junto con el nuevo, 22 x 24px rectángulo y Grupo ellos (Control-G).

A continuación, debe copiar los efectos aplicados para el grupo existente y pegarlos en este nuevo grupo. Puedes hacerlo fácilmente usando los iconos de destino. Ve a la Capas Panel, enfóquese en el lado derecho y notará que cada forma, grupo o capa viene con un pequeño círculo gris. Ese es un icono de objetivo. Sostener el Alt desde el teclado, haga clic en el icono de destino que representa su primer grupo y simplemente arrastre hacia el círculo que representa el grupo creado en este paso. Al final las cosas deberían verse como en la segunda imagen..

Paso 9

Asegúrese de que su grupo principal aún esté seleccionado y vaya a Objeto> Expandir Apariencia. Seleccione el grupo de formas resultante y vaya a Objeto> Transformar> Reflejar. Simplemente revise el Horizontal cuadro luego haga clic DE ACUERDO.

Paso 10

Centrarse en el grupo superior de formas. Seleccione la forma resaltada en la primera imagen y haga una copia al frente (Control-C> Control-F). Seleccione esta copia junto con la ruta compuesta frontal y haga clic en Intersecarse botón de la Pionero panel.

Asegúrese de que el grupo de formas resultante esté seleccionado y conviértalo en un simple Camino compuesto (Control-8 o Objeto> Ruta compuesta> Hacer).

Paso 11

Vaya al grupo inferior, selecciónelo y vaya a Objeto> Expandir Apariencia. Enfóquese en el grupo resultante, seleccione la forma resaltada en la segunda imagen y haga una copia al frente (Control-C> Control-F). Seleccione esta copia junto con la ruta compuesta frontal y haga clic en Intersecarse botón de la Pionero panel.

Asegúrese de que el grupo de formas resultante esté seleccionado y conviértalo en un simple Camino compuesto (Control-8 o Objeto> Ruta compuesta> Hacer).

Paso 12

Utilizando la Herramienta Rectangular (M), crear un 2 x 24px forma, establecer el color de relleno en blanco (R = 255 G = 255 B = 255) y colóquelo como se muestra en la primera imagen. Concéntrese en la parte inferior de este rectángulo delgado y cambie al Herramienta de selección directa (A). Seleccione el punto de anclaje izquierdo y arrástrelo 4px a la izquierda, seleccione el punto de anclaje derecho y arrástrelo 5px a la izquierda. Asegúrese de que su forma blanca todavía está seleccionada, baje su Opacidad a 70% y cambiar el Modo de fusión a Cubrir.

Paso 13

Utilizando la Herramienta Rectangular (M), crear un 2 x 24px forma, establecer el color de relleno en negro (R = 0 G = 0 B = 0) y colóquelo como se muestra en la primera imagen. Concéntrese en la parte inferior de este rectángulo delgado y cambie al Herramienta de selección directa (A). Seleccione el punto de anclaje correcto y arrástrelo 2px a la derecha, seleccione el punto de anclaje izquierdo y arrástrelo 3px a la derecha. Asegúrese de que su forma negra todavía esté seleccionada, baje su Opacidad a 50% y cambiar el Modo de fusión a Luz tenue.

Paso 14

Vuelva a seleccionar las formas en blanco y negro y vaya a Objeto> Transformar> Reflejar. Comprobar el Horizontal cuadro a continuación, simplemente haga clic en el Dupdo botón. Seleccione las formas recién creadas, arrástrelas hacia arriba y colóquelas como se muestra en la tercera imagen.

Paso 15

Utilizando la Herramienta Rectangular (M), crear un 2 x 6px forma, configure el color de relleno en negro, colóquelo como se muestra en la siguiente imagen, baje su Opacidad a 50% y cambiar el Modo de fusión a Luz tenue. Asegúrate de que Herramienta Rectangular (M) Todavía está activo y crea un segundo. 2 x 6px forma. Colóquelo como se muestra en la siguiente imagen, establezca el color de relleno en blanco, baje su Opacidad a 70% y cambiar el Modo de fusión a Cubrir.

Paso 16

Utilizando la Herramienta Rectangular (M), crear dos, 1 x 45px forma, establecer el color de relleno en R = 53 G = 32 B = 168 y colóquelos como se muestra en la primera imagen. Usando la misma herramienta, crea un nuevo 1 x 45px rectángulo, establezca el color de relleno en R = 44 G = 63 B = 188 y colóquelo como se muestra en la segunda imagen..

Paso 17

Utilizando la Herramienta Rectangular (M), crear un 2 x 45px forma y un 1 x 45px forma. Rellena ambas formas con R = 45 G = 83 B = 208 y colóquelos como se muestra en la primera imagen. Usando la misma herramienta, crea un 2 x 45px forma y un 1 x 45px forma. Rellena ambas formas con R = 82 G = 114 B = 219 y colocarlos como se muestra en la primera imagen..

Paso 18

Utilizando la Herramienta Rectangular (M), crear un 1 x 45px forma, establecer el color de relleno en R = 113 G = 141 B = 227 y colóquelos como se muestra en la primera imagen. Seleccione esta forma delgada junto con los otros siete rectángulos resaltados en la segunda imagen y Grupo ellos (Control-G). Duplica este nuevo grupo (Control-C> Control-F), seleccione la copia, arrástrela hacia arriba y colóquela como se muestra en la tercera imagen.


4. Guarde un pincel de patrón simple

Paso 1

Vuelva a seleccionar todas las formas hechas hasta ahora y vaya a Objeto> Transformar> Rotar. Entrar a -90 grados de ángulo y haga clic DE ACUERDO. Al final las cosas deberían verse como en la segunda imagen..

Paso 2

Seleccione las formas resaltadas en la primera imagen y simplemente arrástrelas dentro de la Muestras panelVentana> Muestras) para guardar su propio patrón. Una vez que puedas verlo en el Muestras Panel puedes deshacerte de las formas que usaste para crearlo..

Volver a la Muestras panel, haga doble clic en su patrón y el nombre "startTile". Seleccione las formas resaltadas en la segunda imagen y conviértalas en su segundo patrón. Asígnele un nombre"EndTile"luego simplemente elimine las formas que utilizó para crear este nuevo patrón.

Paso 3

Concéntrese en su mesa de trabajo, seleccione las formas restantes, abra el Cepillos panelVentana> Cepillos) y haga clic en Cepillo nuevo Botón (señalado por la pequeña flecha azul en la siguiente imagen).

Comprobar el Pincel de patrón cuadro luego haga clic DE ACUERDO para abrir el Opciones de pincel de patrón ventana. Entrar "Cordones" en el Nombre cuadro, arrastre el Escala control deslizante en 70% luego muévete a la Azulejo cajas Selecciona el Iniciar azulejo cuadro y agregar el "startTile"patrón de la lista luego seleccione Azulejo final cuadro y agregar el "EndTile".

Por último, haga clic en DE ACUERDO y deberías encontrar tu nuevo patrón de pincel dentro del Cepillos panel. Si puedes verlo, simplemente elimina las formas que usaste para crearlo.


5. Crea el texto y usa tu pincel de patrón

Paso 1

Deshabilitar el Cuadrícula (Ver> Ocultar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Elige el Tipo de herramienta (T), simplemente haga clic en su mesa de trabajo y agregue el "Cordones"texto en negro. Asegúrese de que permanece seleccionado y abra el Personaje panelVentana> Tipo> Carácter). Seleccione la fuente "Edwardian Script ITC" y configure el tamaño en 300 puntos y el seguimiento en 100. Bajar el Opacidad de su texto a 30% luego muévete a la Capas Panel y simplemente bloquéelo para asegurarse de que no lo seleccionará / moverá accidentalmente.

Paso 2

Ahora el camino desafiante. Utilizando la Herramienta Pluma (P) o la Herramienta Pincel (B) (si es que tienes una tableta) dibuja una ruta suave a lo largo de tu texto como se muestra en la siguiente imagen. Trate de usar el texto en la parte posterior como una referencia aproximada.

Para empezar, utiliza un trazo rojo simple para tu camino. Una vez que sientas que se ve lo suficientemente bien, reemplaza el trazo rojo con tu "Cordones"pincel de patrón. Mover a la Capas panel, haga doble clic en el camino hecho en este paso y simplemente el nombre "Cordones". También, elimine ese pedazo de texto bloqueado.


6. Agregue un sombreado sutil para los cordones superpuestos

Paso 1

Asegúrese de que su "Cordones"la ruta aún está seleccionada y hacer una copia al frente (Control-C> Control-F). Seleccione esta copia, enfóquese en la Apariencia panelVentana> Apariencia) y reemplace el pincel de patrón utilizado para el trazo con un 15.5pt carrera. Establece su color en R = 41 G = 100 B = 190.

Paso 2

Concéntrese en el camino con el trazo azul y observe más de cerca las áreas superpuestas. Utilizando la Herramienta Tijeras (C), Corta las porciones del camino que se superponen. Continúe enfocándose en la ruta superpuesta y decida qué ruta va en la parte posterior y qué ruta permanece en frente. Ahora, seleccione las rutas frontales y reemplace el azul con amarillo (R = 255 G = 222 B = 23) luego seleccione las rutas en la parte posterior y reemplace el azul con rojo (R = 237 G = 28 B = 36).

Paso 3

Seleccione una de las rutas restantes con un trazo azul y vaya a Seleccionar> Mismo> Apariencia Para seleccionar el resto de las formas con similar. Apariencia atributos Una vez que haya seleccionado todos esos caminos, simplemente pulse el botón Borrar Botón de tu teclado para deshacerte de ellos..

Etapa 4

Selecciona todos los caminos con un trazo rojo y ve a Objeto> Ruta> Trazo de esquema. Asegúrese de que las formas resultantes estén seleccionadas y conviértalos en un simple Camino compuesto (Control-8).

Paso 5

Selecciona todos los caminos con un trazo amarillo y ve a Objeto> Ruta> Trazo de esquema. Asegúrese de que las formas resultantes estén seleccionadas, conviértalas en un simple Camino compuesto (Control-8) y llevarlo al frente (Shift-Control-] ).

Paso 6

Vuelva a seleccionar su ruta compuesta amarilla y haga una copia al frente (Control-C> Control-F). Selecciónelo junto con la ruta compuesta roja y haga clic en Frente menos botón de la Pionero panel. Convierte el grupo resultante de formas en una Camino compuesto (Control-8) y establece su color de relleno en blanco.

Paso 7

Vuelva a seleccionar su ruta compuesta amarilla y concéntrese en el Apariencia. Seleccione el relleno existente, reemplace el amarillo por negro y vaya a Efecto> Estilizar> Resplandor exterior. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.

Paso 8

Vuelva a seleccionar su ruta compuesta blanca y póngala al frente (Shift-Control-] ). Selecciónelo junto con la ruta compuesta negra, abra el menú desplegable del Transparencia panelVentana> Transparencia) E ir a Hacer máscara de opacidad. Al final las cosas deben verse como en la tercera imagen..


7. Agrega un segundo encaje y colorea de nuevo

Paso 1

Utilizando la Herramienta Pluma (P) o la Herramienta Pincel (B), agrega una ruta alrededor de tu texto y usa esa misma "Cordones"pincel de patrón.

Paso 2

Asegúrese de que la ruta que rodea su texto aún esté seleccionada y vaya a Editar> Editar colores> Volver a colorear ilustraciones. Ve a la Editar sección, asegúrese de que el Recolorear ilustraciones caja y Link colores de armonía los botones están marcados, luego simplemente jugar con el Brillo y las asas de color. Hay innumerables posibilidades..


8. Añadir sombreado para ambos cordones

Paso 1

Vuelva a seleccionar las dos rutas principales y agregue las cinco Sombra paralela efectosEfecto> Stylize> Drop Shadow) se muestra en la siguiente imagen.


¡Felicidades! Estas hecho!

Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros..