Un banner para el blog

Me acaban de preguntar como hacer un banner para el blog.

Hay varios sistemas, pero voy a explicaros uno especialmente dedicado a quienes, como yo, no sabemos usar Photoshop ni nada similar y solo tenemos las herramientas básicas de windows para hacerlo.

En principio os diré que podemos partir de una imagen ya preparada como banner, de las muchísimas que nos ofrece esta web.

Allí puedes descargarte todas las que quieras, simplemente registrándote.
Una vez hecho este paso, verás un catálogo de temas. Pincha en uno para ver los banner que hay y cuando veas uno que te guste lo pinchas. Se abre en una página el banner solo. Lo pinchas con el botón derecho y le das a Guardar imagen como... (o algo así) y la podrás ver luego en tu pc.

Una vez realizado este paso tienes dos opciones.
1ª.- Pones el banner directamente en el blog, sin letras ni nada, para que el título que tienes se vea encima del banner. Para ello Diseño/Elementos de la página pinchas en Editar del elemento de la cabecera y le das a Examinar para encontrarlo en tu pc. Marcas Detrás del título y la descripción y ¡listo! Ya tienes banner.

2ª Editas tú el banner para ponerle el título con letras chulas.
Para ello abres Paint y pinchas en Edición y en Pegar desde. El banner se colocará en el espacio de dibujo. Solo tendrás que escribir encima, con la herramienta adecuada, el título del blog y el subtítulo si lo tienes.

¡Cuidado! Si el área de dibujo es mayor que el banner has de arrastrar la zona blanca hacia arriba y hacia la izquierda, o cuando guardes el banner, se verá la zona blanca.

En este caso has de marcar la opción: En lugar del título y la descripción o se verían dobles.

Nota: Paint viene de serie con Windows. Lo encontrarás en Inicio/Todos los programas.
Para más información acerca de como usar Paint, aquí lo explico, pasito a pasito.

Pero a lo mejor quieres un banner más personal, con imágenes tuyas, aunque las que tienes no te sirven como cabecera, pues o son muy grandes, o muy pequeñas, o solo quieres una parte de esa imagen pero no toda y que el resto sea liso, o sea otra imagen, etc.
Para esto también Paint nos va de perlas, pero como la explicación es muy larga pincha y verás


Vamos a rizar el rizo.
Hasta este momento en que estoy escribiendo esta entrada, este es el aspecto de la cabecera de este blog.

Pero voy a preparar un banner para colocárselo, banner que, a buen seguro, ya hayas visto al entrar a leer ésto y voy a explicarte, paso a paso, como lo he hecho.

Para empezar me he descargado una imagen desde la página que menciono más arriba. Es la imagen que hay en el fondo de todo, la de color azul con la rosa a la derecha.
He abierto paint y he pegado el banner con el sistema que te explico más arriba, Edición/Pegar desde, luego he ampliado el área de trabajo hacia abajo y he pegado la imagen que me caracteriza, esa en la que estoy simpsoneada. Así se veia en mi pantalla:

A continuación he recortado la imagen simpsoneada para quitar ese fondo blanco.
Para hacerlo he cogido la herramienta de recorte irregular y, con mucho cuidado, he ido resiguiendo la imagen. (Confieso que me cuesta, me resulta dificil mover el ratón alrededor de una imagen, pero tampoco buscaba la perfección absoluta, además el hecho de que el fondo sea liso me va a permitir pintar las zonas que sean necesarias). Aquí puedes ver el efecto de recorte.

Luego he arrastrado la imagen hacia arriba hasta colocarla donde quería.

Luego un poco de retoque con el pincel y el lapiz para cubrir las zonas blancas.



y añadir las letras.



Puedes elegir qué tipo de letra quieres.



Como ves lo he hecho en dos partes para poder poner cada línea de un color y estilo diferente.



Una vez terminado lo he colocado editando el elemento.



Y el efecto final puedes verlo aquí mismo, en la cabecera de este blog.
Nota final: Al principio te decía que quizá tu imagen es más grande, (lo ideal son 800 x 200), o más pequeña. En el primer caso deberías redimensionarla y paint no es lo más adecuado para hacerlo, pero si sirve para recortarla.
Si es más pequeña puedes hacer un montaje de imágenes. En este caso te aconsejaria que descargaras algun banner de esos y lo uses de base, así sabrás las medidas exactas. Luego vas pegando desde y añadiendo imágenes encima hasta cubrirlo.
Cuando pegas desde... puedes mover la imagen y hasta que no pinchas fuera no se queda quieta. Una vez pinchado fuera del espacio de la imagen ya no vas a poder moverla.

Imprime esta entrada