Mezclado, no agitado

Crea tu propio fondo de Twitter paso a paso

Escrito el 13. Abr, 2009 por Araque en Tutoriales | 13 comentarios | 306 visita(s)

Twitter pasa por ser el servicio de microbloggin más utilizado del mundo, pero muchas veces descuidamos el aspecto del diseño o simplemente elegimos uno ya predefinido.

Pero si quieres tener tu propio diseño personalizado, yo te voy a dar unos consejos que te serán de gran utilidad.

Necesitas un programa de diseño como por ejemplo el conocido Photoshop, pero te vale cualquier otro ya que los pasos son bastantes comunes a todos ellos.

Hay que seleccionar bien la resolución con la que vamos a trabajar. La más usada en todo el mundo es la 1024×768 píxeles, por lo que me voy a centrar en esta.

Abrimos un documento nuevo y le damos la resolución mencionada con un fondo blanco. Ahora viene la parte complicada, elegir el fondo que queremos dar a nuestro diseño. Para eso lo mejor que que escojas uno que a ti te guste, tienes muchas texturas en alta resolución que puedes utilizar. Yo para mi nuevo diseño he escogido esta de madera que me gusta mucho.

Para insertarla en tu diseño, asegúrate de que el tamaño de la textura es mayor que nuestro diseño. Lo copias al portapapeles. Seleccionas todo tu diseño y en Photoshop eliges del menú edición, pegar dentro.

Ahora para respetar el cuerpo central de Twitter, debemos saber de cuanto espacio disponemos a ambos lados de este cuerpo, para que así podamos incluir un toque más personal y que no quede tapado.

Ocupa un ancho de 763px y desde el borde izquierdo de la ventana, hasta el borde derecho un total de 885px por lo que nos queda un margen izquierdo de 122px para trabajar, al igual que el margen derecho.

Se me ha olvidado mencionar, que para la cabecera, Twitter utiliza 72px, y esto hay que tenerlo en cuenta.

Lo mejor es realizar nuestro diseño en la parte izquierda, ya que de este modo, si las resoluciones son mayores no se nos tapará por la parte central. Si al incluirlo en twitter seleccionas tile background, este se repetirá en resoluciones mayores como me pasa a mi.

Espero que te hayan servido estas ayudas.

Etiquetas: ayuda, fondo, Photoshop, tutorial, twitter