fondo degradado

Cree un archivo de Photoshop con la altura y el ancho (supongo que el ancho actual y una altura de alrededor de 700 para caber en una pantalla típica de 1024 x 768)

Copie y pegue la ilustración deseada en este archivo, seleccione la herramienta de selección ( V) y mueva la ilustración pegada a la parte superior del archivo.

Aquí está la parte difícil: si su obra de arte se puede enlosar, todo lo que tendrá que hacer es copiar la obra de arte (opción-clic y arrastrar) hacia abajo; siempre y cuando el ajuste aún esté activado, se ajustará en su lugar. Si no se puede enlosar, copie la obra de arte como se indica arriba; verás una costura. Vaya a Editar -> Transformar -> Voltear verticalmente. Por lo general, esto eliminará los bordes obvios.

Combina las dos capas hacia abajo ( Cmd+ E) en una.

Haga clic y arrastre hacia abajo para crear otra copia de la obra de arte; repita esto hasta que haya llenado su archivo de arriba hacia abajo.

Combinar todas estas capas ( Shift+ Cmd+ E).

Cree una máscara de capa haciendo clic en el icono Máscara de capa en la ventana Capas.

Seleccione la herramienta de degradado ( G) y asegúrese de tener un degradado de negro a blanco (o de blanco a negro).

Haga clic y arrastre para crear un nuevo degradado. Juega con esto, ya que te permitirá establecer dónde y con qué rapidez ocurre el desvanecimiento. Cuando esté satisfecho con el resultado, guarde el archivo resultante como .png para preservar su transparencia.

Asegúrate de establecer el color de fondo en tu hoja CSS (o CSS en línea) como quieras. Lo bueno de usar una imagen con propiedades alfa es que no tienes que desvanecerte solo en blanco.

Rompe cerveza, recuéstate y disfruta de los resultados visuales. Este paso es crítico.