Crear un efecto de tipo cosido en Adobe Illustrator

En este tutorial, aprenderá cómo crear un efecto de tipo cosido. Creará patrones geométricos simples, un pincel de patrón y usará el panel de apariencia para crear el aspecto final. Empecemos!


Paso 1

Abra un nuevo documento. Escogí un formato de retrato de 180x240 mm en modo RGB.


Paso 2

Comenzaremos creando un patrón sin costuras. Para ello, haga un cuadrado de 10x10 mm de tamaño y céntrelo en el lienzo..


Paso 3

El primer patrón se realizará a partir de círculos. Para ello, cree una elipse con una dimensión de 4x4 mm y céntrela también.


Etapa 4

Queremos tener otro círculo más pequeño dentro del primero. Duplique la capa (Comando + C y Comando + F) y cambie sus dimensiones a 2x2 mm.


Paso 5

Ahora, para hacer que el patrón sea repetible, copie los dos círculos y colóquelos en la esquina superior izquierda del rectángulo. Puede obtener la posición precisa seleccionando primero la esquina con la herramienta de selección directa (A) y copiar la posición del punto usando el panel Transformar al centro de los dos círculos duplicados. Como conoce el tamaño del lienzo y el tamaño cuadrado, la posición será x: 85 mm; e y: 125 mm.


Paso 6

Ahora duplica el cuadrado 2 veces (Comando + C y Comando + F y Comando + F). Selecciona el cuadrado y uno de los círculos en la esquina. Usa el panel de Pathfinder para intersectar las dos formas.


Paso 7

Haz lo mismo con el segundo círculo y el cuadrado duplicado. Agrupa los dos cuartos de los círculos..


Paso 8

Duplique el grupo de cuartos, gírelo horizontalmente y alinéelo con el cuadrado que aún queda a la derecha del cuadrado (no el lienzo). Seleccione los dos cuartos y duplíquelos. Ahora voltéalos verticalmente y alinéalos con el fondo del cuadrado..

Ahora debes tener una forma cuadrada, dos círculos en el centro y ocho cuartos de los círculos en el centro.


Paso 9

Ahora colorearé el patrón para que sea más atractivo que la escala de grises. Abra el panel de muestras y vaya a Abrir biblioteca de muestras> Retro (esta es una muestra de color CS2, la copié manualmente en mi carpeta CS3). Por supuesto, puede elegir la muestra de color que desee o elegir sus propios colores..

Los colores funcionan mejor cuando tienes contraste entre las formas. Utilicé un azul brillante junto a un amarillo muy pálido. De esa manera, los dos colores no se mezclarán entre sí y harán que te duelen los ojos. Lo mismo ocurre con la rosa en el centro..


Paso 10

Abra el panel de muestras y arrastre el grupo hacia él. Ahora tienes tu primer patrón. Para comprobarlo, simplemente cree una nueva forma y aplique el patrón como Relleno. Si todo se ve bien, has terminado con tu primer patrón..

Tenga en cuenta que AI a veces muestra "agujeros" en la vista previa. Una vez que exporta el archivo o lo guarda para la web, todo se llenará perfectamente.


Paso 11

El patrón que creaste está escalonado porque movimos un cuarto del círculo a las esquinas del cuadrado. Si no desea esto, elimine los cuartos y arrastre solo el cuadrado y los círculos al panel de muestras.

En mi ejemplo (que se muestra a continuación) también cambié los colores, porque quiero usar este patrón más adelante.


Paso 12

Puede usar el mismo flujo de trabajo anterior para crear patrones con cuadrados en lugar de círculos.

Para crear un patrón de rayas haz un cuadrado. Duplique el cuadrado y cambie su ancho o alto, usando el panel de transformación o simplemente arrástrelo. Haz tantas rayas como quieras.

Con un poco de creatividad y lógica, ahora puedes crear cualquier patrón que desees. He creado algunos patrones de ejemplo a continuación.

Si lo desea, puede consultar otros tutoriales sobre cómo crear patrones sin costura aquí en Vectortuts + para obtener más inspiración e instrucciones:

  • Consejo rápido: hacer un patrón de Argyle inconsútil
  • Cómo hacer un patrón de papel tapiz floreado a prueba de tontos

Creando el Pincel de Patrón

Quiero crear la apariencia de texto cosido. Podría usar un esquema para hacer esto, pero decidí crear un pincel de patrón para darle más profundidad.


Paso 13

