Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial a partir de una foto

Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

El ilustrador Eelco van den Berg explica los secretos de la vectorización de fotos en esta sencilla guía paso a paso.

En este tutorial, Eelco van den Berg te deja detrás de la cortina para ver cómo crea sus increíbles retratos vectoriales al convertir una foto en una ilustración vectorial ‘amapola’.

Aprenderás ajustes de Photoshop rápidos y sencillos que preparan las ilustraciones para traducirlas en formas vectoriales. Él te muestra cómo trazar las formas básicas usando las herramientas principales en Illustrator  y cómo usar capas para organizar las fotos y su nueva ilustración vectorial.

Descubrirás cómo crear la sensación de luces y sombras, construirás un pincel simple para trabajar y usarás la herramienta Pluma para formas más geométricas. También descubrirá las posibilidades de la herramienta Buscatrazos y cómo dibujar con el pincel para crear una sensación más suelta. También te mostraremos cómo jugar con elementos del retrato para construir el fondo y cómo usar una trama simple para darle algo de textura.

Tiempo para completar

3-4 horas

Paso 1

Paso 1 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

En Photoshop, abre photo.jpg de los archivos del proyecto y seleccione Duplicar capa en el menú del panel Capas. Usa Cmd / Ctrl + L para abrir el cuadro de diálogo Niveles, luego usa el control deslizante del medio para hacer que la nueva capa sea un poco más clara, de modo que el sujeto se destaque mejor del fondo.

Paso 2

Paso 2 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Ahora elige la herramienta Recortar (C) y selecciona solo la cara del sujeto y un poco de su pecho. Establece la Superposición de la guía de recorte en Ninguno en la barra de opciones para ayudarlo a ver lo que está haciendo. Por ahora, mantendremos la resolución de la imagen sin cambios.

Paso 3

Paso 3 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Duplica la capa, asígnale el nombre ‘Contraste’, luego aumente el contraste en esta capa. Duplica esta capa y seleccione Imagen> Ajustes> Posterizar con un Nivel 4. Ahora cambia el nombre de esta capa a ‘Posterizar’.

Paso 4

Paso 4 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Ahora cambia la resolución de la imagen a 150 ppp y la altura a un máximo de 25 cm; esto hará que el archivo de Illustrator posterior sea más pequeño. Guárdelo como PSD.

Paso 5

Paso 5 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Abra el archivo PSD en Illustrator y use la opción ‘Convertir capas de Photoshop en objetos’. Ahora todas tus capas están en el panel Capas de Illustrator.

Paso 6

Paso 6 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Configura el documento como una página A4 vertical, luego guárdelo como un documento de Illustrator. En su lugar, puede guardarlo como PDF para reducir el tamaño del archivo y evitar que su disco duro se desborde.

Paso 7

Paso 7 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Crea una nueva capa y llámala ‘Frente’. Esta es la capa en la que vamos a trabajar. Pon esta capa encima de tus otras capas. Bloquea las otras capas.

Paso 8

Paso 8 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

En el panel Pinceles, seleccione Nuevo pincel. Seleccione Nuevo pincel caligráfico y haz clic en Aceptar. Cambie el nombre de Pincel básico y establezca el Diámetro en 1 y el ángulo en 0 °. Elige Cmd / Ctrl + B para activar el pincel, usando negro para el color del trazo y sin relleno.

Paso 9

Paso 9 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Ahora es el momento de comenzar a trazar la foto. En general, utilice el pincel para formas irregulares y la herramienta Pluma para formas más geométricas. Comience mapeando las formas básicas. Se verá un poco desordenado una vez que hayas terminado, pero créeme, está bien por ahora. Empiezo trazando desde la capa ‘Posterizar’ y luego pasó a las otras capas si quiero agregar más detalles.

Paso 10

Paso 10 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Asegúrate de que las formas estén unidas (usando Cmd / Ctrl + J). Ahora puedes comenzar a llenarlos, usando la herramienta Cuentagotas para elegir colores de la capa ‘Posterizar’ (es posible que también desee almacenarlos en el panel Muestras). Si algunas formas se superponen, copia y selecciona las formas que deben dividirse, luego vaya al panel Buscatrazos (Cmd / Ctrl + Shift + F9) y presione el botón Dividir. Desagrupalos (Cmd / Ctrl + Shift + G) y elimina las partes que no necesitas. Recuerde agruparlos nuevamente después (Cmd / Ctrl + G).

