1. Design & Illustration
  2. Add-Ons
  3. Photoshop Actions

Cómo crear arte vexel en Adobe Photoshop con una acción

Scroll to top

Spanish (Español) translation by Johana (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial aprenderás cómo crear un increíble efecto de arte vexel. Explicaré todo muy detalladamente para que todos puedan crearlo, incluso aquellos que acaban de abrir Photoshop por primera vez.

El efecto mostrado en la imagen anterior es el que te enseñare a crear en este tutorial. Si deseas crear el efecto de arte vexel más avanzado que se muestra en la siguiente imagen con tan solo solo un clic y en sólo unos minutos, entonces mira mi Acción de Photoshop de vexel.

Action final resultAction final resultAction final result

Lo que necesitarás

Para recrear el diseño anterior, necesitarás la siguiente foto:

1. Empecemos

Primero, abre la foto con la que deseas trabajar. Para abrir la foto, ve a Archivo > Abrir, elige la foto y haz clic en Abrir. Ahora, antes de empezar, revisa un par de cosas:

  1. La foto debe estar en modo Color RGB, 8 bits/canal. Para comprobarlo, ve a Imagen > Modo.
  2. Para obtener mejores resultados, el tamaño de la foto debe ser de 1500 a 3500 px de anchura/altura. Para comprobarlo, ve a Imagen > Tamaño de imagen.
  3. La foto debe ser la capa Fondo. Si no es así, ve a Capa > Nueva > Fondo a partir de capa.
Checking image size and modeChecking image size and modeChecking image size and mode

2. Cómo crear el estilo de arte vexel

Paso 1

En esta parte, crearemos el estilo de arte vexel. Presiona Control+J para duplicar la capa Fondo, ve a Imagen > Ajustes > Sombras/iluminaciones y coloca la siguiente configuración:

Adjusting shadows and highlightsAdjusting shadows and highlightsAdjusting shadows and highlights

Paso 2

Ahora ve nuevamente a Imagen > Ajustes > Sombras/iluminaciones y coloca la siguiente configuración:

Adjusting shadows and highlightsAdjusting shadows and highlightsAdjusting shadows and highlights

Paso 3

Ve a Imagen > Ajustes > Brillo/contraste y establece el Brillo en -20 como se muestra en la siguiente imagen:

Adjusting brightnessAdjusting brightnessAdjusting brightness

Paso 4

Ahora ve a Filtro > Enfocar > Máscara de enfoque, y establece la Cantidad en 500%, Radio en 5.0 px y Umbral en 0 niveles como se muestra en la siguiente imagen:

Adding unsharp mask filterAdding unsharp mask filterAdding unsharp mask filter

Paso 5

Ve a Filtro > Estilizar > Difusión y establece el Modo en Anisotrópico como se muestra en la siguiente imagen:

Adding diffuse filterAdding diffuse filterAdding diffuse filter

Paso 6

Ahora ve a Filtro > Ruido > Reducir ruido y coloca la siguiente configuración:

Adding reduce noise filterAdding reduce noise filterAdding reduce noise filter

Paso 7

Ve a Filtro > Desenfocar > Desenfoque inteligente y establece el Radio en 5.0, Umbral en 25, Calidad en Bajo y Modo en Normal.

Adding smart blur filterAdding smart blur filterAdding smart blur filter

Paso 8

Ahora ve a Filtro > Enfocar > Máscara de enfoque, y establece la Cantidad en 500%, Radio en 1.0 px y Umbral en 0 niveles.

Adding unsharp mask filterAdding unsharp mask filterAdding unsharp mask filter

Paso 9

Ve a Filtro > Estilizar > Difusión y establece el Modo en Anisotrópico.

Adding diffuse filterAdding diffuse filterAdding diffuse filter

Paso 10

Ahora ve a Filtro > Estilizar > Pintura al óleo, establece el Estilizado en 5.0 y Limpieza en 2.0, y desactiva la Iluminación.

Adding oil paint filterAdding oil paint filterAdding oil paint filter

Paso 11

Ve nuevamente a Filtro > Estilizar > Pintura al óleo, establece el Estilizado en 10.0 y la Limpieza en 10.0, y desactiva la Iluminación.

Adding oil paint filterAdding oil paint filterAdding oil paint filter

Paso 12

Ahora ve a Filtro > Desenfoque > Desenfoque de superficie y establece el Radio en 5 px y Umbral en 15 niveles como se muestra en la siguiente imagen:

Adding surface blur filterAdding surface blur filterAdding surface blur filter

Paso 13

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 3 como se muestra en la siguiente imagen:

Adding cutout filterAdding cutout filterAdding cutout filter

Paso 14

Ahora ve a Imagen > Tono automático y luego ve a Imagen > Contraste automático para hacer algunas autocorrecciones al tono y contraste de la foto.

Making auto correctionsMaking auto correctionsMaking auto corrections

Paso 15

Ve a Imagen > Ajustes > Brillo/contraste y establece el Contraste en 100 como se muestra en la siguiente imagen:

Adjusting contrastAdjusting contrastAdjusting contrast

Paso 16

Ahora ve a Filtro > Enfocar > Máscara de enfoque y establece la Cantidad en 50%, Radio en 5.0 px y Umbral en 0 niveles como se muestra en la siguiente imagen:

Adding unsharp mask filterAdding unsharp mask filterAdding unsharp mask filter

Paso 17

Ahora, dale el nombre de Arte Vexel a esta capa.

Renaming the layerRenaming the layerRenaming the layer

3. Cómo hacer los ajustes finales

Paso 1

En esta parte, haremos algunos ajustes finales en el diseño. Presiona D para restablecer las muestras. Luego, ve a Imagen > Ajustes > Mapa de degradado para crear una nueva capa de ajuste de mapa de degradado y nómbrala Contraste general.

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Paso 2

Ahora cambia el Modo de fusión de esta capa a Luminosidad y establece la Opacidad en 56%.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Paso 3

Ve a Capa > Nueva capa de ajuste > Niveles para crear una nueva capa de ajuste de niveles y nómbrala Brillo General.

Creating new levels adjustment layerCreating new levels adjustment layerCreating new levels adjustment layer

Paso 4

Ahora haz doble clic en esta miniatura de capa y en el panel Propiedades coloca la siguiente configuración:

Adjusting levelsAdjusting levelsAdjusting levels

Paso 5

Ve a Capa > Nueva > Mapa de degradado para crear una nueva capa de ajuste de mapa de degradado y nómbrala Aspecto del color.

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Paso 6

Ahora haz doble clic en esta miniatura de capa y luego en el panel Propiedades, haz clic en el degradado para abrir el panel Editor de degradado y coloca la siguiente configuración:

Adjusting gradient mapAdjusting gradient mapAdjusting gradient map
La barra de degradado izquierda tiene el color e000e0 y la barra de degradado derecha tiene el color 005161.

Paso 7

Cambia el Modo de fusión de esta capa a Color.

Changing the blending modeChanging the blending modeChanging the blending mode

Paso 8

Ahora ve a Capa > Nueva capa de ajuste > Intensidad para crear una nueva capa de ajuste de intensidad y nómbrala Intensidad/saturación General.

Creating new vibrance adjustment layerCreating new vibrance adjustment layerCreating new vibrance adjustment layer

Paso 9

Haz doble clic en esta miniatura de capa y en el panel Propiedades, establece la Intensidad en +43 y Saturación en +22 como se muestra en la siguiente imagen:

Adjusting vibrance and saturationAdjusting vibrance and saturationAdjusting vibrance and saturation

Paso 10

Ahora presiona Control+Alt+Shift+E para hacer una captura de pantalla y luego presiona Control+Shift+U para desaturar esta capa. Luego, ve a Filtro > Otro > Paso alto y establece el Radio en 2 px.

Adding high pass filterAdding high pass filterAdding high pass filter

Paso 11

Nombra esta capa Enfoque general y cambia el Modo de fusión de esta capa a Superponer.

Changing the blending modeChanging the blending modeChanging the blending mode

¡Lo hiciste!

¡Felicitaciones, lo lograste! Este es nuestro resultado final:

Final resultFinal resultFinal result

Si quieres crear el efecto de arte vexel más avanzado que se mostró en la imagen anterior, con tan solo un clic y en solo unos minutos, entonces mira mi Acción de Photoshop de Vexel.

La acción funciona por si sola y simplemente tendrás que rellenar tu sujeto con un color y reproducir la acción. La acción hará todo por ti, te dará resultados completamente en capas y personalizables. La acción también crea 20 aspectos de color preestablecidos que puedes elegir.

La acción viene con un tutorial detallado en video que muestra cómo utilizar la acción y personalizar los resultados para sacarle el máximo provecho.

Action final resultAction final resultAction final result