Efecto de brillo pictórico con filtros inteligentes en Photoshop

Escrito por Steve Patterson.

En esto Tutorial de efectos de Photoshop , vamos a aprender cómo darle a una foto un efecto de 'resplandor pictórico' usando varias instancias del Desenfoque de movimiento filtrar. Lo llamo 'resplandor pictórico' porque el resultado final parece una combinación de un efecto de pintura y brillo. Este es un efecto muy fácil de crear, pero para ayudar a hacerlo aún más fácil, usaremos Filtros inteligentes , introducido por primera vez en photoshop cs3 , lo que significa que necesitará Photoshop CS3 o superior para continuar.



Es posible crear este mismo efecto fotográfico en Photoshop CS2 o anterior sin usar filtros inteligentes, pero como con todos nuestros tutoriales de Photoshop, el propósito principal aquí no es memorizar pasos sino aprender cómo funciona realmente Photoshop, y este efecto nos brinda una gran oportunidad para adquirir experiencia práctica con una de las mejores características nuevas que Adobe ha agregado a Photoshop en años.

Aquí está la imagen que usaré para este tutorial:





  Una foto de flores en un jarrón. Imagen con licencia de iStockphoto por Photoshop Essentials.com. La imagen original.

Así es como se verá cuando hayamos terminado:

  El final'painterly glow' effect. Image © 2009 Photoshop Essentials.com. El efecto final de 'resplandor pictórico'.

Cómo crear un efecto de brillo pictórico

Paso 1: Duplicar la capa de fondo

El primer paso para crear nuestro efecto de 'resplandor pictórico' es duplicar la capa de fondo para que aún tengamos acceso a la imagen original sin editar cuando hayamos terminado. Para duplicar la capa Fondo, sube a la Capa menú en la parte superior de la pantalla, elija Nuevo y luego elija Capa a través de la copia :



  Elegir nueva capa a través de Copiar desde la barra de menú en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Vaya a Capa > Nueva > Capa a través de Copiar.

O, para una forma mucho más rápida de duplicar una capa, simplemente presione el atajo de teclado Control+J (Victoria) / Comando+J (Mac). De cualquier manera duplica la capa de Fondo, y si miramos nuestra paleta de Capas, podemos ver que ahora tenemos dos capas. La capa Fondo, que contiene la imagen original, se encuentra segura en la parte inferior, y una copia de la imagen, que Photoshop ha denominado automáticamente 'Capa 1', se encuentra encima. Podemos ver lo que hay en la capa al observar el vista previa en miniatura a la izquierda de cada capa. En este caso, ambas capas muestran exactamente la misma imagen:

  La paleta de capas (panel) en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Aparece una copia de la imagen encima del original en la paleta Capas.

Paso 2: Convertir para filtros inteligentes

Para usar filtros inteligentes en una capa, primero debemos convertir la capa en una Objeto inteligente . Los objetos inteligentes se introdujeron por primera vez en Photoshop CS2 y los filtros inteligentes son esencialmente una extensión de ellos. No puede trabajar con filtros inteligentes sin convertir primero una capa en un objeto inteligente, así que para hacerlo, con 'Capa 1' seleccionada en la paleta Capas (las capas seleccionadas están resaltadas en azul), suba a la Filtrar menú en la parte superior de la pantalla y elija Convertir para filtros inteligentes :



  Convertir una capa en un filtro inteligente en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Vaya a Filtro > Convertir para filtros inteligentes.

Photoshop mostrará un cuadro de advertencia que nos dice lo que ya sabemos, que es que estamos convirtiendo la capa en un objeto inteligente:

  Un cuadro de advertencia de Photoshop. Imagen © 2009 Photoshop Essentials.com. Aparece un cuadro de advertencia que nos indica que estamos a punto de convertir la capa en un objeto inteligente.

Haga clic en Aceptar para cerrar el cuadro de advertencia. Parecerá que nada le ha pasado a la imagen en la ventana del documento, pero si volvemos a mirar la paleta Capas, podemos ver que la vista previa en miniatura de la 'Capa 1' ahora muestra un pequeño icono en la esquina inferior derecha. Este ícono nos dice que la capa ahora es un objeto inteligente:

  Aparece un icono de objeto inteligente en la vista previa en miniatura. Imagen © 2009 Photoshop Essentials.com. Aparece un pequeño icono de objeto inteligente en la esquina inferior derecha de la vista previa en miniatura de 'Capa 1'.

Paso 3: aplique el filtro de desenfoque de movimiento

Aplicar un filtro inteligente a un objeto inteligente en Photoshop no es diferente de aplicar un filtro normal a una capa normal, excepto que cuando aplica un filtro a un objeto inteligente, Photoshop convierte automáticamente el filtro en un filtro inteligente. Para ver lo que quiero decir, apliquemos nuestro primer filtro Motion Blur. Con la 'Capa 1' aún seleccionada, suba a la Filtrar menú, elige Difuminar y luego elija Desenfoque de movimiento :



  Selección del filtro Desenfoque de movimiento en el menú Filtro de Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Ve a Filtro > Desenfocar > Desenfoque de movimiento.

Esto abre el cuadro de diálogo del filtro Desenfoque de movimiento, que nos permite controlar tanto el ángulo como la distancia del desenfoque de movimiento. Para este primer desenfoque, voy a configurar el Ángulo a 90° , lo que me da rayas verticales borrosas. Luego, para ajustar la distancia del desenfoque, haré clic y arrastraré el Distancia deslizador en la parte inferior del cuadro de diálogo. Arrastrar el control deslizante hacia la derecha aumenta la longitud de las rayas borrosas, mientras que arrastrar hacia la izquierda disminuye su longitud. No hay un valor específico para ingresar aquí, ya que dependerá de su imagen y la intensidad del efecto que desea lograr, así que vigile su imagen para obtener una vista previa de los resultados mientras arrastra el control deslizante. Voy a establecer mi distancia en un valor de alrededor de 452 píxeles, lo que me da rayas bonitas y largas. Como estamos usando filtros inteligentes, no hay necesidad de preocuparse por hacer las cosas bien en este punto, ya que podemos volver atrás y cambiar la configuración del filtro tantas veces como queramos sin dañar la imagen de ninguna manera:

  El cuadro de diálogo del filtro Motion Blur en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Establezca el Ángulo del desenfoque de movimiento en 90°, luego ajuste la longitud de las rayas con el control deslizante Distancia.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar el efecto de filtro. Mi imagen ahora aparece como una serie de rayas verticales de color:

  La imagen después de aplicar el desenfoque de movimiento. Imagen © 2009 Photoshop Essentials.com. La imagen ahora aparece como rayas verticales de color.

Paso 4: cambie el modo de fusión a luz dura

Actualmente, las rayas borrosas en la 'Capa 1' están bloqueando completamente la vista de la imagen original en la capa de fondo. Lo que necesitamos es que las rayas se mezclen con la imagen original. Para eso, todo lo que tenemos que hacer es cambiar la capa modo de mezcla . Encontrará la opción de modo de fusión en la esquina superior izquierda de la paleta Capas. De forma predeterminada, está configurado en 'Normal'. Haga clic en la palabra 'Normal' o en las flechas a la derecha de la palabra, lo que abre una lista de modos de fusión adicionales. Elegir Luz dura de la lista:



  El modo de mezcla Hard Light en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Cambie el modo de fusión de 'Capa 1' de Normal a Hard Light.

Si recuerdas de nuestro Cinco modos de fusión esenciales para el tutorial de edición de fotos , el modo de fusión Hard Light es parte del grupo de modos de fusión Contraste, lo que significa que no solo fusiona las capas, sino que aumenta el contraste de la imagen al mismo tiempo. También pasa a aumentar la saturación de color. Aquí está mi imagen después de cambiar el modo de fusión a Hard Light:

  La imagen después de cambiar el modo de fusión a Hard Light. Imagen © 2009 Photoshop Essentials.com. El modo de fusión Hard Light combina capas al mismo tiempo que aumenta el contraste y la saturación de color.

También puedes probar el Cubrir modo de fusión para un efecto un poco más sutil, pero para la imagen que estoy usando aquí, Hard Light me da mejores resultados.