Paso 11

Paso 11 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Ahora regresa a la capa ‘Contraste’ (y la capa ‘Niveles’ también, si la creó) – para seleccionar más detalles. Después de esto, intenta jugar con los colores. El uso de degradados hace que los resultados sean más sutiles y proporciona un agradable efecto pictórico.

Paso 12

Paso 12 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Crea una nueva capa llamada ‘Fondo’ y dibuja un rectángulo del tamaño del documento; Hice el mío azul oscuro para que la cara se destaque más. También dibuja algunas formas líquidas simples con el Pincel básico para hacer que la composición sea más dinámica.

Abre el archivo raster.eps y coloque el objeto sobre la tapa verde. Selecciona tanto la tapa como el elemento de trama, duplicalos y arrastra el resultado más allá del borde del documento. Tráelo al frente (Cmd / Ctrl + Shift +}) con el ráster sobre la tapa. Pulsa el botón Recortar en el panel Buscatrazos. Alinee el resultado sobre el primer elemento ráster (utilice las guías inteligentes como ayuda), luego elimine el primer elemento. Ahora tiene un relleno rasterizado que le da más textura a la tapa.

Paso 13

Paso 13 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Para evaluar tu trabajo, crea una nueva capa llamada ‘Máscara’ para usar como una especie de marco de imagen. Con la herramienta Rectángulo, arrastre una selección sobre la mesa de trabajo. Arrastre otro rectángulo más grande que su mesa de trabajo. Seleccione ambos y haga clic derecho> Ruta compuesta. Haz esto blanco y bloquea la capa.

Selecciona Objeto> Ruta> Ruta compensada para acentuar las gafas de sol; un valor de 1 mm debería ser suficiente. Elige Vista previa para ver qué funciona. Para agregar una línea adicional en el interior, crea otra con un desplazamiento de -1 mm. Tenga en cuenta que no es un contorno, sino una forma extra. Haz lo mismo con la bufanda.

Paso 14

Paso 14 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Quiero agregar más detalles a la bufanda, lo que debería hacer que el resto sea más abstracto. Primero, reduzca el área de la bufanda a azul y negro eliminando algunas cosas que ha dibujado. Ahora use el Pincel básico para crear un patrón de rayas usando colores del panel Muestras, luego use la herramienta Dividir del panel Buscatrazos para ajustar la forma en la bufanda. Luego, dibuja una forma con tu pincel para sugerir sombra. Abra el panel Transparencia (Cmd / Ctrl + Shift + F10) y seleccione un modo de fusión Multiplicar con una opacidad del 30%. Haz lo mismo con el fondo y la ropa.

Paso 15

Paso 15 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Copia la capa con el modo de fusión Multiplicar y pégala varias veces. Colócalos debajo de la ropa para darle más profundidad.

Copia una parte del patrón de la bufanda, agrupa los elementos (Cmd / Ctrl + G), escala ligeramente y colócalos en el fondo. Nuevamente, use las versiones de copiar y pegar de las capas con los modos de fusión Multiplicar para agregar más profundidad a la composición.

Paso 16

Paso 16 Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial.

Elimine la capa ‘Máscara’ y las capas que trajo de Photoshop. En el menú del panel Capas, seleccione Aplanar ilustraciones. Seleccione todos sus elementos (Cmd / Ctrl + A) y agrúpalos (Cmd / Ctrl + G). Arrastre un rectángulo con precisión sobre su mesa de trabajo y asegúrese de que esté encima de su obra de arte agrupada. Seleccione todo de nuevo (Cmd / Ctrl + A) y presione Cmd / Ctrl + 7. Ahora ha creado una máscara de recorte de tu trabajo, mostrando solo lo que está dentro de la mesa de trabajo. Tu retrato vectorial ahora está completo.

[anuncio_b30 id=2]

Lea a continuación: Las mejores alternativas a Illustrator.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad