Como crear una portada para facebook

Con la nueva actualización de facebook muchos nos vemos obligados a saber como crear una portada para facebook que puede ser utilizada o bien en la biografia personal o en las paginas de facebook. Aqui os vengo a explicar como crear una portada de facebook en photoshop, al igual que en photoshop podria hacerse con gimp o cualquier programa que utilizemos.

Bien, vamos allá.

1. Abrimos photoshop y creamos un nuevo documento (CTRL + N) con las medidas 850px ancho por 315px alto

2. Ahora vamos a crear unas guias para saber por donde NO tenemos que molestarnos en diseñar, ya que como sabeis hay otra foto superpuesta encima de la portada, la foto de perfil que nos taparia lo que pusieramos en ese lugar.

En el panel de herramientas superior vamos a Vista -> Guia Nueva… y creamos las siguientes guias.

Una guia vertical a 24 px, repetimos vista -> guia nueva… y otra guia vertical a 193 px y por último una guia horizontal a 213 px. Nos quedaria algo asi:

Le he añadido colores para que distingais, la zona de la foto de perfil y la zona para la portada.

Datos adicionales: Ya sabemos donde tenemos que meter nuestro diseño, ahora vamos a dejar volar nuestra imaginación podriamos meter una foto nuestra con nuestros amigos o bien si queremos podriamos meter un wallpaper y un efecto de texto con photoshop. Por ejemplo yo para la página de facebook de tecnodiseño he hecho la siguiente imágen.

Os dejo en el siguiente enlace el psd de la GUI (Interfaz gráfica del usuario) para la portada de facebook, asi ya teneis las guias creadas y solo teneis que crear la vuestra propia.

Descargar portada de Facebook en PSD

PD: Se me olvidaba! Para quien quiera modificar su foto de perfil la imagen tiene que medir 180px de ancho por 180px de alto.

Un saludo y cualquier duda utilizar los comentarios de más abajo.

Quiza te interese...

10 Comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>