Designing your own facebook Banner (Timeline Mode only)

My Second Banner
My first Banner
1.- Ok, First of all take a picture of your screen computer with the Imp Pant buttom (print screen on your keyboard above the Insert buttom). Making sure your browser is set on 100% not bigger or smaller.
1.- Ok, Primero toma una foto de tu pantalla con al tecla IMP PANT (Imprimir pantalla, esta sobre la tecla de Insertar) Asegurandote de que tu browser esta visualizado al 100% exactamente.






2.- Go to photoshop and open a new document, it automatically sets the size of the image you're gonna paste.
2.- Ve a photoshop y abre un nuevo documento, automaticamente photoshop te abre el doucmento nuevo con la medida pre establecida de la imagen que pegaras.


3- With your image already paste set the photoshop rules ( Ctrl + R) they'll guide you trough the process.Start making a gride fallowing your pasted image as the example below.
3.- Con tu imagen ya colocada usa las reglas de photoshop (Ctrl+R) las cuales te ayudaran el proceso. Comienza creando una grilla siguiendo el trazado de tu imagen como se muestra a continuacion.


4. Now crop the image around the gride you just made so you work only with the necessary size. After you crop and remove your previous guide image it looks like this:
4.- Ahora corta la imagen alrededor de la grilla que acabas de hacer con la herramienta CROP para trabajar únicamente con el banner. Después de haber cortado la imagen previa lucirá así:


at this point you can start making your own design with the right size for the facebook banner, the final result is up tou you and what you want to do.
A este punto puedes empezar a crear tu propio diseño con la medida correcta, el resultado final depende de ti y lo que busques hacer.


One las tip:
The small square at the left bottom of the screen leave it unused cause it goes your profile picture. You can work that space adding some shadows, marquees, light effects or something you want to make it look like it comes out of your profile picture. That's it verysimple isnt it?
Ultimo tip:
El recuadro pequeño en la parte inferior izquierda de la pantalla dejalo sin usar ya que corresponde a tu imagen de perfil y es inutil colocar diseño alli. Lo que puedes hacer es crear algunos efectos alrededor del recuadro como sombras, marcos, luces, etc para que luzca como que ese efecto proviene de tu imagen de perfil.Eso es todo, bien simple no?


As you can see, this method is usefull when you need to find out the correct size of any web banner or page.
Como verás éste metodo te funciona para averiguar la medida exacta de cualquier banner o imagen e incluso pagina web de la que requieras la medida.

Categories: , ,

Leave a Reply

If you think your opinion matters feel free to be constructive and let me know your mind. No sign up needed.