Crea un zapato elegante en Illustrator

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

En este tutorial, aprenderás a dibujar un zapato elegante con la ayuda de mallas de degradado. También exploraremos cómo crear texturas vectoriales personalizadas.

Archivos del tutorial

Puedes encontrar la foto de referencia de este tutorial, y otra foto de referencia de zapatos elegantes en Thinkstock.

Paso 1

Comienza abriendo la imagen en Photoshop. Utiliza las Herramientas de selección para extraer un zapato y guárdalo como una imagen separada. Recomiendo la Herramienta Pluma; sin embargo, no tenemos que ser muy precisos, ya que sólo estamos utilizando esta imagen como plantilla.

Paso 2

Copia y pega la nueva imagen en Illustrator (la he volteado por preferencia). En el Panel capas, haz clic en el menú Desplegable y selecciona "Plantilla".

Paso 3

A continuación, crea una nueva capa llamada "Colores" (Aquí es donde guardaremos los colores base muestreados del zapato).

Paso 4

Con la capa "Colores" activa, usa la Herramienta Cuentagotas (I) para muestrear un color dominante del zapato y selecciona el Pincel de Manchas (Mayús + B) para pintar una muestra en tu mesa de trabajo (observa que el color es el color original del zapato y no el color proyectado de la capa).

Paso 5

Continúa seleccionando los colores principales del zapato. Puede ser útil numerar los colores para realizar un seguimiento de la ubicación de los colores.

Paso 6

Ahora podemos añadir estos colores a grupos de muestras, simplemente selecciona un grupo de colores y haz clic en botón Nuevo grupo de color en el panel Muestras. Haz esto para todos los grupos de colores.

Aquí se han agregado todos los grupos de colores. Me aseguré igualmente de ordenar los colores igual que en la capa "Colores".

Paso 7

Antes de empezar a trabajar en la construcción del zapato, debemos planear cómo crearemos la malla de degradados. Dibujé rápidamente una cuadrícula que considero sigue bien los contornos del zapato. Como ves en los recuadros rojos, vamos a generar cuatro mallas de degradado separadas: una para la parte delantera del zapato, dos para el medio (debido a la complejidad de la forma) y una para la parte posterior.

Paso 8

Para empezar a aplicar mallas de degradado, crea una nueva capa llamada "Frente" y usa la Herramienta Rectángulo para dibujar una forma sobre la parte frontal del zapato.

Paso 9

Ve a Objeto > Crear malla de degradado. Establece los valores como se muestra y haz clic en Ok. Queremos empezar con una forma básica. Agregaremos puntos de control adicionales más adelante.

Paso 10

Ubica las cuatro esquinas de la malla en las "esquinas" de la forma del zapato. Puede resultar útil habilitar el modo contorno (Comando + Y). Utiliza los manejadores para mover los puntos de la malla y seguir el contorno del zapato.

Paso 11

Selecciona la Herramienta Malla de degradado y haz clic en los bordes de la malla de degradado para añadir filas y columnas adicionales. A medida que agregues nuevas líneas de malla, ajusta los manejadores para que sigan la dirección de la cuadrícula que esbozamos en el paso 7.

Paso 12

Ahora, podemos empezar a colorear la malla. Hacemos esto asignando un color a un punto de la malla. Utiliza una combinación de la Herramienta Selección Directa y la Herramienta Lazo para seleccionar los puntos de la malla y el Panel muestras para agregar color a los puntos.

Utiliza la guía de color creada en los pasos 3-4 para hacer más fácil la asignación de colores. Es posible que debas ajustar manualmente algunos puntos para que los colores coincidan con la imagen de referencia. Para ello, simplemente usa la Herramienta Selección Directa para mover y extender o acortar los manejadores.

La malla de color debe verse como sigue:

Paso 13

Repite los pasos 8-12 con la parte posterior del zapato.

Paso 14

El centro del zapato es un poco diferente. Necesitamos crear dos mallas de degradado (mira la imagen que esbozamos de los degradados):

El uso de técnicas anteriores crea una malla de degradado simple para ambas secciones. El truco es asegurarse de que ambas mallas tengan la misma cantidad de filas y que queden alineadas entre sí.

Paso 15

Necesitamos conectar ambas mallas de degradado. En primer lugar, asegúrate de que Ajustar a punto esté activado (Ver > Ajustar a punto). A continuación, con la herramienta Selección directa, ajusta cada punto del borde compartido a su vecino correspondiente.

Paso 16

Para arreglar los huecos entre cada punto, deberás emparejar los manejadores de ambos puntos. Para ello, es conveniente activar Guías Inteligentes.

Selecciona ambos puntos y utiliza la Herramienta Selección directa para mover los controladores de ambos puntos correspondientes a la misma ubicación. Las guías inteligentes no solo ajustarán el manejador, sino que también te informarán cuando hayas alcanzado el manejador.

Paso 17

Continua aplicando color a ambas mallas (asegúrate de aplicar el mismo color a los puntos que se superponen).

Paso 18

Para añadir textura al zapato, regresa a Photoshop y crea un nuevo documento de 1000 px por 1000 px. Añade ruido desde Filtro > Ruido > Añadir ruido. Utiliza los ajustes que se muestran a continuación.

Paso 19

A continuación, ve a Filtro > Desenfocar > Desenfoque gaussiano con los siguientes ajustes.