Hasta ahora, todo lo que hemos hecho con nuestro filtro inteligente parece no ser diferente de un filtro normal, pero aquí está la gran diferencia. Con los filtros normales, una vez que los aplicamos a una capa, realizamos cambios físicos y permanentes en los píxeles de esa capa. No hay forma de editar la configuración del filtro una vez que se ha aplicado el filtro, aparte de deshacer los pasos y volver a aplicar el filtro nuevamente. Con los filtros inteligentes, ese no es el caso. ¡Podemos regresar fácilmente y hacer cambios en la configuración del filtro en cualquier momento que queramos, con la frecuencia que queramos! Si miramos debajo de 'Capa 1' en la paleta Capas, podemos ver el Filtro inteligente de desenfoque de movimiento que acabamos de aplicar. Para recuperar su cuadro de diálogo en cualquier momento, simplemente haga doble clic en el nombre del filtro:

  El filtro inteligente de desenfoque de movimiento que aparece en la paleta Capas en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Haga doble clic en el nombre de un filtro inteligente en la paleta Capas para abrir su cuadro de diálogo y editar la configuración del filtro.

El cuadro de diálogo se abrirá instantáneamente, lo que le permitirá realizar los cambios que desee en la configuración. Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar la nueva configuración a la capa. Con los filtros inteligentes, somos libres de experimentar con diferentes filtros y configuraciones sin preocuparnos de que todo lo que hacemos sea permanente. ¡Incluso cuando hayamos terminado de crear nuestro efecto aquí, siempre puede regresar y probar diferentes configuraciones de ángulo y distancia para Motion Blurs para comparar diferentes resultados!



¡Aplicaremos rayas de desenfoque de movimiento adicionales a la imagen a continuación!

Paso 5: Duplicar 'Capa 1'

Tal como hicimos con la capa de fondo, creemos una copia de la 'Capa 1'. De nuevo, puede subir a la Capa menú, elige Nuevo y luego elija Capa a través de la copia , pero encontrará que el método abreviado de teclado para duplicar una capa, Control+J (Victoria) / Comando+J (Mac), es mucho más rápido y es uno de los atajos de Photoshop que definitivamente querrás memorizar. Podemos ver en la paleta Capas que ahora tenemos una copia de la 'Capa 1' sobre el original:

  Una copia de'Layer 1' is added in the Layers palette in Photoshop CS3. Image © 2009 Photoshop Essentials.com. Duplique rápidamente una capa en Photoshop presionando Ctrl+J (Win) / Comando+J (Mac).

Paso 6: edite la configuración del filtro inteligente Motion Blur

Hay dos cosas a tener en cuenta con la copia de 'Capa 1' que acabamos de crear. Primero, si observa la opción de modo de fusión en la esquina superior izquierda de la paleta Capas, verá que ya está configurada en Luz dura para nosotros, ya que esa es la configuración de 'Capa 1'. Sin embargo, lo que es más importante, si miramos debajo de la capa, podemos ver que nuestro Filtro inteligente de desenfoque de movimiento también se ha copiado. Actualmente, el filtro usa exactamente la misma configuración que aplicamos a la 'Capa 1', pero como aprendimos hace un momento, para editar la configuración de un filtro inteligente, simplemente haga doble clic en el nombre del filtro:

  Edición de la configuración del filtro inteligente Motion Blur en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Haga doble clic en el segundo Desenfoque de movimiento en la paleta Capas para editar su configuración.

Se abre el cuadro de diálogo Motion Blur y esta vez voy a configurar el Ángulo a -45° lo que me da rayas diagonales borrosas que van desde la parte superior izquierda hasta la parte inferior derecha. Voy a reducir la longitud de las rayas esta vez arrastrando el Distancia control deslizante un poco hacia la izquierda, pero siéntete libre de experimentar por tu cuenta vigilando la imagen en la ventana del documento mientras arrastras el control deslizante:

  El cuadro de diálogo Motion Blur en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Los filtros inteligentes nos permiten editar la configuración del filtro en cualquier momento sin realizar cambios permanentes en la imagen.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar la segunda configuración de Desenfoque de movimiento. Aquí está mi imagen ahora con dos desenfoques de movimiento aplicados, cada uno configurado en un ángulo diferente:

  La foto ahora con dos filtros Motion Blur aplicados. Imagen © 2009 Photoshop Essentials.com. Ambas capas ahora tienen su propia copia separada del filtro Motion Blur, cada una con diferentes configuraciones.

