Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Cómo Crear una Acción para Efecto Fotográfico con Estilo de GTA en Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final product image
What You'll Be Creating

El efecto mostrado arriba es el que te mostraré cómo crear en éste tutorial. Si quisieras crear los todavía más avanzados efectos fotográficos de la serie de videojuegos grand theft auto mostrados abajo y empleando un solo clic, entonces consulta mi Acción de Photoshop Grand Theft.

Action final results

Lo Que Necesitarás

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


1. Comencemos

Paso 1

Primero, abre la foto con la que quieres trabajar. Para abrir tu foto, ve a Archivo > Abrir, escoge tu foto, y haz clic en Abrir. Ahora, antes de comenzar, solo verifica un par de cosas:

  1. Tu foto debería estar en modo Color RGB, 8 Bits/Canal. Para comprobar ésto, ve a Imagen > Modo.
  2. Para mejores resultados, el tamaño de tu foto debería ser de 1500-3500 px anchura/altura. Para verificar ésto, ve a Imagen > Tamaño de Imagen.
  3. Tu foto debería estar en la capa Fondo. Si no lo está, ve a Capa > Nueva > Fondo a partir de capa.
Checking image size and mode

Paso 2

Ahora vamos a recortar la imagen para remover algo del espacio existente arriba del sujeto. Elige la Herramienta Recortar (C), y transforma el Cuadro de Recorte como se muestra abajo:

Cropping image

2. Cómo Crear la Ilustración del Estilo de GTA

Paso 1

En ésta sección, vamos a crear una ilustración del estilo de GTA desde nuestra foto. Ve a Capa > Nueva > Capa para crear una nueva capa y nómbrala Temp 1.

Creating a new layer

Paso 2

Ahora presiona Control-Alt-Mayúsculas-E en tu teclado para hacer una captura de pantalla, y luego ve a Imagen > Ajustes > Sombras/Iluminaciones, y establece las Sombras en 10% e Iluminaciones en 2% como se muestra abajo:

Adjusting shadows and highlights

Paso 3

Ve a Capa > Nueva > Capa para crear una nueva capa y nómbrala Temp 2.

Creating a new layer

Paso 4

Ahora presiona Control-Alt-Mayúsculas-E en tu teclado para hacer una captura de pantalla, y ve a Filtro > Enfocar > Enfocar. Luego presiona Control-F en tu teclado para repetir éste filtro.

Adding sharpen filter

Paso 5

Cambia el Modo de Fusión de ésta capa a Luz Suave, y luego ve a Filtro > Otro > Paso Alto y establece el Radio en 1.5 px como se muestra abajo:

Adding high pass filter

Paso 6

Ahora haz control-clic en la capa Temp 1 para seleccionar ambas capas al mismo tiempo y presiona Control-E en tu teclado para combinar éstas dos capas en una.

Merging layers

Paso 7

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

Adding diffuse filter

Paso 8

Ahora ve a Edición > Transformar > Rotar 90° AC para rotar ésta capa 90° en el sentido de las manecillas del reloj, y luego presiona Control-F en tu teclado para repetir el filtro previo.

Transforming layer

Paso 9

Ve a Edición > Transformar > Rotar 90° AC para rotar ésta capa otros 90° en el sentido de las manecillas del reloj y luego presiona Control-F en tu teclado para repetir de nuevo el filtro previo.

Transforming layer

Paso 10

Ahora ve a Edición > Transformar > Rotar 180° para rotar ésta capa 180° en el sentido de las manecillas del reloj, y luego ve a Filtro > Enfocar > Enfoque suavizado y establece la Cantidad en 250%, el Radio en 1.5 px y Quitar en Desenfoque Gaussiano como se muestra abajo:

Adding smart sharpen filter

Paso 11

Ve a Filtro > Ruido > Reducir Ruido, y establece la Intensidad en 5, Conservar Detalles en 0%, Reducir Ruido de Color en 54% y Enfocar Detalles en 0% como se muestra abajo:

Adding reduce noise filter

Paso 12

Ahora ve a Capa > Nueva > Capa para crear una nueva capa y nómbrala Temp 3.

Creating a new layer

Paso 13

Presiona Control-Alt-Mayúsculas-E en tu teclado para hacer una captura de pantalla, y luego ve a Filtro > Galería de Filtros > Artístico > Cuarteado, y establece el Número de Niveles en 4, Simplicidad de Borde en 0 y Fidelidad de Borde en 3 como se muestra abajo:

Adding cutout filter

Paso 14

Ahora establece el Modo de Fusión de ésta capa en Luz Suve y establece la Opacidad en 56%.

Changing the blending mode and opacity

Paso 15

Haz control-clic en la capa Temp 2 para tener ambas capas seleccionadas al mismo tiempo y presiona Control-E en tu teclado para combinarlas. Luego nombra ésta nueva capa como GTA Art Style.

Merging layers

3. Cómo Crear un Trazo Alrededor del Sujeto

Paso 1

En ésta sección, vamos a crear un trazo alrededor del sujeto. Selecciona la capa Fondo, oculta la capa GTA Art Syle, elige la Herramienta Selección Rápida (W) y selecciona el fondo. Puedes usar con toda libertad los botones Mayúsculas y Alt para añadir o eliminar algunas áreas de la selección. Luego presiona Control-Mayúsculas-I en tu teclado para invertir la selección y obtener la selección alrededor del sujeto.

Making the selection

Paso 2

Ahora ve a Selección > Modificar > Redondear y establece el Radio de Calado en 5 px. Luego selecciona y muestra la capa GTA Art Syle, ve a Capa > Nueva > Capa para crear una nueva capa y nómbrala Subject Stroke.

Creating a new layer

Paso 3

Elige la Herramienta Marco Rectangular (M), establece el color de frente en #000000, haz clic derecho en cualquier parte dentro del lienzo, y elige Trazo. Establece la Anchura en 5 px, la Posición en Exterior, Modo en Normal y Opacidad en 100% como se muestra abajo:

Adding stroke

4. Cómo Hacer los Ajustes Finales

Paso 1

En ésta sección, vamos a realizar los ajustes finales al diseño. Presiona D en tu teclado para restablecer las muestras, ve a Capa > Nueva Capa de Ajuste > Mapa de Degradado para crear una nueva capa de ajuste de mapa de degradado, y nómbrala Overall Contrast.

Creating gradient map adjustment layer

Paso 2

Ahora cambia el Modo de Fusión de ésta capa a Luz Suave y establece la Opacidad en 26%.

Changing blending mode and opacity

Paso 3

Ve a Capa > Nueva Capa de Ajuste > Niveles para crear una nueva capa de ajuste y nómbrala Overall Brightness.

Creating new levels adjustment layer

Paso 4

Ahora haz doble clic en la miniatura de ésta capa y en el panel Propiedades usa los ajustes mostrados abajo:

Adjusting levels

Paso 5

Ve a Capa > Nueva Capa de Ajuste > Tono/Saturación para crear una nueva capa de ajuste de tono/saturación y nómbrala Overall Saturation.

Creating hue and saturation adjustment layer

Paso 6

Ahora haz doble clic en la miniatura de ésta capa y en el panel Propiedades usa los ajustes de abajo:

Adjusting saturation

Paso 7

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

Creating curves adjustment layer

Paso 8

Ahora haz doble clic en la miniatura de ésta capa y en el panel Propiedades utiliza los parámetros de abajo:

Adjusting curves

Paso 9

Ve a Capa > Nueva Capa de Ajuste > Brillo/Contraste para crear una nueva capa de ajuste de brillo/contraste y nómbrala Backgrond Brightness.

Creating brightnesscontrast adjustment layer

Paso 10

Ahora, mientras está seleccionada la máscara de capa de la capa Background Brightness, elige la Herramienta Pincel (B), establece el color de frente en #000000, y pasa el pincel sobre el sujeto.

Brushing into layer mask

Paso 11

Haz doble clic en la miniatura de ésta capa y en el panel Propiedades ingresa los ajustes de abajo:

Adjusting brightness and contrast

¡Lo lograste!

¡Felicidades, has tenido éxito! Aquí está nuestro resultado final:

Final result

Si quisieras crear los todavía más avanzados efectos fotográficos para un estilo de grand theft auto mostrados abajo y haciendo un solo clic, entonce consulta mi Acción de Photoshop Grand Theft.

La acción funciona para que solo rellenes tu sujeto de un color y reproduzcas la acción. ¡Sí, es así de fácil! La acción hará todo el trabajo por tí, dejándote resultados segmentados en capas que puedes personalizar aún más.

Viene con un videotutorial detallado que demuestra cómo usar la acción y también cómo personalizar los resultados para sacar el mayor provecho del efecto.

Action final results
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.