Paso 20

Ve a Imagen > Ajustes > Posterizar y establece los niveles en 5.

Ahora tu imagen debería tener este aspecto:

Ajusta los niveles (Comando + L) para aumentar el contraste.

Paso 21

Copia y pega esta imagen en una nueva capa en Illustrator y utiliza Calco de imagen en Illustrator para abrir la configuración del calco interactivo.

Para esta textura, mantendremos la configuración predeterminada. Haz clic en Expandir para convertir la imagen en vector y arrastra la textura recién creada al Panel de Símbolos. Se abrirá un cuadro de diálogo, si deseas puedes cambiar el nombre del símbolo, pero no son necesarios otros ajustes, simplemente haz clic en Ok para expandir.

Paso 22

Ahora podemos empezar a aplicar esta textura a cada parte del zapato. Para ello, selecciona la sección frontal del zapato y ve a Trazado > Desplazamiento. Deja el valor en 0. El resultado serán 2 nuevas formas, el degradado original y el trazado con desplazamiento. Trabajaremos este trazado de desplazamiento.

Paso 23

Arrastra el símbolo Textura desde el Panel de símbolos al documento y colócalo de tal manera que cubra toda la parte frontal del zapato. Dado que el orden importa cuando se trabaja con trazados de recorte, envía la textura a la parte inferior del panel de capas (Objeto > Organizar > Enviar detrás).

Selecciona la textura y el trazado de desplazamiento y, a continuación, ve a Objeto > Máscara de recorte de > Crear. Ahora tienes una textura en la forma de tu zapato, pero está en la parte posterior de tu pila de capas. Sólo tienes que ir a Objeto > Organizar > Traer al frente para solucionar esto.

Paso 24

En el panel Transparencia, establece la Opacidad de la textura en 3% y deja el Modo de fusión en Luz fuerte.

Paso 25

Repite los pasos 22-24 para añadir textura a las secciones restantes del zapato (Nota: la sección media tiene dos formas; éstas deben combinarse en una sola forma mediante la opción Unir en el Panel Buscatrazos antes de aplicar la textura). El resultado debería tener este aspecto:

Paso 26

El siguiente paso es añadir las costuras del zapato. En una nueva capa llamada "Costuras", usa la Herramienta Rectángulo para dibujar un rectángulo delgado. A continuación, usa la Herramienta Selección Directa para mover cada esquina a la posición. Por último, convierte estos puntos de esquina en puntos de curva y, a continuación, usa la Herramienta Selección Directa para adaptar la forma a la costura de la imagen de referencia.

Paso 27

Selecciona la Herramienta Malla y comienza a agregar líneas de malla como se muestra.

Paso 28

Con la imagen de referencia, añade color a la nueva malla.

Paso 29

Repite estos pasos para las costuras restantes.

Paso 30

Siguiendo las mismas técnicas que acabamos de aprender, sigue adelante y dibuja la lengua del zapato en una nueva capa. Haz lo mismo por el interior del zapato (el interior no requiere textura).

Paso 31

Para crear la suela del zapato, comienza dibujando un rectángulo. A continuación, utiliza la Herramienta Malla (U) para agregar líneas de malla como se muestra.

Paso 32

Al utilizar un rectángulo como base, podemos agregar una malla de degradado con mucho más control. Sigue adelante y usa puntos de ancla adicionales para perfeccionar los contornos de la suela del zapato.

Paso 33

Usa las mismas técnicas para construir el tacón del zapato.

Paso 34

Usa la foto como referencia para añadir más puntos de malla alrededor de las costuras. Activa el modo contorno (Comando + Y) para ayudarte.

Paso 35

Una vez hayas terminado con las costura, agrega un poco más de detalle a la malla de degradado. Utiliza la imagen de referencia para añadir color.

Paso 36

Para añadir textura a la suela, selecciona cada forma y ve a Efecto > Artístico > Granulado de película.

Utiliza los siguientes ajustes:

Tu imagen debe parecerse a lo siguiente:

Paso 37

La suela se ve aún plana. Dado que el zapato estará sobre el suelo, la suela debe verse más oscura en la zona del plano de tierra. Para lograr este efecto, primero crea una copia (Comando + C) de las dos formas de la suela, y pégalas al frente (Comando + F).

A continuación, cambia el color de la malla de degradado a blanco. Ahora, usa la Herramienta Malla para agregar una línea de malla horizontal en mitad de la forma (esto no necesita hacerse a la forma del tacón). Ahora puedes pintar de negro los puntos inferiores de la suela.

Cambia el modo de fusión de las dos nuevas mallas a Multiplicar con una transparencia del 55%.

Paso 38

Ahora, continuaremos dibujando el resto de la suela usando las técnicas de los pasos 31 y 32. Dibuja otro rectángulo y usa la Herramienta Malla (U) para agregar líneas. Ajusta esta forma y agrega colores a la malla.

Paso 39

Sigue las mismas técnicas para dibujar otra forma que servirá como costura de la suela de cuero y la goma del zapato. Esta vez, añade el Efecto Película granulada (igual que en el Paso 36).

Paso 40

Para terminar el zapato, añadiremos algunas costuras. Haz esto dibujando un trazado junto a cada costura y aplícale un color marrón oscuro con un trazo de línea punteado.