Home
» Wiki
»
Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
¿Necesitas difuminar una imagen en un color de fondo para agregar espacio para texto u otros elementos de diseño? En este tutorial, veremos la forma más nueva y sencilla de difuminar una imagen a un color de fondo en Photoshop, que es utilizando degradados vivos.
Los degradados vivos incluyen todo lo relacionado con el efecto de degradado (color, ángulo, etc.) que se puede cambiar una vez creado el efecto de degradado. Y cuando combinamos ese efecto con el efecto de degradado de primer plano a transparente de Photoshop, tenemos una forma rápida y sencilla de desvanecer una imagen a cualquier color que necesitemos. ¡Veamos cómo funciona este efecto!
Paso 1: Crea un nuevo documento de Photoshop
Comencemos creando un nuevo documento. Si está en la pantalla principal, haga clic en el botón Nuevo archivo .
Haga clic en el botón Nuevo archivo en la pantalla principal.
O desde la interfaz principal de Photoshop, vaya al menú Archivo y seleccione Nuevo .
Seleccione el comando Nuevo del menú Archivo.
En el cuadro de diálogo Nuevo documento, ingrese la configuración para su documento.
Esta guía establecerá:
El ancho es de 3000 píxeles
La altura es de 1600 píxeles.
La resolución es de 300 píxeles/pulgada.
El fondo es blanco
Instalar nuevo documento.
Luego haga clic en el botón Crear .
Crear un nuevo documento de Photoshop
Aparecerá el nuevo documento.
Nuevo documento de Photoshop.
Si es necesario, amplíe el documento yendo al menú Ver y seleccionando Ajustar a la pantalla .
Seleccione la vista Ajustar a la pantalla en Photoshop.
Paso 2: Coloque la imagen en el documento
Agregue una imagen a su documento yendo al menú Archivo y seleccionando Colocar incrustado .
Seleccione el comando Colocar incrustado en Photoshop
Navegue hasta donde está almacenada la imagen en su computadora, haga clic en la imagen para seleccionarla y haga clic en Colocar .
Seleccione una imagen para colocar en el documento.
Photoshop coloca la imagen en el lienzo. También agrega controles de Transformación libre alrededor de la imagen para que puedas cambiar su tamaño si es necesario y moverla a la posición correcta.
Paso 3: Reposiciona la imagen en el lienzo
Mueva la imagen hacia la izquierda o hacia la derecha del lienzo para dejar espacio para el color. Mantenga presionada la tecla Shift en su teclado mientras arrastra para facilitar el movimiento de la imagen horizontalmente.
Por ejemplo, desea que el sujeto aparezca en el lado derecho del lienzo y se desvanezca en color en el lado izquierdo. Entonces la imagen se arrastrará hacia la derecha.
Arrastre la imagen hacia un lado del lienzo.
Luego haga clic en la marca de verificación en la barra de opciones para aceptar y cerrar la Transformación libre.
Haga clic en la marca de verificación.
En el panel Capas, la imagen aparece en su propia capa encima de la capa Fondo.
El panel Capas muestra la nueva capa de imagen.
Paso 4: Seleccionar la herramienta Degradado
Para difuminar la imagen a cualquier color, seleccione la herramienta Degradado en la barra de herramientas.
Seleccione la herramienta Degradado en Photoshop
Luego, en la barra de opciones, asegúrese de que el Modo de herramienta esté configurado en Degradado , lo que nos permitirá dibujar un degradado en vivo. Si se configura en Degradado clásico , dibujará el estilo de degradado antiguo sin ninguna función de degradado en vivo.
Establezca el modo de la herramienta Degradado en Degradado.
Paso 5: Seleccione el degradado de primer plano a transparente
Aún en la barra de opciones, haga clic en la muestra de degradado.
Haga clic en la muestra de degradado
Luego, gira para abrir la carpeta Básico y selecciona el degradado de Primer plano a Transparente . Presione Enter o Retorno en su Mac para aceptar.
Seleccionar primer plano a degradado transparente en Photoshop
Asegúrese de que el Estilo de degradado esté configurado en Lineal porque queremos dibujar el degradado en una línea recta. Asegúrese también de que la opción Invertir esté desactivada, que la opción Tramado esté activada para ayudar a reducir las bandas de color y que el método esté configurado en Perceptual.
Otras configuraciones de la herramienta Degradado.
Paso 6: Elige un color para desenfocar la imagen
Seleccione un color para el degradado haciendo clic en la muestra de color de primer plano en la barra de herramientas.
Haga clic en la muestra de color de primer plano.
Éste será el color al que se desvanecerá la imagen. Dado que estamos dibujando un degradado en vivo, siempre puedes regresar y cambiar los colores más tarde.
El ejemplo seleccionará el blanco por ahora (establece todos los valores R, G y B en 255). Luego haga clic en Aceptar para cerrar el Selector de color.
Elija un color de desvanecimiento en el Selector de color de Photoshop.
Paso 7: Dibujar degradado en la imagen
Haga clic y mantenga presionada la imagen para establecer el punto de inicio del degradado. El ejemplo comenzará cerca del borde izquierdo de la imagen.
Haga clic y mantenga presionado el punto de inicio del degradado.
A continuación, mantenga pulsado el botón del ratón y comience a arrastrar desde ese punto. Mantenga presionada la tecla Shift en su teclado mientras arrastra para que sea más fácil arrastrar en línea recta.
Una ventaja de los degradados en vivo sobre los degradados clásicos es que podemos obtener una vista previa del degradado mientras dibujamos.
Arrastre el degradado a través de la imagen.
No te preocupes por obtener el gradiente exactamente ahora. Simplemente dibuje el degradado inicial y suelte el botón del mouse.
El color inicial se desvanece después de completarse el degradado.
En el panel Capas, el degradado se agrega a su propia capa de Relleno de degradado sobre la imagen, manteniendo el degradado y la imagen separados.
El degradado vivo se agrega como capa de relleno de degradado.
Paso 8: Ajuste los puntos de inicio y final del efecto de desvanecimiento
Observe los controles en el lienzo que ahora podemos usar para editar el degradado.
Controles de degradado en vivo sobre lienzo en Photoshop
Puede hacer clic y arrastrar los puntos de color en cada extremo del degradado para ajustar dónde comienza y dónde termina el cambio. Mantenga presionada la tecla Mayús mientras arrastra para mover el tope de color en una línea recta.
Ajuste los puntos de inicio y final del degradado utilizando paradas de color.
Incluso puede hacer clic y arrastrar la línea que conecta las paradas de color para reposicionar el degradado en el lienzo.
Arrastre para reposicionar el degradado.
Sobre esa línea, verás un ícono de diamante. Normalmente, este icono controla el punto medio entre los colores de cada lado. Pero como estamos trabajando con un degradado de Primer Plano a Transparente, arrastrar el ícono no tendrá ningún efecto.
Control deslizante de punto medio de color.
Paso 9: Ajuste el punto medio del desvanecimiento
Pero puedes ajustar el punto medio entre el color y la transparencia yendo al panel Propiedades y desplazándote hacia abajo hasta encontrar Controles de opacidad .
Controles de opacidad en el panel Propiedades.
Luego, arrastre el ícono de diamante debajo de la barra de vista previa para mover el punto medio más cerca del color o la transparencia.
Control deslizante de punto medio de transparencia.
Para restablecer el centro, configure Ubicación en 50 .
Restablecer la posición del punto medio.
Paso 10: Ajustar el desvanecimiento
Tenga en cuenta que la transición en el degradado entre el color y la transparencia no se ve suave. La mayor parte del color se concentra en el lado izquierdo y luego se desvanece muy rápidamente hacia la derecha.
La transición del color a transparente no es tan gradual como se desea.
A veces, cambiar el degradado a un método diferente en la barra de opciones puede hacer que las cosas sean más suaves.
El método predeterminado es Perceptual . Dibuja los colores tal como nuestros ojos los ven naturalmente, que es normalmente lo que deseamos cuando trabajamos con degradados. Pero Perceptual no siempre es la mejor opción para este efecto.
El método se establece en Perceptual.
Existe otro método llamado Clásico , que dibuja degradados de la misma forma que lo hacía Photoshop.
Cambiar el método a Clásico.
Y observe que la transición ahora parece más suave y gradual. Puedes elegir el método que mejor se adapte a tu imagen, pero en el caso de ejemplo, el clásico queda mejor.
Resultados con el método de gradiente establecido en Clásico.
Paso 11: Elige otro color para difuminar (opcional)
Para cambiar el color al que se desvanece la imagen, haga doble clic en el punto de color de esa imagen. Asegúrate de elegir un punto para el color, no para la transparencia.
Haga doble clic en la parada de color.
Luego hay una manera de elegir otro color desde el Selector de color.
Seleccione un nuevo color mate en el Selector de color.
O mientras el Selector de color aún está abierto, puedes tomar muestras de colores directamente de la imagen.
Pero antes de muestrear el color, vaya a la opción Tamaño de muestra en la barra de opciones y cámbiela de Muestra puntual a un tamaño más grande como 5 x 5 o 11 x 11. De esa manera, muestreará el color promedio del área en la que haga clic en lugar del color de un píxel específico. Por ejemplo, elegiremos 5 x 5.
Elija un tamaño de muestra más grande.
Luego haga clic en el color de la imagen para probarlo. El ejemplo seleccionará un tono de gris de la esquina superior derecha. Haga clic en Aceptar para cerrar el Selector de color cuando haya terminado.
Seleccionar un nuevo color de desenfoque de la imagen.
Paso 12: Realiza los ajustes finales al efecto de desvanecimiento.
En este punto, aún puedes realizar ajustes finales en los puntos de inicio y final del efecto de degradado arrastrando los puntos de color.
Realizar los ajustes finales en el área de degradado.
Para ocultar los controles del lienzo una vez terminado, simplemente seleccione cualquier capa que no sea la capa Relleno degradado en el panel Capas.
Puedes recuperar los controles del lienzo volviendo a seleccionar la capa Relleno degradado, pero también debes activar la herramienta Degradado en la barra de herramientas.
Seleccione otra capa para ocultar los controles en el lienzo.
Aquí está el resultado final de la imagen borrosa al color de fondo, lista para agregar texto u otros elementos de diseño a la izquierda.