Diseñar online un fondo original para Twitter

Obviando las aplicaciones online que permiten crear automáticamente fondos para Twitter, podemos esforzarnos un poco mas y darle nuestro toque personal y único. Lo ideal sería recurrir a Photoshop o Gimp, sin embargo es posible que a muchos les resulte más cómodo utilizar una aplicación online.

En este tutorial elijo una herramienta online llamada Pixlr, con una apariencia parecida a la de Photoshop, y suficiente para crear un fondo Twitter en condiciones.

Crear un fondo para Twitter

Antes de empezar, buscamos una buena imagen de fondo, podemos recurrir a Google image o Flickr, el tamaño adecuado sería 1600 x 1024, para cubrir todo tipo de pantallas.

Para comenzar accedemos a Pixlr Editor, elegimos la opción "Open image from computer" y cargamos el fondo. Cambia el idioma en la barra superior, a español.

Ahora recortamos la imagen en caso de que supere los 1024 píxeles de largo, para ello reducimos el Zoom a un tamaño cómodo, (parte izquierda, recuadro "Navegador"), después utilizamos la herramienta recortar (tecla C).

Vamos a crear un rectángulo transparente en la parte izquierda, para ello debes seguir los siguientes pasos:

• Creamos una nueva capa, desde el menú superior "Capa / Nueva Capa"
• En la nueva capa creamos un rectángulo (cuadrado azul, en la barra de herramientas) que ocupe toda la altura de la imagen, y de aproximadamente 230 píxeles de ancho, guíate por el eje X, en el recuadro "Navegador".
• Si no te ha salido bien a la primera, puedes ajustarlo yendo al menú superior y pulsando en "Editar > Free transform...".
• En el recuadro capas (a la derecha), reducimos la opacidad de la capa a un 30%.
• Vamos de nuevo al menú superior, pero ahora pulsamos en "Capa / Layer Style", aparecerá una ventana donde elegiremos la opción "Outer glow".
• Debería quedar parecido a lo que se muestra en la siguiente imagen.

Si quieres puedes subir tu propio logotipo, y añadirlo al fondo Twitter, para ello nos dirigimos al menú superior y pulsamos en "Fichero / Abrir" y lo cargamos.

Se abrirá dentro de la misma aplicación en una nueva ventana, por lo que deberás transferirlo a la ventana donde tenemos el fondo.

• En la ventana del logo, pulsamos Ctrl + A (Seleccionar todo) y después Ctrl + C (Copiar).
• Volvemos a la ventana del fondo, y pulsamos Ctrl + V (Pegar).
• El logo se copiará en una nueva capa. Ahora debes asignarle un tamaño adecuado, y colocarlo en la parte superior del rectángulo anterior.
• Después, con la Herramienta texto (Tecla T), escribe el nombre de tu blog o web, debajo del logo, y elige una fuente y tamaño adecuado.

A continuación vamos a crear otro rectángulo más pequeño, para poner la URL de nuestra web:

• Para ello debes crear una nueva capa y establecer su opacidad al 90%
• Después creas el rectángulo y le aplicas algún estilo, desde "Capa / Layer Style", yo le puse un poco de sombra al mío, Drop Shadow.
• Tan solo falta escribir Página web encima del recuadro, y la dirección de tu web; hazlo con la Herramienta texto (Tecla T).

Ahora hay que hacer exactamente lo mismo para poner el rectángulo con la descripción de tu sitio, o para cualquier otra información que quieras añadir.

Simplemente es crear un rectángulo, aplicarle algún estilo y escribir los datos con la Herramienta texto. Una vez terminado el fondo, pulsa en "Fichero / Guardar", y guárdalo en tu ordenador.

Este es el resultado final (Pulsa en la imagen para ampliar), como veis es un diseño bastante minimalista, pero profesional. Puedes usar este mismo fondo para tu Twitter (con tu imagen, logo, etc.) o cambiarlo a tu manera.

Recuerda que el peso del fondo, no debe superar el máximo permitido por Twitter (800K), si necesitas reducirlo puedes usar alguna herramienta de optimización de imágenes.

Por último solo queda subir el fondo a Twitter, en el apartado Configuración, nos vamos a la pestaña Diseño y después a Cambiar imagen de fondo.