Imágenes con Estilo Vectorial en Adobe Photoshop

el

Objetivo de Aprendizaje:

Aprender a crear imágenes con estilo vectorial a partir de fotografías en Adobe Photoshop, sin necesidad de utilizar la herramienta Pluma, empleando ajustes de color, modos de fusión y filtros como "Pintura al Óleo". Al final de esta guía, el estudiante será capaz de transformar una imagen fotográfica en una ilustración de estilo vectorial utilizando técnicas no destructivas y capas de ajuste.



Guía de Trabajo Paso a Paso:

Paso 1: Preparación de la Imagen

  1. Acción: Abre la imagen que deseas convertir en estilo vectorial.

    • Ruta: Archivo > Abrir.
    • Comando: Ctrl + O
    • Función: Importar la imagen base al área de trabajo.

  2. Acción: Crea una máscara para recortar el fondo y aislar el sujeto.

    • Herramienta: Herramienta Lazo Poligonal.
    • Ruta: Barra de herramientas > Herramienta Lazo Poligonal (L).
    • Comando: L
    • Función: Seleccionar el sujeto con bordes duros para evitar transiciones suaves.

  3. Acción: Aplicar la máscara al sujeto.

    • Ruta: Hacer clic en el botón "Añadir máscara de capa" en el panel de capas.
    • Comando: No aplica.
    • Función: Eliminar el fondo y aislar el sujeto con bordes definidos.

Paso 2: Convertir la Imagen a Escala de Grises

  1. Acción: Añade una capa de ajuste de Tono/Saturación y reduce la saturación.
    • Ruta: Capa > Nueva capa de ajuste > Tono/Saturación.
    • Comando: No aplica.
    • Función: Convertir la imagen a escala de grises.
    • Ajuste: Desliza la saturación hasta -100.

Paso 3: Crear el Efecto de Mezcla Dura

  1. Acción: Añade una capa de relleno de Color Sólido.

    • Ruta: Capa > Nueva capa de relleno > Color Sólido.
    • Comando: No aplica.
    • Función: Añadir una capa de color que interactuará con la imagen.
    • Ajuste: Elige un color inicial (puede ser cualquier color).

  2. Acción: Cambia el Modo de Fusión de la capa de Color Sólido a "Mezcla Dura" (Hard Mix).

    • Ruta: Panel de capas > Modo de fusión > Mezcla Dura.
    • Comando: No aplica.
    • Función: Aplicar un efecto que combina propiedades de Umbral y Posterizar, limitando la imagen a 2-4 tonos.

  3. Acción: Ajusta el color de la capa de Color Sólido.

    • Ruta: Haz doble clic en la miniatura de la capa de Color Sólido.
    • Comando: No aplica.
    • Función: Cambiar el color para controlar los tonos medios presentes en la imagen.
    • Nota: Experimenta con el tono y la saturación para obtener entre 2 y 4 valores (negro, blanco y tonos medios).

Paso 4: Remapear los Valores de Color

  1. Acción: Añade una capa de ajuste de Blanco y Negro.

    • Ruta: Capa > Nueva capa de ajuste > Blanco y Negro.
    • Comando: No aplica.
    • Función: Convertir los colores resultantes en valores de gris específicos.

  2. Acción: Ajusta los deslizadores de los colores en la capa de Blanco y Negro.

    • Ajustes:
      • Rojos y Verdes: 40% de gris.
      • Amarillos y Magentas: 60% de gris.
      • Azules y Cianes: Ajusta para obtener el resultado deseado.
    • Función: Asignar valores de gris específicos a los colores, preparando la imagen para el mapa de degradado.

  3. Acción: Añade una capa de ajuste de Mapa de Degradado.

    • Ruta: Capa > Nueva capa de ajuste > Mapa de Degradado.
    • Comando: No aplica.
    • Función: Remapear los valores de gris a colores específicos.

  4. Acción: Configura el Mapa de Degradado con paradas en 0%, 40%, 60% y 100%.

    • Ruta: Haz clic en la muestra de degradado en las propiedades de la capa.
    • Comando: No aplica.
    • Función: Asignar colores personalizados a cada nivel de gris.
    • Ajustes:
      • 0% (Negro): Color para las sombras profundas.
      • 40%: Color para tonos oscuros medios.
      • 60%: Color para tonos claros medios.
      • 100% (Blanco): Color para las iluminaciones.

