Un efecto de degradado con ruido combina colores dinámicos y una textura granulada que le da profundidad y carácter a tu diseño. Al añadir una animación, el efecto se vuelve aún más impresionante y es perfecto para contenido digital como publicaciones en redes sociales o presentaciones. En este tutorial te mostraré cómo crear paso a paso un efecto de degradado con ruido y darle vida en Photoshop con movimiento. ¡Comencemos y dale a tus diseños una dinámica única!
Paso 1:
Creo un documento de 800x600 píxeles, el tamaño es indiferente.
Paso 2:
Ahora selecciono la herramienta de degradado y cargo nuevos ejemplos de degradados con ruido.
Paso 3:
Es importante que cuando entre en la edición de degradados, tenga activada la opción de ruido en el tipo de degradado. Además, puedo ajustar rápidamente un degradado de color diferente a través del parámetro aleatorio.
Paso 4:
Ahora ajusto la desenfoque de bordes al 90% para crear un bonito degradado punteado.
Paso 5:
Al estirar el degradado, ya se obtiene un fondo genial.
Paso 6:
Ahora convierto la capa de fondo en una capa normal mediante un doble clic en el panel de capas.
Paso 7:
Luego presiono Ctrl+T para transformar mi capa, luego clic derecho y selecciono Deformar. Ahora tiro de los manejadores superiores derecho e izquierdo y los doblo de forma dinámica.
Paso 8:
¿Qué te parece hasta ahora?
Paso 9:
Duplico la capa con Ctrl+J y luego añado un Desenfoque Gaussiano en ella. Esto podría usarse como fondo para tarjetas de felicitación, por ejemplo.
Paso 10:
Si cambio el modo de relleno a Color, las líneas del degradado lucirán aún mejor.
Paso 11:
Al añadir un filtro de ruido, se obtiene un efecto interesante.
Paso 12:
Para finalizar, quiero agregar una bonita animación. Para ello, borraré de nuevo la copia de mi capa 0, duplicaré mi capa de fondo nuevamente con (Ctrl+J), y agregaré un desenfoque. Luego añadiré una máscara de capa y añadiré un degradado blanco y negro en ella. A continuación, desvinculo la conexión (símbolo de cadena). Luego, mostraré el panel de animación.
Paso 13:
Luego, moveré solo la máscara de capa completamente fuera de la imagen hacia la izquierda y estableceré un keyframe bajo la posición de la máscara de capa, haciendo clic en el pequeño símbolo de rombo.
Paso 14:
Luego ajustaré el control deslizante a segundo 2 y moveré la máscara de capa completamente hacia la derecha. Se crea otro keyframe que recuerda la posición. Así se crea una animación.
Paso 15:
Puedo mejorar el efecto aún más creando una nueva capa, seleccionando una área más pequeña, rellenándola de blanco y difuminándola, luego ajustando la opacidad a alrededor del 60 - 66%. Ahora también puedo animar esto de izquierda a derecha moviendo simultáneamente aplicando Keyframes a la posición. El resultado se verá así: aquí.
Paso 16:
Un último consejo: también puedo simplemente agregar una nueva capa sobre mi capa de fondo y rellenarla con un pincel suave de color, como prefiera. Simplemente usé naranja, rojo, azul, naranja y azul nuevamente. Ahora solo ajusto el modo de relleno a Color, y así se verá también este resultado.
Paso 17:
O simplemente puedo agregar una capa de ajuste de Tono/Saturación, de esta manera también puedo cambiar rápidamente los colores.
Paso 18:
Si aplico un ligero degradado a la máscara de capa en la capa de ajuste, así se verá mi resultado:
