Credit image

Crear fondos para Twitter

Sencillo y básico manual para comenzar a crear imagenes de fondo para nuestro perfil de Twitter con nuestra información, página web, alguna fotografía y otros datos.

Últimamente en España, Twitter esta pasando de ser ese servicio que sólo los usuarios más activos de Internet utilizan, a empezar a convertirse en una herramienta masiva, tal como las redes sociales o los clientes de mensajería.

Evidentemente, el uso de Twitter aún no llega a ese nivel, pero es cuestión 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 países que más usan Twitter son EEUU, Japón y España).

Este artículo 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 fotografía para utilizar de fondo. Podemos utilizar alguna nuestra (que nos guste o que nos defina) o echar un ojo en la búsqueda avanzada de Flickr, que nos permite buscar con licencias Creative Commons para modificar. No olvidemos mencionar a pie de página al autor de la fotografía.

Lo ideal es utilizar una fotografía de 1600x1024, ya que las resoluciones que predominan son mayores a 1024x768. Aún así, para evitar el efecto mosaico, utilizaremos un fade out más adelante.

Lo primero, será seleccionar un rectángulo en la parte izquierda de nuestra fotografía (entre 250 y 300 pixels). Creamos una nueva capa (layer) y la rellenamos de negro. Bajamos el opacity hasta 25%, más 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. También 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 botón derecho en la capa de la fotografía y seleccionamos Blending Options.

Una vez ahí, seleccionaremos lo siguiente:

  • Drop Shadow: Primera opción, donde podemos ajustar Distance y Size para mejorar la visión.
  • Stroke: Ultima opción, donde ponemos color blanco, Size 10 y Position Inside.

Aceptamos y vamos al menú Edit / Transform / Rotate e inclinamos ligeramente la fotografía.

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 puntuación.

Existen multitud de fuentes gratis en esta plataforma, es cuestión de buscar una que nos guste. En nuestro ejemplo hemos utilizado Petita.

Creamos un texto y vamos escribiendo la información que queramos: Nuestra página web, email de contacto, dirección de Facebook, una pequeña bio, etc...

Podemos incluir iconos de IconArchive o de IconFinder para hacer más 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 sólo un ejemplo muy básico, 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, quedaría guardar la imagen en formato JPG con una calidad aceptable, pero sin que la fotografía ocupe demasiado. Un tamaño 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 página de Twitter y en Change background image colocar la imagen que acabamos de crear.

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

Escrito por Manz, el , en redes sociales. Comentarios recibidos: 54.

54 comentarios de lectores
@b!aN
@b!aN
1

Muy bueno Manz. Acabo de entrar en tu Twitter y quedo muy bien el nuevo diseño.

jaqueline perez d
jaqueline perez d
2

esta super la verdad me llamo mucho la atencion tu diseño

Holanda
Holanda
3

Gracias, estaba por ponerme en esto, ahora voy con más seguridad. Saludos

Mikiman
Mikiman
4

El tutorial esta bacan, pero el fondo que hice es de resolucion 1600x1200 y cuando lo coloco en mi twitter la imagen es muy grande o sera por la resolucion de mi monitor que es de 1440x900, y que pasara con los que vean mi twitter en una resolucion menor????

Manz
Manz
5 Autor

@Mikiman: La idea de poner una resolución de 1600 (vamos a basarnos sólo en el ancho) es que para resoluciones menores de 1600 se seguirá viendo igual (debemos poner mayor importancia a las cosas de la zona derecha de la imagen). A las resoluciones mayores, utilizamos el efecto de fundido, por lo que no se verá mal. Observa el ejemplo del fondo que tengo yo, o algunos de los de la galería de Twitter Background. Que la diseñes para monitores grandes o más pequeños ya es cosa de cada uno.

Leandro
Leandro
6

Realmente increible, acabo de hacerlo y me quedo muy bien... Gracias por el tuto Manz Por cierto ya estas en mis follows Saludos

Carlos Chen
Carlos Chen
7

Gracias, este tutorial fue de gran ayuda. Por eso les dejo a los interesados este enlace que te permite descargar video tutoriales para photoshop: http://depositfiles.com/es/files/3hxkbzhto?redirect

gustavo
gustavo
8

interesante lo estuve buscando gracias

Anne
Anne
9

Gracias de verdad por tan excelente tutorial! Me servirá bastante para el fondo del twitter de la empresa que trabajo. Un fuerte abrazo y buena vibra!

edgar
edgar
10

el twitter es genial porque puedo conocer personas de diferentes lugares

dmitriyx
dmitriyx
11

hola esta muy bueno tu tutorial pero no lo tienes en video? para verlo mejor soy nuevo en esto :D

michael
michael
12

ayuda pongo Control-V pero no se pega mi imagen que hago por favor??

Jonny
Jonny
13

Hola Hola oye no pude hacer uno es muy dificil :( pero hay deje mi msn agregame porfavor y me enseñas :)

Javiera
Javiera
14

