1. Design & Illustration
  2. Photo Effects

Cómo crear una acción de efecto de color en Photoshop

by
Read Time:10 minsLanguages:

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

Las acciones de Photoshop realmente ayudan cuando necesitamos hacer algo de forma rápida y precisa, convirtiendo las horas de trabajo en un simple clic o dos. Podemos crear efectos de color para imágenes como este tutorial y aplicar el mismo efecto a cualquier otra imagen en segundos. Eso es lo que me encanta de las acciones de Photoshop, y es por eso que me gusta enseñar cómo crearlas.

Hoy te enseñaré cómo grabar una acción para efectos de color de Photoshop usando filtros de Photoshop. La acción resultante es totalmente editable y funciona con cualquier color. Al final explicaré algunas cosas importantes sobre cómo funciona esta acción, y mostraré algunos otros tutoriales para que sigas aprendiendo más sobre los efectos de Photoshop, tanto para efectos de texto como de fotos. Así que comencemos.

La acción que crearemos hoy es parte de la Acción de Photoshop de degradado de color, una acción de Photoshop con muchos degradados y estilos prediseñados para que elijas.

Color Gradient Photoshop ActionColor Gradient Photoshop ActionColor Gradient Photoshop Action
Acción de Photoshop de degradado de color

Recursos para el tutorial

Durante este tutorial se usó el siguiente recurso:

1. Cómo crear la acción

Paso 1

Abre la imagen en Photoshop. Usaré una imagen de un antiguo auto de los años 20 que redimensioné a 2000 x 2997 px. Recomiendo usar una imagen de un tamaño similar.

Antes de empezar a grabar la acción, asegúrate de que la imagen no esté bloqueada como una imagen de fondo. Haz doble clic en ella y cambia el nombre de la capa a cualquier nombre que desees para desbloquear la capa.

Ve a Ventana > Acciones para abrir el panel Acciones. Después, haz clic en Crear nuevo conjunto y nómbralo Mis efectos fotográficos. Después de eso, haz clic en Crear nueva acción y nómbrala Acción de degradado de color.

Creating a new Photoshop ActionCreating a new Photoshop ActionCreating a new Photoshop Action

Paso 2

Ahora Photoshop está grabando las acciones que realizas. Presta atención al panel Acciones. Puedes eliminar cualquier error seleccionando el paso y haciendo clic en el icono de la papelera.

Cambia el nombre de la capa de imagen a Imagen base. Luego, presiona Control+J para duplicarlo. Después de eso, cambia el nombre de la copia a Líneas de contorno.

Duplicating and renaming the layersDuplicating and renaming the layersDuplicating and renaming the layers

Paso 3

Ahora haz clic derecho en la capa Líneas de contorno y elige Convertir en objeto inteligente. Luego ve a Filtro > Estilizar > Pintura al óleo y aplica estos ajustes:

  • Estilización: 1.1
  • Limpieza: 0.6
  • Escala: 0.1
  • Detalle de cerdas: 0.0
  • Iluminación: Desactivada
Oil Paint SettingsOil Paint SettingsOil Paint Settings

Paso 4

Convierte la capa en Objeto inteligente y aplica otro filtro de Pintura al óleo con estos ajustes:

  • Estilización: 1.3
  • Limpieza: 0.0
  • Escala: 0.1
  • Detalle de cerdas: 0.0
  • Iluminación: Desactivada
Second Oil Paint settingsSecond Oil Paint settingsSecond Oil Paint settings

Paso 5

Ahora ve a Filtro > Galería de filtros y elige Bordes resplandecientes, que está dentro de la carpeta Estilizar. Usa estos ajustes:

  • Ancho del borde: 1
  • Brillo del borde: 7
  • Suavidad: 3
Glowing edges filter settingsGlowing edges filter settingsGlowing edges filter settings

Paso 6

Ahora haz doble clic en la capa Líneas de contorno para abrir la ventana Estilo de capa. Para las opciones de Fusionar si es, deja el Gris seleccionado y mueve el regulador derecho de esta capa a 98. Después de eso, mantén presionada la tecla Alt y arrastra el lado derecho del mismo regulador a 248. Al hacerlo, se dividirá el regulador en dos.

