Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

GUIA DE AUTOAPRENDIZAJE Nº 15

COMO CREAR Y CONFIGURAR UN BLOG NUEVO, CON ENCABEZADO ARTISTICO PASO Nº 1 ENTRAMOS A NUESTRO BLOGER

Prof. Giovanni García Manrique

Pág. Nº 1

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

PASO Nº 2 CREAMOS UN NUEVO BLOG (PARA COMUNICACIÓN)

Prof. Giovanni García Manrique

Pág. Nº 2

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

PASO Nº 3 CONFIGURAREMOS EL BLOG NUEVO (COMUNICACIÓN)

Nos vamos a PLANTILLA y escogemos una plantilla sencilla y presionamos el botón aplicar a blog.

Ahora presionamos el botón PERSONALIZAR

Prof. Giovanni García Manrique

Pág. Nº 3

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

Aquí podrás encontrar todas las opciones para configurar tu blog a tu manera, gusto y estilo – Por ejemplo usaré tonos de color verde para mi blog

PLANTILLAS: aquí encontraras la posibilidad de cambiar de plantillas pero como se te había sugerido usa una plantilla sencilla

FONDO: puedes cambiar de diseño de fondo y utilizar si gustas gamas de colores sugeridos

AJUSTAR ANCHO: puedes cambiar el ancho del cuerpo para escribir tus entradas así como el espacio para colocar tus datos personales, puedes experimentar o dejarlo como está.

Prof. Giovanni García Manrique

Pág. Nº 4

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

DISEÑO: Es la configuración de los espacios de tu blog, por ejemplo tu encabezado, tus entradas, tus datos:

AVANZADO: Aquí encontraras todas las opciones para poder cambiar tu Blog al detalle, Tipos de letras, Títulos, colores de fondo, etc. Te sugiero paciencia y experimenta cada una de ellas aquí los más destacados: TEXTO DE LA PÁGINA: puedes escoger el color del texto con que se escribirá las entradas y tipo de letra. Sugiero color que contrasta con el fondo y tipo de letra legible.

FONDOS: aquí puedes cambiar el color de fondo, el color del cuerpo y de la cabecera

Fondo

Título de cabecera

Exterior Fondo Principal Prof. Giovanni García Manrique

Pág. Nº 5

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

ENLACES: Con esto puedo controlar el color de los títulos de las entradas. (Investiga son tres estados).

PIE DE PÁGINA DE LA ENTRADA: Como puede observarse se puede cambar el color de fondo, color de texto y sombra.

NO TE OLVIDES QUE DESPUÉS DE CADA CAMBIO PRESIONES EL BOTON

PARA GUARDAR LO TRABAJADO.

Prof. Giovanni García Manrique

Pág. Nº 6

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

CAMBIANDO EL TÍTULO DEL BLOG POR UN ARTE HECHO EN PHOTOSHOP

1 PASO: Presionamos el botón (ver blog)

2 PASO: Maximiza la pantalla del blog si no la esta.

3 PASO: Teniendo la pantalla del Blog Maximizada procederemos a tomar una foto de la pantalla, usando el siguiente procedimiento: en la parte superior derecha del teclado identificarás tres teclas (Imp Pant, Bloq Despl, Pausa) Presiona una sola vez:

Prof. Giovanni García Manrique

Pág. Nº 7

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

4 PASO: Abre PhotoShop y luego ejecuta los siguientes comandos: Archivo/ Nuevo y luego OK Edición/ Pegar (y te saldrá la pantalla del Blog)

Selecciona la Herramienta Marco Rectangular

Ahora seleccionamos la cabecera de nuestro Blog: (Con cuidado y siendo exactos)

Prof. Giovanni García Manrique

Pág. Nº 8

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

Ahora los siguientes comandos: Edición/ Copiar Archivo/ Nuevo y Ok (Ahora tendremos nuestro cabezal del blog en blanco)

Usando la Herramienta Cuenta Gotas:

Vamos al lienzo anterior y chupamos el color de nuestra cabecera de nuestro Blog:

Prof. Giovanni García Manrique

Pág. Nº 9

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

Con el color seleccionado seleccionamos la herramienta Bote de Pintura:

Vamos a nuestro lienzo donde se encuentra nuestro cabezal en blanco y lo pintamos:

Estamos listos para realizar nuestro arte. Aquí te doy algunas Ideas, al final tu eres el que decides como crear tu encabezado en forma personalizada: Como es un Blog que habla de Literatura Universal voy a decidir en bajar obras de la literatura universal desde la época antigua hasta nuestra actualidad por lo menos 5 imágenes para hacer un collage. Estas imágenes las puedes babar a tu carpeta imágenes.

Prof. Giovanni García Manrique

Pág. Nº 10

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

En el PhotoShop Abro la primera imagen de la siguiente manera, comandos: Archivo / Abrir (Selecciono la imagen y luego OK) Una vez abierta la imagen procedemos a seleccionar la imagen (una sugerencia si se trata de obras puedes usar la herramienta Marco Rectangular, pero si son autores puedes usar la Herramienta Marco Elíptico) En ambos casos también te sugiero usar un desvanecimiento de 10 px

Luego de seleccionar usar los comandos: Edición/ Copiar Ahora pasamos a nuestro lienzo donde esta nuestra cabecera vacía:

Prof. Giovanni García Manrique

Pág. Nº 11

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

Usamos los siguientes comandos: Edición / Pegar

Como podemos observar la imagen es demasiado grande, como podemos reducir su tamaño y adecuarlo a nuestro lienzo, para eso podemos usar los comandos:

Edición / Transformar / Escala Te saldrán tiradores para ajustar la imagen, te aconsejo ajustar el alto de la imagen de la siguiente manera, observa cómo cambian los números del porcentaje del Alto: 38.64% este mismo número debe tener el alto, ten en cuenta esto para que la imagen no se distorsione

Luego de ajustado la imagen y que el Al y el An sean iguales no te olvides de darle doble clic dentro de la imagen, para que se aplique el ajuste. Prof. Giovanni García Manrique

Pág. Nº 12

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

Para mover la imagen dentro del lienzo ten en cuenta lo siguiente: Usa la herramienta mover:

También fíjate que estas usando la capa correspondiente ya que cada imagen y textos se encuentran en una capa diferente y si no tienes la capa correspondiente no se podrá mover la imagen:

Una vez terminado tu collage puedes usar la herramienta texto para poner el rótulo correspondiente: (Acuérdate en la parte superior tienes el color de texto, tamaño, tipo de letra, etc)

Prof. Giovanni García Manrique

Pág. Nº 13

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

También te recuerdo que tienes efectos muy interesantes usando los comandos: Capa / Estilo de Capa (Aquí tienes varios estilos, experiméntalos, por ejemplo: Sombra Paralela)

Una vez terminado tu arte, ten mucho cuidado que hay que guardarlo, te aconsejo guardarlo primero como photoshop para que puedas cuando quieras volver a modificar tu trabajo para ello usa los comandos: Archivo / Guardar como (selecciona el nombre y listo)

Ahora si guardaremos para ponerlo en nuestro Blog, para eso usa los comandos: Archivo / Guardar para Web (Ten en cuenta lo siguiente..) Que este en JPEG y en Alta

Termina guardándolo en una carpeta conocida y con un nombre conocido como: encabezadodeblog

Prof. Giovanni García Manrique

Pág. Nº 14

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

Aquí tienes algunos resultados finales:

(En este caso se usó marco elíptico para seleccionar los rostros con un desvanecimiento de 10px)

BUENO LLEGÓ EL MOMENTO DE PONERLO EN EL BLOG DE COMUNICACIÓN, SIGUE LO SIGUIENTE… 1 PASO: Entra al Blogger de Comunicación y selecciona el comando DISEÑO. 2 PASO: Busca la cabecera del Blog y presiona Editar

Prof. Giovanni García Manrique

Pág. Nº 15

Blog - Aplicaciones

Creación – Personalización y diseño de encabezado artístico

Te saldrá el siguiente cuadro:

Selecciona el botón (Seleccionar archivo) y busca el archivo de tu encabezado y pones Abrir

Selecciona: (En lugar del Título y la Descripción) Y luego el botón (Guardar)

Ahora tu Blog estará totalmente personalizado

Prof. Giovanni García Manrique

Pág. Nº 16