Cómo crear un borde difuminado en Photoshop

La viñeta es un efecto clásico y atemporal que oscurece los bordes de una foto para enfocar y llamar la atención sobre el sujeto. Las viñetas también pueden darle a una foto un aspecto vintage o nostálgico, o agregar una sensación de misterio o drama.

Y con Live Gradients en Photoshop 2023, crear efectos de viñeta nunca ha sido tan fácil. El término Gradiente Vivo significa que todas las propiedades del gradiente, incluido el color, el tamaño y la posición, permanecen editables después de dibujar el gradiente.

Al combinar la flexibilidad de Live Gradients con el degradado clásico de primer plano a transparente de Photoshop, podemos agregar un efecto de viñeta con control total sobre el aspecto de ese efecto.

Paso 1: Reducir la imagen

Primero, aleje la imagen para agregar algo de espacio alrededor. Necesitaremos espacio al dibujar el degradado.

Para alejar, vaya al menú Ver en la barra de Menú y seleccione el comando Alejar .

Cómo crear un borde difuminado en Photoshop
Vaya a Ver > Alejar.

Verá algunas áreas de cartón gris alrededor de la foto.

Cómo crear un borde difuminado en Photoshop
Resultado después de encoger en Photoshop

Paso 2: Seleccionar la herramienta Degradado

A continuación, seleccione la herramienta Degradado en la barra de herramientas.

Cómo crear un borde difuminado en Photoshop
Seleccione la herramienta Degradado de la barra de herramientas de Photoshop.

Paso 3: Establezca el color de primer plano en negro

Aún en la barra de herramientas, asegúrese de que el color de primer plano esté configurado en negro.

De lo contrario, presione D en su teclado para restablecer los colores de primer plano y de fondo a los valores predeterminados (negro para primer plano y blanco para fondo).

Cómo crear un borde difuminado en Photoshop
Muestra de color de primer plano en la barra de herramientas de Photoshop.

Paso 4: Establezca el modo de herramienta en degradado

Luego, en la barra de opciones, asegúrese de que el Modo de herramienta (nuevo a partir de Photoshop 2023) esté configurado en Degradado, que es el predeterminado.

El degradado es la configuración que necesitamos para dibujar un degradado en vivo. La otra opción, Degradado clásico, obliga a la herramienta Degradado a comportarse como lo hacía en versiones anteriores de Photoshop, lo que no funcionará para nuestro efecto de viñeta.

Cómo crear un borde difuminado en Photoshop
El modo de herramienta debe configurarse en degradado.

Paso 5: Seleccione el degradado de primer plano a transparente

Para crear el efecto de viñeta, necesitamos el degradado de Primer plano a Transparente de Photoshop.

Entonces haga clic en la muestra de degradado para abrir el selector de ajustes preestablecidos de degradado.

Cómo crear un borde difuminado en Photoshop
Haga clic en la muestra de degradado para abrir el selector de ajustes preestablecidos de degradado en Photoshop

Gire para abrir la carpeta Básico y seleccione el degradado de Primer plano a Transparente (miniatura en el medio).

Luego presione Enter en una PC con Windows o Retorno en una Mac para cerrar el selector de ajustes preestablecidos.

Cómo crear un borde difuminado en Photoshop
Seleccionar primer plano a degradado transparente en Photoshop

Paso 6: Establezca el estilo de degradado en Lineal

Junto a la barra de vista previa del degradado se encuentran los íconos de Estilo de degradado.

Para este efecto de viñeta, elija el estilo Radial (segundo ícono desde la izquierda), que dibujará el degradado hacia afuera desde su centro.

Cómo crear un borde difuminado en Photoshop
Establezca el tipo de degradado en Radial en Photoshop.

Paso 7: Activa la opción Revertir

También en la barra de opciones, habilite la opción Revertir haciendo clic en su casilla de verificación.

Si omite este paso, el efecto de viñeta no funcionará.

Cómo crear un borde difuminado en Photoshop
Invierta la dirección del gradiente.

Deje la opción Tramado habilitado y el Método establecido en Perceptual. Ambas son configuraciones predeterminadas. Y ahora estamos listos para dibujar el degradado.

Cómo crear un borde difuminado en Photoshop
Opciones de tramado y método predeterminadas para la herramienta Degradado en Photoshop.

Paso 8: Dibuja un degradado radial para agregar el efecto de viñeta inicial

