Fondo de pantalla con degradado de color

Fondo de pantalla con degradado de color

En este tutorial os vamos a enseñar lo fácil y rápido que es hacer un fondo de pantalla que tenga un buen aspecto. Lo que os explicamos aquí puede servir de base para luego añadir lo que se os ocurra, además de ser útil para cabeceras de webs, blogs y diseños similares.

¿Qué necesitamos?

Photoshop y elegir un color o paleta de colores. Normalmente queda muy bien usar un color y una variación más oscura del mismo, lo cual crea un degradado sutil.

1º Paso: El degradado

Vamos a empezar por el degradado que es lo que dará el color a nuestro fondo de pantalla (luego añadiremos capas y efectos para detallar la imagen).

Una vez hemos abierto un lienzo de la resolución deseada  (en mi caso 1440×900) creamos una capa de relleno de tipo Degradado. En el diálogo que aparece vamos a modificar los colores del degradado a #063968 (para el azul oscuro) y #558dc2 (para el azul claro).

2º Paso: Efectos de capa iniciales

Ahora vamos a abir la ventana de Estilo de Capa hacliendo doble click en el extremo derecho de la capa. Activamos la casilla de añadir textura y elegimos una que nos gusta (Photoshop incluye varias). Es importante cambiar el Tipo de Mezcla a algo como Superponer o Luz suave para que la textura se mezcle con nuestros colores. También conviene reducir la opacidad al 50% o un valor que nos guste, para que el contraste no sea excesivo.

3º Paso: Añadir un degradado radial

Lo bueno de usar capas y Efectos de Capa en Photoshop es que podemos combinar texturas, degradados y efectos como queramos. En este caso vamos a añadir otro degradado a nuestro fondo de pantalla pero esta vez Radial. Esto creará una sensación de iluminación que puede mejorar mucho nuestra imagen.

Para hacerlo, activamos la casilla de degradado en la ventana de estilos y dejamos el degradado de blanco a negro ya que sólo queremos modificar la iluminación.  Así que una vez más cambiamos el modo de mezcla a Luz Suave o un efecto similar y ajustamos la opacidad como queramos. En este caso a mayor opacidad los colores cobrarán mucha mas fuerza, y si lo reducimos a un 35% veremos un efecto mas sutil. Como siempre esto es a gustos y es cuestión de experimentar.

Y ya tenemos el efecto que buscábamos. A partir de aquí se pueden añadir textos, texturas, pinceles o cualquier cosa que queramos. Por ejemplo:

VN:F [1.8.8_1072]
 +3 (9 votos)

Autor: Jose

Hola, me llamo José Pardilla, un diseñador web freelance. Escribo en Moskis y me han encantado los ordenadores desde que tuve el primero hace unos 15 años. Al poco tiempo de tenerlo me interesé por el 3D y el Diseño Web. Ahora me dedico a ello e intento aprender algo nuevo cada día, así que ya puestos no está de más compartir lo que pueda en forma de tutorial.

2 Comentarios

  1. sofia, 13 Mayo, 2011 a las 7:52 pm
    UN:F [1.8.8_1072]
    0 (0 votos)

    como creare un fantasma

  2. sofia, 13 Mayo, 2011 a las 7:53 pm
    UN:F [1.8.8_1072]
    0 (0 votos)

    como creare un fantasma??????????

Publicar un comentario

(requerido)
(requerido)

Tu correo nunca es compartido ni publicado.