En este momento es difícil ver lo que Fusionar si es está haciendo, pero no te preocupes, volveré a ello más adelante.

Después de eso, haz clic en OK para cerrar la ventana Estilo de capa.

Blend if settingsBlend if settingsBlend if settings

Paso 7

Cambia el Color de primer plano a #ffffff y el Color de fondo a #000000.

Changing the foreground and background colorsChanging the foreground and background colorsChanging the foreground and background colors

Paso 8

Ve a Filtro > Galería de filtros y esta vez elige Resplandor de neón, que está dentro de la carpeta Artística. Usa estos ajustes:

  • Tamaño del resplandor: 24
  • Brillo del resplandor: 4
  • Color de resplandor: #000000

Tu imagen se verá como un dibujo en la vista previa, pero desaparecerá en el documento, y eso es normal. Es el Fusionar si es eliminando el blanco de la imagen y dejando solo las líneas oscuras. Es difícil de ver con la imagen base activa, pero está ahí.

Neon Glow SettingsNeon Glow SettingsNeon Glow Settings

Paso 9

Ahora ve a Imagen > Ajustes > Niveles y usa estos ajustes:

  • Canal: RGB
  • Regulador de sombras: 149
  • Regulador de medios tonos: 2.72
  • Regulador de resaltados: 255
Levels settings Levels settings Levels settings

Paso 10

Ve a Imagen > Ajustes > Curvas y usa estos ajustes:

  • Canal: RGB
  • Primer punto de salida: 0 Entrada: 0
  • Segundo punto de salida: 79 Entrada: 60
  • Tercer punto de salida: 181 Entrada: 199
  • Cuarto punto de salida: 255 Entrada: 255

Todos estos filtros son difíciles de ver en este punto, pero marcarán la diferencia más adelante.

Curves settingsCurves settingsCurves settings

Paso 11

Ahora ve al panel Capas de nuevo y convierte la capa Líneas de contorno en un Objeto inteligente. Esta capa ahora tiene un fondo transparente. Al final de este tutorial te mostraré por qué sucedió eso.

Converting the contour lines layer to a smart objectConverting the contour lines layer to a smart objectConverting the contour lines layer to a smart object

Paso 12

Selecciona la capa Imagen base y conviértela también en un Objeto inteligente. Después de eso, ve a Filtro > Estilizar > Pintura al óleo y usa estos ajustes:

  • Estilización: 1.3
  • Limpieza: 0.0
  • Escala: 0.1
  • Detalle de cerdas: 0.0
  • Iluminación: Desactivada

Todos los filtros que estamos aplicando no son destructivos y se pueden editar una vez completada la acción. A algunas personas no les gusta el efecto de la pintura al óleo, eso está bien porque puedes hacerlo más débil o apagarlo por completo después.

Applying an oil paint effect to the base imageApplying an oil paint effect to the base imageApplying an oil paint effect to the base image

Paso 13

Ve a Filtro > Enfocar > Enfoque inteligente y usa estos ajustes:

  • Cantidad: 100%
  • Radio: 0.6 px
  • Reducir ruido: 0%
  • Quitar: Desenfoque de lente
Smart Sharpen settingsSmart Sharpen settingsSmart Sharpen settings

Paso 14

Ve a Capa > Nueva capa de ajuste > Mapa de degradado. Nómbrala Mapa de degradado 01 y marca la casilla de verificación Usar capa anterior para crear máscara de recorte.

Creating a new Gradient MapCreating a new Gradient MapCreating a new Gradient Map

Paso 15

Haz doble clic en la miniatura del Mapa de degradado 01 para abrir el panel Propiedades. Marca la casilla de verificación Dither y haz clic en la barra de degradado para abrir el Editor de degradado. Crearemos un nuevo degradado.

Opening the Gradient EditorOpening the Gradient EditorOpening the Gradient Editor

Paso 16

Mira la barra de degradado del Editor de degradado y verás algunos reguladores que puedes mover. Los reguladores por encima de la barra de degradado controlan la opacidad; dejarlos a ambos al 100%.