Haga clic y mantenga presionada la imagen donde desea que aparezca el centro del efecto de viñeta. No te preocupes por conseguir la ubicación correcta porque con los degradados en vivo podemos reposicionar el degradado después de dibujarlo.

Luego, manteniendo presionado el botón del mouse, arrastre desde esa posición para extender el degradado hacia afuera.

El centro del degradado es transparente, lo que permite que la imagen que se encuentra debajo se vea a medida que el degradado se desvanece a negro en el borde exterior.

Cómo crear un borde difuminado en Photoshop
Comience a dibujar un degradado de Primer plano a Transparente en toda la imagen.

Si ves negro en el medio y transparencia en los bordes es porque olvidaste habilitar la opción Revertir en el paso anterior. Entonces, habilite esta opción.

Cómo crear un borde difuminado en Photoshop
El degradado aparece en la dirección incorrecta si no se selecciona Invertir.

Luego continúa dibujando el degradado hacia afuera. Generalmente, lo que se desea es extender el degradado más allá de los bordes de la imagen para que las esquinas no se vean demasiado oscuras (razón por la cual se redujo la escala de la imagen en el paso 1).

Cómo crear un borde difuminado en Photoshop
Extiende el degradado más allá de los bordes de la imagen.

En el panel Capas, el degradado aparece en su propia capa Relleno de degradado. Esto mantiene el degradado y la imagen separados para que podamos editar el degradado a continuación.

Cómo crear un borde difuminado en Photoshop
El panel Capas de Photoshop que muestra la nueva capa de Relleno degradado.

Paso 9: Reposicione el efecto de viñeta alrededor del sujeto

Ahora que has dibujado el degradado, puedes reposicionarlo arrastrando el tope de color circular en el medio. Esto hace que sea fácil centrar la viñeta alrededor del sujeto o colocarla donde desees. Por ejemplo, arrastre el centro del degradado un poco hacia la derecha.

Cómo crear un borde difuminado en Photoshop
Mueva el centro del degradado para reposicionar el efecto de viñeta.

Después de mover el degradado, es posible que tengas que cambiar su tamaño arrastrando el tope de color en el borde exterior. El ejemplo lo ampliará un poco más.

Cómo crear un borde difuminado en Photoshop
Cambiar el tamaño del degradado después de reposicionarlo.

Paso 10: Expande el área transparente en el medio

Si el efecto de viñeta hace que el sujeto sea demasiado oscuro, puedes extender el área transparente en el medio del degradado.

Vaya al panel Propiedades y desplácese hacia abajo hasta Controles de opacidad . Es posible que tengas que girarlos para abrirlos.

Cómo crear un borde difuminado en Photoshop
Controles de opacidad en el panel Propiedades de Photoshop.

Luego haga clic en el tope de transparencia blanco a la derecha y comience a arrastrar hacia la izquierda, pero mantenga la vista en la imagen.

Cómo crear un borde difuminado en Photoshop
Arrastre el tope de transparencia blanco hacia la izquierda.

Cuanto más arrastre, más se alejará la transparencia del centro, lo que obligará a las áreas oscuras a acercarse a los bordes y restaurar el brillo original del objeto.

Cómo crear un borde difuminado en Photoshop
Las partes oscuras del gradiente se han acercado al borde.

Paso 11: Cambia el color del efecto de viñeta

Usar el color negro para el efecto de viñeta puede hacer que el efecto luzca opaco. Para seleccionar un color diferente, haga doble clic en el punto de color en el borde exterior del degradado.

Cómo crear un borde difuminado en Photoshop
Haga doble clic en un punto de color exterior para cambiar el color.

Luego, seleccione un nuevo color del Selector de color o haga clic en un área de la imagen para tomar una muestra del color.

Cómo crear un borde difuminado en Photoshop
Colores de muestra de una imagen para utilizar en el efecto de viñeta.

Luego, como el ejemplo utiliza este color para crear un efecto de oscurecimiento, seleccionará una versión mucho más oscura y saturada en el Selector de color.

Haga clic en Aceptar para cerrar el Selector de color cuando haya terminado.

Cómo crear un borde difuminado en Photoshop
Seleccione una versión oscura y saturada del color muestreado.

Ahora que el degradado se torna marrón oscuro en lugar de negro, el efecto de viñeta se ve un poco más sutil y natural.

El nuevo color elegido todavía es demasiado oscuro para el gusto del autor, pero permitirá ver mejor el siguiente paso, ya que el artículo muestra cómo ocultar el efecto de viñeta en la sección clara.

Cómo crear un borde difuminado en Photoshop
Resultado después de cambiar el color del efecto de viñeta.

Paso 12: Restaurar el brillo en las altas luces

Un problema con el efecto viñeta es que oscurece las partes brillantes. Con la imagen de ejemplo, esto es muy visible en el cielo.

Para reducir el efecto de viñeta en las áreas brillantes, haga clic en el ícono fx en la parte inferior del panel Capas.

Cómo crear un borde difuminado en Photoshop
Haga clic en el icono fx en el panel Capas de Photoshop.

Luego, seleccione Opciones de fusión en la parte superior de la lista.

Cómo crear un borde difuminado en Photoshop
Abrir Opciones de fusión.

En la parte inferior del cuadro de diálogo Estilo de capa , busque el control deslizante Capa subyacente (la parte inferior de las dos barras).

Cómo crear un borde difuminado en Photoshop
Control deslizante de capa subyacente en Photoshop.

Debajo a la derecha de la barra hay un control deslizante resaltado en blanco.

Cómo crear un borde difuminado en Photoshop
Control deslizante de resaltado.

Mantenga presionada la tecla Alt en una PC con Windows o la tecla Opción en una Mac. Luego mantenga presionada la tecla de flecha, haga clic y arrastre hacia el lado derecho.

Cómo crear un borde difuminado en Photoshop
Ajuste el control deslizante.

Preste atención a la imagen mientras continúa arrastrando hacia la izquierda. Cuanto más arrastre, más resaltados se restaurarán, así que ajuste el control deslizante según sea necesario.

Cómo crear un borde difuminado en Photoshop
Arrastre el control deslizante para restaurar los resaltados.

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa cuando haya terminado.

Y ahora la viñeta apenas es visible en el cielo (puntos brillantes) mientras todavía se oscurecen los bordes y las esquinas en la mitad inferior de la imagen.

Cómo crear un borde difuminado en Photoshop
Los aspectos destacados ahora se muestran a través de un efecto de viñeta.

Paso 13: Cambia el modo de fusión a Luz suave

Otra forma de hacer que la viñeta se vea más natural es cambiar el modo de fusión en el panel Capas.

Con la capa Relleno degradado activa, cambie el modo de fusión de Normal a Luz suave .

Cómo crear un borde difuminado en Photoshop
Cambie el modo de fusión de la capa Relleno degradado a Luz suave.

Mientras que el modo de fusión Normal (predeterminado) simplemente oscurece la imagen, Luz suave es más como un efecto de iluminación, que combina mejor el desenfoque y la imagen.

Cómo crear un borde difuminado en Photoshop
Cambie el modo de fusión de la capa Relleno degradado a Luz suave.

Paso 14: Ajuste el tamaño o la posición del efecto si es necesario

Realice los ajustes finales en el tamaño o la posición del efecto de transición arrastrando los puntos de color.

Cómo crear un borde difuminado en Photoshop
Realice los ajustes finales en el tamaño y la posición del efecto de viñeta.

Paso 15: Desenfoca el efecto de viñeta reduciendo la Opacidad

Por último, si el efecto de viñeta parece demasiado fuerte, puedes suavizar el desenfoque reduciendo la Opacidad de la capa Relleno de degradado en el panel Capas.

Por ejemplo, reduzca la opacidad al 80%.

Cómo crear un borde difuminado en Photoshop
Realice los ajustes finales en el tamaño y la posición del efecto de viñeta.

Cómo ocultar los controles de degradado en vivo

Para ocultar los controles de degradado y obtener una mejor vista del efecto de viñeta, seleccione la capa Fondo en el panel Capas para anular la selección de la capa Relleno de degradado.

Cómo crear un borde difuminado en Photoshop
Al volver a seleccionar la capa Relleno de degradado, volverán los controles de degradado.

Oculte los controles de degradado seleccionando otra capa.

Y aquí está el efecto de viñeta final.

Efecto de viñeta añadido a la foto usando Photoshop.

Cómo crear un borde difuminado en Photoshop

Ver también:

Sign up and earn $1000 a day ⋙

Leave a Comment

¿Qué es PAI en Mi Band 5? ¿Cómo utilizar PAI?

¿Qué es PAI en Mi Band 5? ¿Cómo utilizar PAI?

Desde Mi Band 5, Xiaomi ha agregado una función de medición del índice corporal PAI. Entonces, ¿qué es este índice? ¿Cómo usarlo?

El último código del testamento de Hashira

El último código del testamento de Hashira

Code Will of Hashira es para aquellos que son nuevos en el juego para obtener recompensas, incluyendo dinero, gemas, tickets de invocación de personajes, experiencia de héroe...

La incompatibilidad de los sistemas en Pokémon GO

La incompatibilidad de los sistemas en Pokémon GO

Al jugar Pokémon Go, los jugadores deben prestar atención a los sistemas conflictivos para asegurar su victoria cuando luchan contra otros Pokémon. Este artículo te proporcionará los contadores completos de diferentes tipos de Pokémon, ayudándote a asegurar la victoria.

Cómo desactivar la solicitud de verificación en iPhone al instalar aplicaciones gratuitas

Cómo desactivar la solicitud de verificación en iPhone al instalar aplicaciones gratuitas

Ver el mensaje "Verificación requerida" cada vez que deseas instalar una aplicación desde la App Store puede ser molesto, especialmente cuando la aplicación es gratuita. A continuación te explicamos cómo desactivar esos molestos mensajes de verificación en tu iPhone.

Arreglar la falta de señal de video cuando el televisor está conectado a través de HDMI

Arreglar la falta de señal de video cuando el televisor está conectado a través de HDMI

Es frustrante conectar un cable HDMI a un televisor y no obtener ninguna imagen. Afortunadamente, la mayoría de las soluciones son sencillas y económicas.

Las 6 mejores aplicaciones para instalar en Smart TV

Las 6 mejores aplicaciones para instalar en Smart TV

Si bien puedes usarlo para jugar juegos en tu consola o mirar películas o programas en tu plataforma de transmisión, canal de TV o suscripción de cable favorita, ¿sabías que puede hacer mucho más?

Apple podría estar preparándose para integrar Gemini en Apple Intelligence

Apple podría estar preparándose para integrar Gemini en Apple Intelligence

El código encontrado en la versión beta recién lanzada de iOS 18.4 sugiere que Apple está preparando una alternativa a la integración de ChatGPT en Apple Intelligence, probablemente Google Gemini.

Cómo crear un borde difuminado en Photoshop

Cómo crear un borde difuminado en Photoshop

La viñeta es un efecto clásico y atemporal que oscurece los bordes de una foto para enfocar y llamar la atención sobre el sujeto.

Último código de Black Goddess y cómo canjearlo

Último código de Black Goddess y cómo canjearlo

Si desea recibir diamantes, generales SSR, billetes de lotería junto con muchos otros artículos, use el código Black Goddess y canjee las recompensas.

Consejos para jugar a Doggo Go hasta el nivel 2, cómo jugar a Doggo Go nivel 2

Consejos para jugar a Doggo Go hasta el nivel 2, cómo jugar a Doggo Go nivel 2

Actualmente Doggo Go es un juego móvil en el que solo el 1% de los jugadores del mundo pueden pasar el nivel 2.

Apple Watch Ultra 3 podría ser el primer reloj inteligente con conectividad satelital

Apple Watch Ultra 3 podría ser el primer reloj inteligente con conectividad satelital

Se dice que el Apple Watch Ultra 3 contará con una nueva herramienta de comunicación única. Mark Gurman de Bloomberg acaba de revelar nuevos y emocionantes detalles sobre el próximo reloj inteligente.

Principales búsquedas de tendencia en 2024

Principales búsquedas de tendencia en 2024

Para ver qué es lo que despierta curiosidad en el mundo este año, consulte el Año en Búsquedas de Google, que se lanzó el 11 de diciembre de 2024.

Samsung trae una excelente función de grabación de video de los teléfonos Pixel al Galaxy

Samsung trae una excelente función de grabación de video de los teléfonos Pixel al Galaxy

La calidad del vídeo capturado a través de cámaras de teléfonos inteligentes en general ha mejorado drásticamente en los últimos años.

Cómo tratar las ampollas en los pies al caminar mucho y usar zapatos ajustados

Cómo tratar las ampollas en los pies al caminar mucho y usar zapatos ajustados

¿Qué hacer si te salen ampollas en los pies por usar zapatos? Este artículo le guiará a través del proceso de tratamiento de las ampollas en los pies causadas por el uso de zapatos.

Opción múltiple sobre conocimientos científicos generales

Opción múltiple sobre conocimientos científicos generales

Los cuestionarios de ciencias de la vida te ayudarán a consolidar y ampliar tu conocimiento del mundo. ¡Respondamos las preguntas de conocimientos generales a continuación!