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:

Leave a Comment

Solución de problemas de actualizaciones de error H en Microsoft Teams

Solución de problemas de actualizaciones de error H en Microsoft Teams

¿Tiene problemas con el Error H de Microsoft Teams durante las actualizaciones? Descubra cómo solucionar el Error H de Microsoft Teams, sus causas comunes y soluciones rápidas para restablecer una colaboración fluida. Actualizado con las últimas soluciones.

Solución de problemas de errores de llavero en Microsoft Teams para Mac

Solución de problemas de errores de llavero en Microsoft Teams para Mac

¿Tienes problemas con el llavero de errores de Microsoft Teams para Mac? Descubre soluciones paso a paso y probadas para macOS y recupera una colaboración fluida. ¡Soluciones rápidas en el interior!

Cómo solucionar el error 1200 de Microsoft Teams en tu teléfono (iOS/Android)

Cómo solucionar el error 1200 de Microsoft Teams en tu teléfono (iOS/Android)

¿Cansado de que el error 1200 de Microsoft Teams bloquee tus llamadas? Descubre soluciones rápidas y paso a paso para iOS y Android y vuelve a trabajar en equipo sin problemas rápidamente, ¡sin necesidad de conocimientos técnicos!

¿Por qué falló mi grabación en Microsoft Teams? Razones comunes

¿Por qué falló mi grabación en Microsoft Teams? Razones comunes

¿Frustrado porque tu grabación de Microsoft Teams falló? Descubre las razones más comunes, como problemas de permisos, límites de almacenamiento y fallos de red, además de soluciones paso a paso para evitar futuros fallos y grabar siempre de forma impecable.

¿Por qué no puedo ver las salas de grupos pequeños en mi reunión de Teams?

¿Por qué no puedo ver las salas de grupos pequeños en mi reunión de Teams?

¿Frustrado porque las salas de reuniones no aparecen en tu reunión de Teams? Descubre las principales razones por las que no puedes verlas en Teams y sigue nuestras soluciones paso a paso para que funcionen correctamente en minutos. ¡Ideal tanto para organizadores como para participantes!

Solución de errores de red de Microsoft Teams en redes Wi-Fi públicas

Solución de errores de red de Microsoft Teams en redes Wi-Fi públicas

¿Tienes problemas con un error de red de Microsoft Teams en una red Wi-Fi pública? Obtén soluciones instantáneas como ajustes de VPN, comprobaciones de puertos y borrado de caché para restaurar llamadas y reuniones sin problemas. Guía paso a paso para una solución rápida.

¿Dónde está la papelera de reciclaje de Microsoft Teams? Cómo recuperar archivos borrados

¿Dónde está la papelera de reciclaje de Microsoft Teams? Cómo recuperar archivos borrados

¿Perdiste archivos importantes en Microsoft Teams? Descubre la ubicación exacta de la Papelera de reciclaje de Microsoft Teams y sigue nuestros pasos comprobados para recuperar archivos eliminados de forma rápida y sencilla, ¡sin necesidad de conocimientos técnicos!

Cómo configurar el estado Fuera de oficina en Microsoft Teams

Cómo configurar el estado Fuera de oficina en Microsoft Teams

Descubre cómo configurar el estado "Fuera de oficina" en Microsoft Teams con sencillos pasos para escritorio, móvil y sincronización con Outlook. Mantén la profesionalidad mientras estás fuera: ¡configuración rápida en minutos!

Dónde encontrar el código QR de Microsoft Teams para iniciar sesión rápidamente en dispositivos móviles

Dónde encontrar el código QR de Microsoft Teams para iniciar sesión rápidamente en dispositivos móviles

Descubre exactamente dónde encontrar el código QR de Microsoft Teams para iniciar sesión móvil ultrarrápido. Guía paso a paso con imágenes para conectarte en segundos, ¡sin necesidad de contraseñas!

Solución del error al unirse a una reunión en Microsoft Teams mediante un enlace directo

Solución del error al unirse a una reunión en Microsoft Teams mediante un enlace directo

¿Tienes problemas con el error al unirte a una reunión de Microsoft Teams? Descubre pasos comprobados para solucionarlo mediante enlaces directos. Soluciones rápidas para unirte sin problemas, ¡sin necesidad de conocimientos técnicos!

Cómo instalar el complemento de Microsoft Teams para Outlook 2026

Cómo instalar el complemento de Microsoft Teams para Outlook 2026

Domine la instalación del complemento de Microsoft Teams para Outlook 2026 sin esfuerzo. Aumente su productividad con una programación y reuniones fluidas. ¡Siga nuestros pasos probados y actualizados para un éxito inmediato!

¿Dónde está mi calendario de Teams? Solución de problemas de sincronización

¿Dónde está mi calendario de Teams? Solución de problemas de sincronización

¿Frustrado por "¿Dónde está mi calendario de Teams?"? Soluciona los problemas de sincronización en Microsoft Teams paso a paso. Restaura la vista de tu calendario y sincroniza sin esfuerzo: ¡consejos de expertos incluidos!

Cómo solucionar el error de inicio de sesión de Microsoft Teams en Chromebooks

Cómo solucionar el error de inicio de sesión de Microsoft Teams en Chromebooks

¿Tienes problemas con el inicio de sesión de Microsoft Teams en Chromebooks? Descubre soluciones paso a paso para resolver problemas de inicio de sesión rápidamente. Borra la caché, actualiza apps y mucho más para trabajar en equipo sin problemas. ¡Funciona con la última versión de Chrome OS!

Cómo cambiar tu foto de perfil de Microsoft Teams en iPhone y Android

Cómo cambiar tu foto de perfil de Microsoft Teams en iPhone y Android

Descubre la forma más sencilla de cambiar tu foto de perfil de Microsoft Teams en iPhone y Android. Guía paso a paso con capturas de pantalla para actualizaciones fluidas en la última versión de la app. ¡Mejora tu imagen profesional hoy mismo!

Solución de problemas de Microsoft Teams hoy: Qué comprobar primero

Solución de problemas de Microsoft Teams hoy: Qué comprobar primero

¿Te encuentras con un error en Microsoft Teams hoy? Esta guía paso a paso para la solución de problemas de Microsoft Teams te muestra las primeras comprobaciones para resolverlo rápidamente. Soluciones rápidas para la conectividad, la caché y las actualizaciones para que puedas volver a chatear sin problemas.