Crear un cuadrado (elijo 2 mm) y centrarlo en el lienzo. Eliminar todos los rellenos y trazos de este rectángulo. Ahora cree una elipse de la misma altura que el rectángulo, pero menos ancho. Rellénalo con negro y sin contorno..


Paso 14

El ancho del rectángulo define cuánto espacio habrá entre las "puntadas" simples más adelante. Para una mejor vista, cambie a Vista> Esquema. Podrá ver los contornos de todas las formas, incluso si no tienen trazo o relleno..


Paso 15

Agrupa las dos formas. Con ellos aún seleccionados, cree un nuevo pincel de patrón haciendo clic en el nuevo icono de pincel en el panel de pinceles. Cambia el método de colorización a Tints y listo..


Creando el Tipo

Aquí es donde dejo de ser todo sobre números y hago una ilustración a mano alzada. Comencé a dibujar letras usando la herramienta Lápiz. Tengo una tableta de lápiz, lo que lo hace más fácil. Pero como quiero que las letras sean algo flexibles, un mouse funciona bien..


Paso 16

Prefiero trabajar con caminos que no se cierran automáticamente. Lo que hago en cambio es seleccionar los 2 puntos abiertos con la herramienta de selección directa y unirlos, usando el atajo de comando Command + J. También puedes dibujar las letras con la herramienta Pluma. Es lo que finalmente hice para obtener formas más precisas para las letras..


Paso 17

Ajustaré las letras a la forma que me gusta usando la herramienta Pluma más tarde de todos modos. Si no se siente bien dibujando las letras a mano alzada, siempre puede dibujar en un papel y trazar un escaneo de su boceto. No te voy a decir cómo se ven las letras. Una vez que esté satisfecho con el aspecto de las letras, puede pasar al siguiente paso.


Añadiendo el estilo de capa al tipo

Hemos terminado con nuestros preparativos y ahora podemos empezar a ponerlo todo junto..


Paso 18

Seleccione cualquiera de las letras que ha creado. Abra el panel Apariencia y seleccione el relleno, luego elija un patrón para esta letra.


Paso 19

A continuación, seleccione el contorno y use el pincel de patrón que creamos anteriormente. Puedes jugar con el color y el ancho del trazo hasta que te quede bien. Escogí un ancho de trazo marrón oscuro y 1 punto para mis letras.


Paso 20

Queremos darle a la carta una sensación más similar a la tela. Utilice Añadir nuevo relleno en el panel de Apariencia. Puede hacerlo haciendo clic en el icono en el panel Apariencia. Éste se rellenará con un patrón estándar de Illustrator..

Vaya al panel Muestras y use Abrir biblioteca de muestras> Patrón> Gráficos básicos> Texturas gráficas básicas. Seleccioné el patrón "Arpillera" para mi nuevo relleno. Establezca este relleno en luz suave y en 40% de opacidad en el panel de transparencia.


Paso 21

Para darle más profundidad a la letra, aplicaré una sombra paralela a la letra. Vaya a Efectos> Estilizar> Sombra y use esta configuración.


Paso 22

Ahora guardaremos la apariencia de la carta. Vaya al panel Apariencia y asegúrese de que ninguno de los trazos o rellenos esté seleccionado. A continuación, abra el panel Estilos gráficos y cree un nuevo estilo..


Paso 23

Selecciona las otras letras y elige el estilo recién creado..


Paso 24

Ahora puede cambiar el relleno del patrón para cada letra seleccionando solo una letra, seleccionando el relleno del patrón en el panel de apariencia y seleccionando un patrón desde el panel de muestras. Juega con un patrón para cada letra hasta que estés satisfecho con el aspecto que tienen..


Paso 25

Ordena las letras de una manera que te sientas cómodo. Me gusta ponerlos en el tercio superior del lienzo..


Añadiendo un fondo

¡Casi terminamos! Para completar nuestro diseño, ahora crearemos una configuración de fondo para el tipo.


Paso 26

Dibuja un rectángulo en el tamaño del lienzo y rellénalo con un verde claro.


Paso 27

Usando el panel de apariencia, agregue un nuevo relleno y aplique un degradado en un ángulo de 90 °..


Paso 28

Establezca el relleno degradado en Luz suave y 50% de opacidad..


Paso 29

Agregue otro relleno usando la estructura que usamos en las letras y configúrelo en Luz suave al 40% de opacidad.


Imagen final

Puede agregar tantos elementos como desee al diseño. Añadiré una pequeña línea de texto y habremos terminado..