Personaliza el diseño de tu Fan Page en Facebook

¡Hola a todo el mundo!

Hoy vamos a ver en un manual rápido y sobre todo sencillo, como cambiar los iconos de los favoritos en nuestra fan page. 

Los favoritos son aquellos menús cuadrados que aparecen al igual que las fotos y que pueden ser el enlace a vídeos, los me gusta de la página o como en mi caso enlaces a mi canal de Youtube y perfil de Twitter (como se puede ver en la imagen siguiente).

app 1Cómo podéis observar, los iconos de Youtube y Twitter tienen sus colores corporativos y para mi gusto llaman demasiado en comparación con el resto de diseño de la página. Por eso he querido hacerlo más coherente y he hecho un diseño especial para estos iconos, siguiendo los tonos cálidos y amarillos de la portada, y el resultado ha sido este. ¿Os gustan? Se aceptan críticas.

app final

¡Bien! ¡Vamos allá!

1 – En primer lugar deberemos diseñar nuestros iconos, yo lo he hecho en Illustator, como podéis observar en la imagen posterior. En realidad yo solo he cambiado el color de estos iconos, ya que son parte de un diseño de EO Disseny Gràfic,  que se usó para la empresa en que trabajo, ya sabéis, la startup PayTouch.

app 2

2 – Posteriormente, una vez tengamos el diseño en Illustrator, os aconsejo hacer un nuevo documento en Photoshop de las medidas 111px x 74px y con fondo transparente. Podéis observar la propiedades del documento en la siguiente imagen.

app 8

3 – Perfecto. Ahora tan sólo deberemos arrastrar uno de nuestros iconos desde Illustrator al nuevo documento de Photoshop, quedando así.

app 9

4 – Posteriormente, guardaremos este documento en png o en jpeg (Facebook admite los dos formatos). Yo lo he hecho en jpeg como podéis observar a continuación, con el nombre Icono Youtube for Page.jpeg.

app 10

5 – ¡Muy bien! Ahora, tan sólo deberemos dirigirnos a nuestra fan page y clicar en la flechita que se encuentra a la derecha de nuestros favoritos (en la imagen aparece enmarcada en rojo).

app 5

6 – Ahora nos dirigimos a la pestaña de uno de nuestros favoritos, en este caso al canal de youtube. Al poner el cursor encima de la foto, veremos que aparece un menú en la parte superior derecha en forma de rotulador. Hacemos clic en él y se nos abre el siguiente despegable (imagen). Entonces, debemos elegir Editar Configuración.app 67 – Ahora, debemos encontrarnos en un menú en el que se nos dan algunas opciones. Nosotros clicamos en el menú “Cambiar”. 

app 7

8 – En ese momento, se nos abrirá una ventana en que nos aparecerá la fotografía actual (en rojo) de youtube, encima de la cual se ve una pestaña en la que pone “Editar”, debemos clicar justamente ahí. app 11

9 – Se nos abrirá una ventana emergente (primera imagen) y debemos clicar en “Seleccionar archivo”, posteriormente deberemos buscar el archivo (segunda imagen) que hemos guardado un momento antes (Icono Youtube for Page.jpeg). Y posteriormente, al aceptar la fotografía, nos aparecerá la misma pantalla que antes, pero con la imagen del icono cambiada.

app 12 app 13 app 14

10 – Ahora, tan sólo deberemos dirigirnos a nuestra página y observar si nos gusta el cambio, y si no, pues lo cambiamos y listo, tan poco ha sido tan difícil, ¿no?.

Después de haber realizado el cambio para el icono de youtube lo hacemos para nuestro perfil de twitter y para otras pestañas como podrían ser bandcamps o similares. Se puede hacer para muchos menús de favoritos exceptuando el de “me gusta” y fotos (ya que en este siempre aparece la última fotografía colgada).

Espero que os sea útil este post y que hagáis unos diseños de lo más molones.

Que tengáis un día genial.

Anuncios

3 pensamientos en “Personaliza el diseño de tu Fan Page en Facebook

  1. Pingback: Personaliza el diseño de tu Fan Page en Facebook | Todo Control para la Pyme

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s