Pucha, no se como hacerlo :(

Super Target Me
Super Target Me
15

Realmente util y sencillo. Gracias!

MegaAlien
MegaAlien
16

Gracias por el articulo, de seguro me servira. saludos!

daniela
daniela
17

supergenial alguien puede poner el link para descargar ese programa de photoshop please=)

Jorge Alvarado
Jorge Alvarado
18

Excelente información... sigue así.

Adams J Ruiz
Adams J Ruiz
19

La personalización de los perfiles de las redes sociales es indicativo que realmente estamos comprometidos con dicha red social, en este caso de Twitter nos da un respaldo para tener y atraer más seguidores...

noelia
noelia
20

hola porfavor alguien me puede ayudar

Sandra
Sandra
21

Yo he utilizado para crear el fondo este servicio: http://www.fotoefectos.com/tag/creador-fondos-twitter,138 subes una foto, la recortas y te crea el fondo para twitter personalizado con tu foto. Saludos!

Sandra
Sandra
22

@Sandra: Faltaba el link jeje: http://www.fotoefectos.com/tag/creador-fondos-twitter,138

hugo
hugo
23

mi novia me pide medicina de mitrocin

Daniel
Daniel
24

oye me puedes pasar el link para bajar photoshop es que lo he podido bajar ¡¡¡¡

Matías
Matías
25

Gracias Maestro!!

Edgard Cobian
Edgard Cobian
26

le aumenté la resolución a la imagen pero aun así cuando la coloco de fondo sale pequeña en el extremo superior izquierdo, no sé que más hacerle para que ocupe todo el fondo, si me pudieras ayudar sería genial. Gracias

mbl
mbl
27

muchas gracias

norby
norby
28

seria muy bueno si hubiera uno de metallica,dbz o naruto jejeje XD SI PUEDEN SUBANLOS!!!

trueky.com
trueky.com
29

Me parece genial !! Estoy pensando en hacer mi fondo para mi página de tuitter sobre mi web trueky - Alguna idea?

yamilet
yamilet
30

qes bkn pero como me puedo acer uno

Santiago
Santiago
31

¡Excelente! Me sirvió muchísimo y pude crear mi fondo para Twitter y ahora está funcionando perfectamente. ¡Saludos!

Gerardo
Gerardo
32

gracias me kedo fino

Drexx
Drexx
33

@Manz: teengo un problema con la fuente.. osea le doy dowloand y la descargar en formato .ttf y lo abre el visor de windows y ni sikiera puedo hacer click derecho.. y segundo que no puedo pegar la foto le doy (Ctrl+V) y no hace nada!! espero thu pronta respuesta..!!

Pacco Tellez
Pacco Tellez
34

Excelente tuto, poniéndolo en práctica con un nuevo fondo para mi cuenta. Saludos desde México!!!

luis
luis
35

muy buueno !

Mauriio
Mauriio
36

Hola Amigo, gracias por el aporte. Realmente twitter es una gran herramienta para todos y hay que aprovecharla. Saludos

Benito T. Alped
Benito T. Alped
37

Hola Amigo, gracias por el aporte. Realmente twitter es una gran herramienta para todos y hay que aprovecharla.

Alberto
Alberto
38

Hola amigo, hice todo lo que me dijiste, pero cuando voy a subirlo no se sube :S, se queda cargando y me sale que hubo un error, lo puse en menos de 100kb y nada, me puedes ayudar?.

Mariángel
Mariángel
39

Muchas gracias lo hare!

 Novato
Novato
40

Gracias por el tuto... me ha sido de gran utilidad

pepelum
pepelum
41

Ya me parecía a mi, depues de Googlear, te pillé y cuando vi la imagen de fondo, subí. ¡¡¡ Claro que eres mas canario que el Gofio !!! y más chicharrero que el pescado. Salu2 desde Málaga

camila bieber
camila bieber
42

como hago eso no entiendo nada

lorena
lorena
43

meduele todo me cai de la escalera mierda...........

vicente
vicente
44

yo tengo un problema. Quisiera que la foto de perfil fuese más grande y no sólo de 73x73 px que te dan. Lo he visto en muchas webs, pero no sé cómo puedo cambiarlo por más que lo intento.

Alfonso
Alfonso
45

Muchas gracias por el tuto, andaba buscando algo así.

Balonmano Playa
Balonmano Playa
46

Me ha parecido genial tu aportación, lo he puesto en práctica en mi perfil y en el del club, Muchas Gracias, Fernando

Salvador Rosillo
Salvador Rosillo
47

Muchas gracias por la aportación. Más que aceptable... notable alto por no decirte sobresaliente... saludos!!!

Lucas
Lucas
48

Cuando hago el fondo no me queda bien esta desproporcionado la imagen queda muy grande y todo lo que pongo en el lado izquierdo no se ve :s como puedo hacer?

karla
karla
49

me encanto tu pagina demasiado interesante

Beatriz
Beatriz
50

Bonita foto del Valle de la Orotava

1 2

Publica tu opinión

Si lo deseas, puedes utilizar el siguiente formulario para publicar tu opinión o responder a alguna de las existentes:

Previsualización

Aquí se previsualizará su comentario. Revise que sea correcto antes de publicarlo.