Crear fondos para Twitter

Domingo, 21 Junio 2009

Evidentemente, el uso de Twitter an no llega a ese nivel, pero es cuestin de tiempo que lo haga, ya que desde febrero del 2008 hasta febrero del 2009 su uso ha aumentado un 1382% (mundialmente, pero teniendo en cuenta que los pases que ms usan Twitter son EEUU, Japn y Espaa). Este artculo se basa en como crear un llamativo y profesional fondo para twitter. Dejando a un lado herramientas como stripegenerator o stripemania, vamos a utilizar Photoshop para generar un fondo al estilo de los que usan en Twitter Background Gallery.

Lo primero ser encontrar una buena fotografa para utilizar de fondo. Podemos utilizar alguna nuestra (que nos guste o que nos defina) o echar un ojo en la bsqueda avanzada de Flickr, que nos permite buscar con licencias Creative Commons para modificar. No olvidemos mencionar a pie de pgina al autor de la fotografa. Lo ideal es utilizar una fotografa de 1600x1024, ya que las resoluciones que predominan son mayores a 1024x768. An as, para evitar el efecto mosaico, utilizaremos un fade out ms adelante.

Lo primero, ser seleccionar un rectngulo en la parte izquierda de nuestra fotografa (entre 250 y 300 pixels). Creamos una nueva capa (layer) y la rellenamos de negro. Bajamos el opacity hasta 25%, ms o menos.

Con la herramienta de gradiente (Gradient tool) y seleccionando en la parte superior un gradiente negro fundido a transparente, podemos crear un efecto de desvanecimiento (de derecha a izquierda) en una nueva capa y evitar el efecto mosaico una vez subida al twitter. Yo he utilizado el negro, pero se puede utilizar cualquier color que nos guste. Tambin podemos utilizar el fundido de abajo hacia arriba.

Ahora, en una nueva capa, pegamos (CTRL-V) un recuadro con una foto nuestra, logotipo o lo que represente la cuenta de Twitter. Hacemos clic con botn derecho en la capa de la fotografa y seleccionamos Blending Options. Una vez ah, seleccionaremos lo siguiente:
Drop Shadow: Primera opcin, donde podemos ajustar Distance y Size para mejorar la visin.

Stroke: Ultima opcin, donde ponemos color blanco, Size 10 y Position Inside.

Aceptamos y vamos al men Edit / Transform / Rotate e inclinamos ligeramente la fotografa.

Ahora necesitamos una fuente llamativa y bonita, algo que podemos encontrar en Dafont, donde incluso podemos escribir el texto a visualizar y seleccionar Accents para que nos busque fuentes que tengan letras acentuadas u otros signos de puntuacin. Existen multitud de fuentes gratis en esta plataforma, es cuestin de buscar una que nos guste. En nuestro ejemplo hemos utilizado Petita. Creamos un texto y vamos escribiendo la informacin que queramos: Nuestra pgina web, email de contacto, direccin de Facebook, una pequea bio, etc...

Podemos incluir iconos de IconArchive o de IconFinder para hacer ms bonita la zona de datos, o incluso algunos logos de los servicios que utilizamos como Facebook, Flickr u otros. Las posibilidades son muchas. Esto es slo un ejemplo muy bsico, pueden utilizarse miles de estrategias para crear un llamativo fondo. Por ejemplo, ver algunos de los manuales de photoshop de Emezeta o en PSDTuts. Para terminar, quedara guardar la imagen en formato JPG con una calidad aceptable, pero sin que la fotografa ocupe demasiado. Un tamao aconsejable es que sea menor de 100KB aproximadamente. Podemos conseguir esto con la utilidad File / Save for web del Photoshop. Accedemos a nuestro perfil de Twitter en el apartado Settings y pulsamos sobre Design. En Change design colors podemos cambiar los colores de nuestra pgina de Twitter y en Change background image colocar la imagen que acabamos de crear.

Y esto es todo. Se trata de un tutorial muy bsico, pero que puede dar algunas ideas para comenzar a editar nuestro perfil de Twitter. A ver si empezamos a encontrar perfiles ms personalizados!