Paso 5: Simplificar la Imagen con Filtros

  1. Acción: Convierte la capa de la fotografía en Objeto Inteligente.

    • Ruta: Capa > Objetos inteligentes > Convertir en objeto inteligente.
    • Comando: No aplica.
    • Función: Permitir la aplicación de filtros de manera no destructiva.

  2. Acción: Aplica el filtro Pintura al Óleo (Oil Paint).

    • Ruta: Filtro > Estilizar > Pintura al Óleo.
    • Comando: No aplica.
    • Función: Simplificar la imagen y darle un aspecto más ilustrado.
    • Ajustes:
      • Estilización y Limpieza: Valores alrededor de 5.
      • Iluminación: Desactiva la opción "Iluminación".

  3. Acción: Aplica el ajuste de Sombras/Iluminaciones.

    • Ruta: Imagen > Ajustes > Sombras/Iluminaciones.
    • Comando: No aplica.
    • Función: Recuperar detalles en sombras y luces para mejorar el aspecto ilustrado.
    • Ajustes:
      • Cantidad de Sombras: Aproximadamente 65%.
      • Cantidad de Iluminaciones: Aproximadamente 25%.

  4. Acción: Duplica la capa de la fotografía y aplica más veces el filtro Pintura al Óleo.

    • Ruta para duplicar: Capa > Duplicar capa.
    • Comando para duplicar: Ctrl + J
    • Función: Simplificar aún más la imagen para un efecto más vectorial.
    • Acción adicional: Repite el filtro usando Ctrl + Alt + F para aplicar el último filtro nuevamente.

  5. Acción: Usa una Máscara de Capa para recuperar detalles en áreas importantes.

    • Herramienta: Pincel (B) con bordes suaves.
    • Función: Permitir que detalles de la capa inferior se muestren en áreas como los ojos y el rostro.

Paso 6: Ajuste Final de Colores

  1. Acción: Reabre y ajusta la capa de Mapa de Degradado.

    • Ruta: Haz doble clic en la miniatura de la capa de Mapa de Degradado.
    • Comando: No aplica.
    • Función: Refinar los colores finales de la imagen.
    • Nota: Puedes cargar gradientes preestablecidos o ajustar manualmente los colores.

  2. Acción: Ajusta el color de la capa de Color Sólido en modo Mezcla Dura.

    • Ruta: Haz doble clic en la miniatura de la capa de Color Sólido.
    • Comando: No aplica.
    • Función: Experimentar con diferentes tonos y saturaciones para modificar los tonos medios presentes.

Paso 7: Añadir Elementos Gráficos Adicionales

  1. Acción: Inserta elementos gráficos como formas vectoriales o patrones.

    • Ruta: Archivo > Colocar incrustado.
    • Comando: No aplica.
    • Función: Enriquecer la composición con elementos adicionales.

  2. Acción: Ajusta el color y brillo de estos elementos para que se integren en la paleta de 4 colores.

    • Herramienta: Ajustes de Tono/Saturación o Niveles.
    • Ruta: Capa > Nueva capa de ajuste > Tono/Saturación.
    • Comando: No aplica.
    • Función: Asegurar que los elementos gráficos se adapten a los valores de color establecidos.

Paso 8: Crear un Borde Blanco Tipo Póster

  1. Acción: Crea una nueva capa de Color Sólido en blanco.

    • Ruta: Capa > Nueva capa de relleno > Color Sólido.
    • Comando: No aplica.
    • Función: Añadir un fondo blanco que servirá como borde.

  2. Acción: Añade una Máscara de Capa y crea el borde.

    • Ruta: Seleccionar la máscara de la capa de Color Sólido.
    • Comandos:
      • Seleccionar todo: Ctrl + A
      • Modificar selección: Selección > Modificar > Contraer (ejemplo: 100 píxeles).
      • Invertir máscara: Ctrl + I
    • Función: Crear un borde blanco alrededor de la imagen.

  3. Acción: Ajusta la máscara si es necesario usando transformación libre.

    • Comando: Ctrl + T (con la máscara seleccionada).
    • Función: Refinar el tamaño y forma del borde.

Paso 9: Añadir Texturas y Detalles Finales

  1. Acción: Añade texturas como papel o efectos de semitono.

    • Ruta: Archivo > Colocar incrustado.
    • Comando: No aplica.
    • Función: Dar un toque final y realista a la composición.
    • Ajuste: Cambia el Modo de Fusión de la textura a Trama (Screen) o Multiplicar (Multiply).

  2. Acción: Ajusta la opacidad y el modo de fusión de las texturas para integrar adecuadamente.

    • Función: Controlar la intensidad del efecto de textura.

Paso 10: Guardar y Exportar el Proyecto

  1. Acción: Guarda el proyecto en formato PSD para conservar las capas y ajustes.

    • Ruta: Archivo > Guardar como.
    • Comando: Ctrl + Shift + S
    • Función: Mantener un archivo editable para futuros ajustes.

  2. Acción: Exporta la imagen final en el formato deseado (JPEG, PNG, etc.).

    • Ruta: Archivo > Exportar > Exportar como.
    • Comando: No aplica.
    • Función: Generar una versión final para compartir o imprimir.

Conclusión:

Con esta guía, has aprendido a transformar una fotografía en una ilustración con estilo vectorial sin utilizar la herramienta Pluma. Utilizando capas de ajuste, modos de fusión y filtros, has simplificado la imagen y remapeado los colores para lograr un efecto artístico. Esta técnica es útil para crear carteles, ilustraciones y diseños gráficos atractivos sin necesidad de dominar herramientas de dibujo vectorial.

https://www.youtube.com/watch?v=CGdGqcAQdMU

Comentarios

Publicar un comentario