Nuevamente, si en algún momento desea probar diferentes configuraciones para cualquiera de los filtros Motion Blur, simplemente haga doble clic en su nombre en la paleta Capas para volver a abrir su cuadro de diálogo y realizar sus cambios.

Paso 7: crea otra copia de la capa

Agreguemos un Motion Blur más al efecto. Primero, presione Control+J (Victoria) / Comando+J (Mac) para crear una copia de, bueno, la copia que creamos en el Paso 5. Ahora debería tener cuatro capas en la paleta Capas, con la capa más nueva ('Capa 1 copia 2') en la parte superior. Normalmente, recomendaría cambiar el nombre de las capas a algo más descriptivo, pero en este caso, dado que solo estamos trabajando con unas pocas capas, no es realmente necesario.

Tal como vimos en el paso 6, tanto el modo de fusión como el filtro inteligente de desenfoque de movimiento se han copiado con la capa:

  Agregar otra copia de la capa en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. La paleta Capas ahora contiene la capa Fondo original más tres copias que se encuentran encima.

Paso 8: edite la configuración del filtro inteligente Motion Blur

Haga doble clic en el último filtro de desenfoque de movimiento en la paleta Capas para abrir su cuadro de diálogo:

  Haciendo doble clic en el filtro inteligente de desenfoque de movimiento en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Cada una de las tres copias de la capa Fondo ahora tiene su propio Filtro inteligente de desenfoque de movimiento.

Para este tercer Motion Blur, configuraré mi Ángulo a 45° lo que me da rayas diagonales una vez más, pero esta vez desde la parte inferior izquierda hasta la parte superior derecha. También reduciré un poco más la longitud de las rayas borrosas arrastrando el Distancia control deslizante hacia la derecha, pero nuevamente, no dude en elegir la configuración que mejor se adapte a su imagen:

  Edición de la tercera configuración del filtro inteligente Motion Blur en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Edite la tercera configuración de Desenfoque de movimiento.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. Aquí está mi imagen después de aplicar el tercer Motion Blur:

  La foto con tres filtros inteligentes Motion Blur aplicados en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Ahora se han aplicado tres filtros de desenfoque de movimiento a la imagen y se pueden editar en cualquier momento.

A continuación, terminaremos agrupando capas y enmascarando parte del efecto de desenfoque.

Paso 9: Agrupe las tres capas superiores juntas

Voy a terminar mi efecto de 'resplandor pictórico' enmascarando parte de él para revelar la foto original debajo. Dado que el efecto se distribuye en tres capas, lo más fácil es agrupar las tres capas y luego agregar una máscara de capa a todo el grupo. Primero, necesitaremos seleccionar las tres capas a la vez, así que haga clic en la capa superior en la paleta Capas para seleccionarla si aún no está seleccionada. Luego mantenga presionada su Cambio clave y haga clic en 'Capa 1' directamente encima de la capa de fondo. Esto seleccionará ambas capas, así como la capa intermedia. Debería ver las tres capas sobre la capa de fondo resaltadas en azul:

  Selección de varias capas a la vez en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Haga clic en la capa superior, luego mantenga presionada la tecla Mayús y haga clic en 'Capa 1' para seleccionar las tres capas sobre la capa de fondo.

Con las tres capas seleccionadas, sube a la Capa menú y elige Capas de grupo :

  Seleccionando el comando Agrupar capas en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Ve a Capa > Agrupar capas.

Parecerá que nada le ha pasado a la imagen en la ventana del documento, pero podemos ver en la paleta Capas que ahora tenemos un grupo de capas llamado 'Grupo 1'. Los grupos de capas están representados por un icono de carpeta, y las tres capas que seleccionamos hace un momento ahora están dentro de la carpeta (el grupo):

  Un grupo de capas en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Agrupar capas en Photoshop es una manera fácil de enmascarar varias capas a la vez.