Los reguladores debajo de la barra de degradado controlan los colores. Para crear un nuevo regulador, debes hacer clic debajo de la barra de degradado donde el puntero del mouse se convierte en un dedo señalador.

Understanding the Gradient EditorUnderstanding the Gradient EditorUnderstanding the Gradient Editor

Paso 17

Ahora edita el degradado con estos ajustes (no hagas clic en nuevo):

  • Ubicación del primer regulador: 2% Color: #0b005d
  • Segunda ubicación del regulador: 36% Color: #eb0d32
  • Ubicación del tercer regulador: 54% Color: #1244ff
  • Ubicación del cuarto regulador: 78% Color: #ffae2e
  • Ubicación del quinto regulador: 100% Color: #fff889

Después de eso, haz clic en OK para cerrar el Editor de degradado.

Creating a new GradientCreating a new GradientCreating a new Gradient

Paso 18

Haz doble clic en la capa Líneas de contorno para abrir la ventana Estilo de capa. Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Opacidad: 100%
  • Ruido: 0%
  • Color: #ffaa4f
  • Técnica: Más suave
  • Extender: 0%
  • Tamaño: 46 px
  • Contorno: Gaussiano
  • Suavizado: Activado
  • Rango: 45%
  • Vibración: 0%

Algunas imágenes necesitarán valores diferentes; puedes editarlos una vez completada la acción. Normalmente solo necesitarás cambiar los valores de Tamaño y Rango.

Outer Glow SettingsOuter Glow SettingsOuter Glow Settings

Paso 19

Ahora añade una Superposición de color con estos ajustes:

  • Modo de fusión: Normal
  • Color: #ff7800
  • Opacidad: 100%
Color Overlay settingsColor Overlay settingsColor Overlay settings

Paso 20

Selecciona la capa Imagen base de nuevo y ve a Filtro > ruido > Añadir ruido y usa estos ajustes:

  • Cantidad: 3,2%
  • Gaussiano: Encendido
  • Monocromático: Apagado

Al igual que con todos los demás filtros de esta acción, podemos ajustar estos valores después.

Adding noise to the layerAdding noise to the layerAdding noise to the layer

Paso 21

Ve a Imagen > Ajustes > Tono/Saturación y deja todos los valores en 0. No usaremos estos ajustes con esta imagen, pero puede ser útil cuando ejecutas la acción con una imagen diferente y quieres modificar los colores. No existen reglas con este filtro, simplemente mueve los reguladores hasta que consideres que se ve bien. Solo recuerda que estos reguladores no cambiarán los colores del mapa de degradado; cambiarán los colores de la imagen original.

Hue and Saturation valuesHue and Saturation valuesHue and Saturation values

Paso 22

Ahora ve a Imagen > Ajustes > Brillo/Contraste y deja todos los valores en 0 también. En esta parte, me gusta usar el modo Legado en mis imágenes, pero depende de ti si lo quieres activar o desactivar. Al igual que tono/saturación, sólo necesitaremos este filtro con algunas imágenes.

Brightness and Contrast valuesBrightness and Contrast valuesBrightness and Contrast values

Paso 23

Haz doble clic en la capa Imagen base para abrir el panel Estilo de capa. Añade un Trazo con estos ajustes:

  • Tamaño: 29
  • Posición: Interior
  • Modo de fusión: Normal
  • Opacidad: 100%
  • Sobreimpresión: Desactivado
  • Tipo de relleno: Color
  • Color: #ff1623
Layer Stroke settingsLayer Stroke settingsLayer Stroke settings

Paso 24

Ahora selecciona la capa Imagen base y cambia su nombre a Imagen base. Luego hazlo también para las capas Mapa de degradado 01 y Líneas de contorno. Esto es importante porque permite ejecutar la acción varias veces en el mismo documento. Sin este cambio, la acción cambiaría los valores de las capas existentes con el mismo nombre.

Así deberían verse las capas:

  • Líneas de contorno
  • Mapa-de degradado-01
  • Imagen base
How the layers should look likeHow the layers should look likeHow the layers should look like

Paso 25

Ve al panel Acciones y haz clic en Detener/Reproducir grabación.

Stopping the recordingStopping the recordingStopping the recording

Así es como debería verse:

Color Effect Final ResultColor Effect Final ResultColor Effect Final Result

2. Cómo reproducir la acción y editar el resultado

Paso 1

Elige una imagen que te guste y ábrela con Photoshop. Después de eso, ve al panel Acciones y selecciona la acción Efecto de degradado de color. Luego, haz clic en Reproducir para aplicar el efecto a la imagen.

Playing the actionPlaying the actionPlaying the action

Paso 2

Una vez finalizada la acción, tendrás todas las capas y filtros que creamos antes. Ahora puedes editarlos como desees. Te mostraré cómo editar el filtro Ruido, pero todos los demás filtros funcionan de la misma manera, incluidos los filtros de la capa Líneas de contorno.

Haz doble clic en el filtro Añadir ruido en la capa Imagen base. Luego, cambia el valor a cualquier cantidad que desees.

Editing the filtersEditing the filtersEditing the filters

También puedes ocultar cualquier efecto que no desees haciendo clic en el ojo frente a él.

Paso 3

Ahora te mostraré cómo editar el mapa de degradado.

Repite el paso 15 de este tutorial para abrir el Editor de degradado. Ahora puedes crear tu propio degradado. Lo que necesitas saber aquí es que los colores en el lado izquierdo de la barra de degradado controlan las sombras, los colores en el centro controlan los medios tonos y los colores en el lado derecho controlan los resaltados. Así que si colocas un color claro en el lado izquierdo de la barra de degradado, las sombras tendrán ese color.

Este es un ejemplo de un degradado que puedes crear. Ten en cuenta que cambié los colores de la capa Líneas de contorno y eliminé el filtro Trazo de la capa Imagen base:

Alternative final resultAlternative final resultAlternative final result

Puedes ver que las combinaciones de Mapa de degradado con la capa Líneas de contorno son infinitas.

Paso 4

Haz doble clic en la miniatura de la capa Líneas de contorno para editar su contenido. Te mostraré cómo funciona Fusionar si es en esta acción.

Cuando abres la capa Líneas de contorno, finalmente verás cómo se ve. Es una capa transparente con sólo el contorno de los objetos en ella. La parte transparente proviene de la configuración de Fusionar si es que hicimos antes.

Contour Lines layer with a transparent backgroundContour Lines layer with a transparent backgroundContour Lines layer with a transparent background

Haz doble clic en la capa Líneas de contorno para abrir el panel Estilo de capa. Ahora arrastra el primer regulador blanco de esta capa hasta 255. Verás que la parte blanca de la imagen vuelve.

Change the blend if valueChange the blend if valueChange the blend if value

Fusionar si es oculta las zonas claras u oscuras de la imagen. Si arrastras los reguladores oscuros hacia la derecha, solo se ocultarán las partes oscuras de la imagen. Dividir los reguladores en dos hace que la transición de las áreas transparentes a las de color sea más suave.

Cuando conviertes una capa que tiene esos ajustes de Fusionar si es en un Objeto inteligente, el resultado es una capa que se comporta como una imagen PNG con transparencia, lo que nos permite trabajar solo con la parte visible, y no con toda la imagen. Así es como funciona la capa Líneas de contorno en esta acción.

Recuerda que usamos los reguladores de esta capa y el canal Gris para este tutorial.

Felicitaciones. ¡Lo hiciste!

En este tutorial, hemos creado un efecto de degradado de color de acción de Photoshop. Comenzamos creando un contorno de los objetos con la opción Fusionar si es. Después de eso, aplicamos un mapa de degradado colorido a toda la imagen y un estilo de capa a los contornos. Luego añadimos algunos filtros de ajuste y terminamos la acción. Ahora puedes aplicar el efecto a cualquier imagen con un solo clic y personalizarla como quieras.

Espero que te haya gustado este tutorial. No dudes en dejar tus comentarios.

No te olvides de revisar la Acción de Photoshop de degradado de color en GraphicRiver.

Color Gradient Photoshop ActionColor Gradient Photoshop ActionColor Gradient Photoshop Action
Acción de Photoshop de degradado de color

Aquí hay algunos tutoriales que te pueden gustar:

One subscription.
Unlimited Downloads.
Get unlimited downloads