Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

Cómo Crear una Acción de Photoshop de iIustración (de la Fotografía a la Ilustración)

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial, aprenderás a crear una acción de Photoshop de ilustración. Voy a explicar todo con tanto detalle que todo el mundo puede crearlo, incluso aquellos que acaban de abrir Photoshop por primera vez.

Lo que Aprenderás en este tutorial de acción de Photoshop:

  • Cómo crear una acción de Photoshop
  • Cómo seleccionar el tema en Photoshop
  • Cómo pasar de una fotografía a un aspecto ilustrativo
  • Cómo crear un efecto de ilustración en Photoshop

El efecto mostrado anteriormente es el que te mostraré cómo crear en este tutorial. Si te gustaría crear el efecto de ilustración en Photoshop estilo arte vectorial aún más avanzado que se muestra a continuación, con un solo clic y en pocos minutos, consulta mi Acción VectorArt de Photoshop.

Illustration Photoshop action final result

Lo Que Necesitarás

Para recrear el diseño anterior, necesitarás los siguientes recursos:

1. Cómo Empezar

En primer lugar, abre la foto con la que deseas trabajar. Para abrir la foto, ve a Archivo > Abrir, elije la foto y haz clic en Abrir. Ahora, antes de empezar, sólo revisa un par de cosas:

  1. Tu foto debe estar en modo de Color RGB, 8 bits / Canal. Para comprobar esto, ve a Imagen > Modo.
  2. Para obtener mejores resultados, el tamaño de la foto debe ser de 2000x4000 px de ancho/alto. Para comprobar esto, ve a Imagen > Tamaño de Imagen.
  3. La foto debe ser la capa Fondo. Si no es así, ve a Capa > Nuevo > Capa a partir de Fondo.
checking image size and mode

2. Cómo Seleccionar el Sujeto en Photoshop

Paso 1

En esta sección, vamos a hacer una selección de nuestro tema y luego copia el sujeto a una capa separada. Elije la Herramienta Selección Rápida (W) y selecciona el fondo de la foto. Utilice los botones Shift + Alt en el teclado para agregar o restar áreas de la selección. Después de hacer una selección perfecta, presione Control-Shift-I en el teclado para invertir la selección.

making selection

Paso 2

Ahora ve a Selección > Modificar > Redondear y establece el Radio de Muestra a 5 píxeles. A continuación, ve a Selección > Modificar > Contraer y establece Contraer en 2 píxeles. Finalmente, ve a Selección > Modificar > Desvanecer y establece el Radio de Desvanecimiento a 2 píxeles

modifying selection

Paso 3

Presiona Control-J en tu teclado para crear una nueva capa usando la selección. Nombra a esta nueva capa como Sujeto.

creating new layer using selection

3. Cómo Empezar a Grabar la Acción de Photoshop

En esta sección, vamos a empezar a grabar la acción. Ve a Ventana > Acciones y, en el panel Acciones, haz clic en el icono de menú en la esquina superior derecha, elije Grupo Nuevo para crear un nuevo grupo y nómbralo Ilustración. A continuación, vuelve a hacer clic en el mismo icono de menú, elije Acción Nueva para crear una nueva acción y nómbrala, Ilustration.

creating new action

4. Cómo Crear el Fondo

En esta sección, vamos a crear el fondo. Selecciona la capa Fondo, ve a Capa > Nueva Capa de Relleno > Color Uniforme para crear una nueva capa de relleno de color sólido, nómbralo como Color de fondo da clic en Aceptar y elije el color #cfcac8 como se muestra a continuación:

creating new solid color fill layer

5. Cómo Crear el Efecto de Ilustración de Photoshop

Paso 1

En esta sección, vamos a crear el aspecto de ilustración. Selecciona la capa Sujeto, ve a Filtro > Estilizar > Difusión y establece el Modo en Anisotrópico.

adding diffuse filter

Paso 2

Ahora ve a Filtro > Enfocar > Máscara de Enfoque, y establece la Cantidad en 125%, Radio en 3 píxeles, y Umbral en 0 niveles.

adding unsharp mask filter

Paso 3

Ve a Filtro > Ruido > Reducir Ruido y utiliza los siguientes ajustes:

adding reduce noise filter

Paso 4

Ahora ve a Filtro > Desenfocar > Desenfoque de Superficie, y establece el Radio en 5 píxeles y Umbral en 15.

adding surface blur filter

Paso 5

Ve a Filtro > Enfocar > Máscara de Enfoque, y establece la Cantidad en 250%, Radio a 3 px, y Umbral en 0 niveles.

adding unsharp mask filter

Paso 6

Ahora ve a Filtro > Galería de filtros > Artístico > Cuarteado, y establece el Número de Niveles en 8, Simplicidad de Borde en 5 y Fidelidad de borde en 1.

