Como hacer tu propio fondo de blogger

Hoy explicaré algunos pasos que he seguido, para hacer un fondo de pantalla para blog adaptado a nuestro ordenador, en principio este fondo servirá para una plantilla con imagen de titulo gatgets a la izquierda y texto a la derecha, solo es una referencia por si quieres personalizarte más a fondo con algun marco o algo por el estilo... y asi hacer que todo quede mas presentable.

Esta plantilla la he conseguido de la plantilla principal que nos sale por defecto cuando no tenemos un fondo personalizado o tenemos uno, pero queremos mejorarlo.

Para conseguir esta plantilla de la imagen:

1.  Elegir la plantilla del glog que más nos guste y distribuir los componentes en tantas columnas y filas como deseemos.

2.  Ir a nuestra configuracion normal: Plantilla/personalizar/Ancho

3.  Seleccionar el ancho del titulo, entrada de blog y gadgets.

Una vez adaptado todo a la medida deseada, pocedemos a entrar dentro del blog sin fondo en [vista previa]

4.  Hacemos un escaner de pantalla Imp Pant Pet Sis y pegamos en el paint.
-Esto nos servirá para cojer la referencia lateral del explorador, ya que el marco ocupa un espacio en el fondo de nuestro blog.

5.  Volvemos al blog [ver blog] y pulsamos F11, esperamos 3 segundos a que el navegador nos visualice la web por completo, otra vez volvemos a pulsar (escaner de pantalla) y lo pegamos en otra ventana de Paint. Pulsar otra vez F11 para volver a la vista normal.

6.  Cogemos las 2 imagenes de Paint y las combinamos de manera que la imagen sin margenes [Ver blog], esté pegada justo al borde del marco izquierdo[Vista previa].

 Con el fondo negro transparente, podeis apreciar las 2 imagenes superpuestas, como una al no tener margen superior, asciende todo su contenido. 

7.  Con el mismo Paint podeis resaltar aun mas los margenes para vuestra comodidad a la hora de profundizar en detalles.

De esta manera conseguimos tener el ancho y alto exactos de nuestra pantalla con todos los datos de nuestro blog para calcular las medidas y conseguir una plantilla de referencia para el fondo.

8.  Antes de seguir, es bueno observar cargando la imagen de plantilla al fondo de blog con la alineacion centrada y sin el visto de [Desplazarse con la pagina]
Si por cualquier motivo, no conseguimos centrarlo porque nos ha quedado un pelin a la izquierda o derecha... es question de ir con el Paint, mover toda la imagen Seleccionada del fondo de plantilla personalizado ayudandose con el zoom.


Ahora es hora de pasar a programas mas sofisticados, pero no hay porque descargar nada, simplemente entrais en esta pagina: http://pixlr.com/editor/

Si teneis experiencia con el Photoshop no tendreis problemas, si no es asi... necesitareis un poco de practica, pero que a la larga todo se aprende. Una vez dentro os saldra 4 opciones:

1. Crear una nueva imagen
2. Abrir una imagen desde el ordenador
3. Abrir una imagen desde URL
4. Abrir una imagen de la biblioteca

Una vez seleccionado una de estas opciones el menu desaparece, pero todo esto lo podreis encontrar en Archivo, que tambien encontrareis botones tipicos como: nuevo, guardar, abrir...
Este programa es vastante complejo asi que la parte artistica es algo que va junto con el dominio del programa una vez useis la gran mayoria de herramientas y menus que aparecen en los laterales y arriba del programa podreis modificar imagenes o crear partiendo de cero.

Para nuestro fondo, vamos a abrir la imagen que guardamos desde el paint.
Esta será nuestra primera capa, puedes poner tantas capas como desees.
Las capas son simples imagenes que al juntarse unas con otras consigues la visibilidad de ambas segun el grado de transaparencia o efecto que hayas usado.
Considero adecuado que empeceis dominando el menu herramientas con todos sus componentes, podreis cortar, mover, seleccionar de forma rectangular, libre, o por similitud, dibujar en modo lapiz, rotulador, borrar, rellenar la imagen, degradarla, hacer una copia, remplazar color, insertar formas, enfocar o desenfocar, difuminar de dos maneras, aclarar, oscurecer,  correcion de defectos en fotos, hinchar o reducir, copiar el color, escribir, mover la imagen o reducir y aumentar el zoom.


Esta barra complementa a cualquier herramienta que estamos usando, con todos los efectos disponibles.

Capas es otro menú a tener en cuenta ya que es primordial para exprimir al maximo el programa y hacer una imagen compuesta de muchas otras.
 Que va muy relacionada con el menu Editar agrupar las distintas imagenes a una sola adaptando la capa principal a la secundaria.

 Una vez dominados todos estos conceptos, con la plantilla de referencia la adaptamos a la capa principal y dejamos que la imaginación fluya...La capa principal hace referencia a todas las demas, con lo que adaptamos nuestro diseño a los margenes para conseguir una imagen visible en todo momento.


En ocasiones nos gusta hacer nuestros propios diseños y sin pensar en margenes, de todas maneras el tamaño será el de la plantilla que escaneamos.

Uno de los principales problemas es diseñar una imagen con todos sus componentes y luego intentar ubicarla de algun modo a tu blog, con lo que al final acabas perdiendo tiempo.
un ejemplo:

Otro de los problemas es que al ser un programa de internet si se te cuelga la pagina por lo que sea, todo tu trabajo se pierde.

Asi que es bueno guardar el trabajo en el formato de la web, aunque ocupa mas, consigues recuperar todas las capas.
Una vez finalizado el fondo, lo guardais en formato JPG. vais al blog:
Plantilla/Personalizar/Fondo/Imagen de fondo/Subir imagen/ [Examinar...] buscas la imagen jpg de tu fondo/Abrir/Finalizado.

Observar que la alineacion esté en medio alto y no tenga el visto en Desplazarse con la pagina.
Hecho esto, no tendria que haber ningun problema ;)