Paso 10: agregue una máscara de capa al grupo

Con el grupo de capas seleccionado, haga clic en el Máscara de capa icono en la parte inferior de la paleta Capas. Es el ícono que parece un rectángulo con un círculo recortado en el medio:

  Adición de una máscara de capa a un grupo de capas en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Haga clic en el icono de máscara de capa.

Esto agrega una máscara de capa al grupo. Aunque en realidad no podemos ver la máscara en la ventana del documento, sabemos que la máscara se agregó porque podemos ver una miniatura de vista previa de máscara de capa entre el icono de la carpeta y el nombre del grupo en la paleta Capas:

  Se ha agregado una máscara de capa al grupo de capas en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. El grupo de capas ahora muestra una miniatura de vista previa de la máscara en la paleta Capas.

Paso 11: seleccione la herramienta de degradado

Toma el Herramienta gradiente desde la paleta Herramientas, o simplemente presione la letra GRAMO para seleccionarlo con el atajo de teclado:

  Selección de la herramienta Degradado de la paleta de herramientas en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Seleccione la herramienta Degradado.

Paso 12: seleccione un degradado radial de negro a blanco

Con la herramienta Degradado seleccionada, el Barra de opciones en la parte superior de la pantalla cambiará para mostrar opciones para trabajar con degradados. Haga clic en la pequeña flecha que apunta hacia abajo a la derecha de la área de vista previa de degradado , que abre un cuadro de selección de degradado, y seleccione el degradado de negro a blanco , tercer degradado desde la izquierda, fila superior:

  Selección de un degradado de negro a blanco en Photoshop CS3. Imagen © 2009 Photoshop Essentials.com. Seleccione el degradado de negro a blanco.

A la derecha del área de vista previa del degradado hay una serie de iconos que nos permiten elegir entre diferentes formas de degradado. Haga clic en el Gradiente radial el segundo desde la izquierda, para seleccionarlo:

  Seleccionando la opción Degradado radial de la barra de opciones en Photoshop. Imagen © 2009 Photoshop Essentials.com. Elija un degradado radial de la barra de opciones.

Paso 13: dibuja un degradado radial en la máscara de capa

Asegúrese de que la miniatura de la vista previa de la máscara de capa esté seleccionada en la paleta Capas. Debería ver un borde resaltado en blanco a su alrededor, lo que indica que está seleccionado. De lo contrario, haga clic en la miniatura para seleccionarla. Luego haga clic y arrastre un degradado radial de negro a blanco en la máscara de capa. El lugar donde haga clic por primera vez se convertirá en el punto central del degradado. En este punto, el efecto de 'resplandor pictórico' estará completamente oculto a la vista, lo que permitirá que se vea la imagen original en la capa Fondo debajo de ella. A medida que se aleje del punto central en todas las direcciones, se verá cada vez más el efecto de brillo, volviéndose 100% visible en el borde exterior del degradado.

En mi caso, voy a hacer clic cerca del centro de la imagen, que se convertirá en el punto central del degradado, luego arrastraré hacia el borde de las flores para establecer el tamaño del degradado:

  Arrastrando un degradado radial en Photoshop. Imagen © 2009 Photoshop Essentials.com. Haga clic y arrastre un degradado radial para establecer el área de transición entre la imagen original y el efecto de brillo.

Cuando suelto el botón del mouse, Photoshop dibuja el degradado en la máscara de capa. Si miramos la vista previa en miniatura de la máscara en la paleta Capas, podemos ver el degradado radial que se creó:

  La vista previa en miniatura de la máscara de capa que muestra el degradado radial. Imagen © 2009 Photoshop Essentials.com. El degradado en sí es visible en la miniatura de vista previa de la máscara.

Y aquí, después de enmascarar parte del efecto para permitir que se vea parte de la imagen original, está mi efecto final de 'resplandor pictórico':

  Efecto de brillo pictórico de Photoshop. Imagen © 2009 Photoshop Essentials.com. El efecto final.