adding cutout filter

6. Cómo Crear Contornos de Sujeto

Paso 1

En esta sección, vamos a crear contornos de sujeto. Presiona Control y haz clic en la miniatura de la capa del Sujeto para realizar una selección de esta capa. A continuación, selecciona la capa Fondo y presiona Control-J en el teclado para crear una nueva capa usando la selección. Después de eso, arrastra esta capa a la parte superior de las capas en el panel Capas.

creating new layer using selection

Paso 2

Ahora ve a Imagen > Ajustes > Niveles e ingresa los ajustes siguientes:

adjusting levels

Paso 3

Vaya a Filtro > Galería de filtros > Bosquejar > Tampón y establece el Equilibrio de Luz y Sombra en 25 y la Suavidad en 5.

adding stamp filter

Paso 4

Ahora ve a Filtro > Estilizar > Pintura al óleo, establece el Estilizado en 5 y Limpieza en 4, y desmarque la opción Iluminación.

adding oil paint filter

Paso 5

Ve a Filtro > Enfocar > Máscara de Enfoque, y establece la Cantidad en 250%, Radio a 5 píxeles, y Umbral en 0 niveles.

adding unsharp mask filter

Paso 6

Ahora cambia el Modo de Fusión de esta capa a Multiplicar y establece la Opacidad en 32%. Nombra esta capa como Contornos de Sujeto.

changing blending mode and opacity

7. Cómo Hacer los Ajustes Finales

Paso 1

En esta sección, vamos a hacer los ajustes finales en el diseño y guardar la acción para su futuro uso. Pulsa Control y haz clic en la miniatura de la capa Sujeto para realizar una selección de esta capa. A continuación, selecciona la capa Fondo y presiona Control-J en el teclado para crear una nueva capa usando la selección. Después de eso, arrastra esta capa a la parte superior de las capas en el panel Capas.

creating new layer using selection

Paso 2

Ahora cambia el Modo de Fusión de esta capa a Color. Asigna a esta capa el nombre de Color del Sujeto.

changing blending mode

Paso 3

Ve a Capa > Nueva Capa de Ajuste > Curvas para crear una nueva capa de ajuste de curvas y nómbrala, Aspecto de Color.

creating new curves adjustment layer

Paso 4

Ahora haz Doble Clic en esta miniatura de capa y, en el panel Propiedades, ingresa la configuración siguiente:

adjusting curves

Paso 5

Presiona D en tu teclado para reestablecer las muestras. Despues, ve a Capa > Nueva Capa de Ajuste > Mapa de Degradado para crear una nueva capa de mapa de degradado y nómbrala Contraste General.

creating new gradient map adjustment layer

Paso 6

Cambia el Modo de Fusión de esta capa a Luz Suave y establece la Opacidad en 63%.

changing blending mode and opacity

Paso 7

Ve a Capa > Nueva Capa de Ajuste > Intensidad para crear una nueva capa de ajuste de vibración y nómbrala Intensidad/Saturación General.

creating new vibrance adjustment layer

Paso 8

Ahora haz Doble clic en esta miniatura de capa y, en el panel Propiedades, establece la Intensidad en +45 y la Saturación en +22.

adjusting vibrance and saturation

Paso 9

Haz Doble clic en la miniatura de la capa Color de Fondo y elije el color #cfecfe como se muestra a continuación. Luego, ve a Ventana> Acciones, y en el panel Acciones, haz clic en el icono del rectángulo en la esquina inferior izquierda para detener la grabación de la acción. A continuación, en el mismo panel, haz clic en el icono de menú en la esquina superior derecha y elije Guardar Acciones para guardar la acción.

adjusting solid color

¡Lo Lograste!

¡Felicidades, lo has conseguido! Has aprendido a crear una acción de Photoshop de ilustración. Ahora puedes transformar cualquier foto en una ilustración.

También puedes aplicar el efecto a una foto y luego agregarlo como fondo. Esta es la foto de archivo que elegí. Aquí está el resultado final:

final result

¡Llévalo al Siguiente Nivel!

Si deseas crear el efecto de ilustración de Photoshop fotográfica aún más avanzado que se muestra a continuación, con un solo clic y en pocos minutos, consulta mi Vector Art Photoshop Action.

Con esta acción de Photoshop estilo arte vectorial, puedes convertir la foto en una ilustración con sólo unos pocos clics, incluso si eres un principiante! ¡Simplemente abre tu foto, pasa el pincel sobre tu sujeto y ejecuta la acción!

action final result

También puedes obtener este elemento en un paquete y ahorrar un 50%: echa un vistazo a mi Cartoon 5in1 Photoshop Actions Bundle. Otros tutoriales que también pueden gustar:


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.