Practica 10 – Semana 13 – Nuestro Banner

Recordemos antes las observaciones Generales:

Recuerde que cada sección debe llevar los contenidos de la clase de proyecto de vida, de la misma forma
ninguna las herramientas que se coloquen dentro de su página debe estar sin contenido o explicación.

Parámetros:

El banner debe tener un marco

La imagen identifica su sitio web, su nombre completo y el nombre del sitio web.
Utilice mínimo dos filtros para el diseño del fondo del banner
Los textos insertados en el banner deben diseñarse con la opción crear logo de GIMP

Semana XII

Esta semana empezaremos a escribir en nuestras páginas.

Realizar por lo menos 3 slide en las páginas (social, deportiva y espectáculos), recuerda que este
trabajo es personal, por lo tanto su contenido también lo es. Las siguientes son opciones para
elaborarlo:
http://www.slide.com/main
http://www.flickr.com/
http://www.picturetrail.com/
http://www.divshare.com/

Tutorial completo de picturetrail

http://laeulalia-mas.blogspot.com/2008/08/presentaciones-en-el-blog-picturetrail.html

Tutorial completo de divshare

http://ciberprensa.com/divshare-el-youtube-del-audio/

Empecemos con nuestro Banner:

Primero mirara el ancho de nuestro banner para lo cual abrimos nuestro blog, lo editamos y editamos
además el encabezado, miramos en el fichero de imagen propia las medidas que debe tener nuestro
banner.

En este caso anchura: 666 px y altura: 160 px

Luego procedemos a abrir GIMP que ya debe estar
instalado gracias a la guía anterior sobre este tema: de lo
contrario de clic aquí para ver la página de GIMP

Damos clic en Archivo  Nuevo

Y lo primero que trabajamos son las dimensiones de
nuestro banner (666 * 160) en mi caso.

Si queremos elegir color

de fondo o transparencia
y los comentarios de
ayuda de identificación
de nuestro archivo,
damos clic en opciones
avanzadas.

Luego seleccionamos la
herramienta de mezcla interactiva y damos doble clic sobre los
tonos sobre los cuales queremos hacer la mezcla. En la figura se
ven claramente los dos pasos, luego se arrastra el cursor de abajo
hacia arriba como se indica en la figura o se coloca un solo
fondo con la herramienta de relleno y ya hemos generado
nuestro fondo.

Si queremos agregar elementos al banner un ejemplo seria:

Filtros  Luces y sombras  Supernova… y configuramos la
aparición de un destello. Se puede escoger el color del destello,
su configuración y damos clic en aceptar.
Agregamos una imagen:
Archivo  Abrir (Busco mi imagen) y debe
salir en una ventana como la de la imagen…
para quitarle el fondo blando, voy a la caja de
herramientas y doy clic sobre la varita mágica (selección
difusa) y luego doy clic sobre la sección en blanco de la
imagen, de esta manera selecciono la imagen desde su
contorno (sin el fondo).

Para copiar la imagen en mi Banner:

Doy clic derecho sobre la imagen  Seleccionar  Invertir
(para copiar solo al personaje sin el fondo).
Luego doy clic derecho  Editar  Copiar.
Voy a mi banner doy clic derecho  Editar  Pegar.

Para Mover, Rotar y Redimensionar la imagen en mi Banner:

Con las herramientas Mover, Rotación y escalado respectivamente realizo estas tareas,
cada vez que muevo o redimensiono la imagen debo actualizar este proceso en la
ventana de dialogo que se

Agregar un filtro:
De clic sobre la opción Filtros  Decorativos  Difuminar Bordes.
En el cuadro de dialogo trabaje las opciones de color, tamaño de borde y
de clic en aceptar. Maximice esta ventana.
Agregar el nombre:
Archivo  Crear  Logotipo  Neón Alienígena
(es mi opción).
En el cuadro de texto trabajamos el tamaño, color y
tipo de fuente.

Pasar al fondo del banner el texto:

Del menú Ventanas (Del texto) de clic en Diálogos Empotrables y luego en
Capas, se despliega la ventana Capas, como se muestra en la figura siguiente,
elimine la capa del background (fondo negro), para combinar las otras capas.
 A continuación posiciono el cursor sobre la
capa No. 1, voy al menú capa (de mi logo) y
doy clic en Combinar hacia abajo.
Con el anterior proceso queda una sola capa
para pasarla con todos los efectos al fondo del
banner.
Posiciono el cursor sobre la capa que me
quedo y la arrastro sobre el banner, al igual
que con la imagen, puedo mover, rotar y cambiar el tamaño del texto.

Luego guardamos:
Archivo  Guardar como  con la extensión cxcf, para poder realizar modificaciones posteriores o
como imagen de jpg si lo vamos a importar a nuestro blog de una vez.

Si lo guardamos
como imagen jpeg,
nos va a pedir que
lo exportemos antes
de guardarlo.

Colocarlo en nuestro blog:

Abrimos nuestro blog, iniciamos sesión, editamos la imagen del
encabezado, elegimos el fichero de imagen propia, damos clic en el botón de seleccionar archivo,
buscamos nuestro banner y damos clic en el botón de subir imagen.
Borramos el titulo, y
damos clic en vista
previa… el mío no
quedo muy bien…
después lo cambio…
solo lo voy a dejar
esta semana, por
aquello de la practica.

Espero que esta guía les sea de mucha utilidad..!

Lic. Edgar Guzmán G. - Facultad de Ingeniería - Área GBI