Post on 08-Jul-2015
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 1/10
COMO CREAR UN BANNER
Ingresar a la página http://creatubanner.com/
Esta es la página que se muestra:
Observe que hay 3 pestañas de configuración del banner que son: Diseño, Texto, Borde,
Efectos y Guardar, también está el botón que permite actualizar los cambios que se encuentra
a la derecha y es Aplicar, ahora vamos a configurar el banner usando cada una de las
opciones de las pestañas.
Diseño
En esta pestaña podemos escoger el tamaño del banner así como el color de fondo que
deseemos aplicar, también podemos usar nuestra propia imagen de fondo de acuerdo para
que lo necesitemos.
Este es el banner que aparece por defecto
Vamos a utilizar el tamaño clásico para un banner es decir 728x90 – Leaderboard el que esta
seleccionado
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 2/10
Luego vamos a aplicarle el color del fondo al banner, observe que podemos aplicarle 2 colores
También podemos elegir un estilo del color o degradado
En primer color vamos a seleccionar el siguiente, moviendo las barras de la paleta de colores,
observe:
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Ahora cambiaremos el segundo color de igual forma que el primero, seleccionando el
siguiente:
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 3/10
Ahora damos clic en la pestaña Texto y observe las opciones que aparecen, aquí podemos
cambiar los textos que aparecen por defecto en el banner, además podemos modificar el color
de cada texto, el tamaño, el tipo de texto, la distancia entre cada letra del texto, el color de
sombra y su posición en el banner:
Ahora vamos a modificar el texto Crear Tu Banner, por CURSO DE EXCEL AVANZADO (ustedes
ponen el nombre de su curso).
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 4/10
Ahora cambiamos el Color del texto de seleccionando el que se indica, el tamaño escogemos
18, observe:
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Ahora cambiaremos el color de sombra al que se indica y la distancia de la sombra la dejamos
en 1, observe:
Dar clic en el botón Aplicar:
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 5/10
Y observe como queda el banner ahora:
Para cambiar el tipo de letra damos clic sobre
Observe que aparecen los tipos de fuente para aplicar:
Seleccionamos el siguiente tipo
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Ahora vamos a mover el texto para que no quede superpuesto con los otros, observe la
ubicación de las barras laterales tanto vertical izquierda como horizontal baja, moviéndolas
podemos cambiar la posición del texto en el banner, la barra vertical mueve el texto de arriba
abajo y la barra horizontal mueve el texto de izquierda a derecha.
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 6/10
Mueva la barra vertical un poco hacia arriba, observe hasta donde:
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Cambie el tamaño del texto a 16 y de clic en el botón aplicar y observe como queda el textoen el banner:
Ahora de igual forma vamos a modificar el texto de arriba por:
El color del texto es el siguiente:
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 7/10
El tipo de texto es el siguiente:
Tamaño de texto es:
El color de sombra es el siguiente:
La distancia es la siguiente:
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Por último vamos a modificar el texto de debajo de la siguiente forma:
El color del texto es el siguiente:
El tipo de texto es el siguiente:
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 8/10
Tamaño de texto es:
El color de sombra es el siguiente:
La distancia es la siguiente:
La distancia de la barra horizontal es la siguiente:
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Seleccionamos la pestaña Borde y le aplicamos el color del borde del banner y el tamaño,observe:
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Seleccionamos la Pestaña Efectos y escogemos el siguiente:
5/9/2018 Como Crear Un Banner - slidepdf.com
http://slidepdf.com/reader/full/como-crear-un-banner 9/10
y clic en
Dar clic en el botón Aplicar:
Y observe como queda el banner ahora:
Ahora para obtener la imagen del banner que acabamos de crear damos clic en la pestaña
Guardar, observe las opciones que aparece:
Dejamos las opciones por defecto y damos clic en Guardar y obtener código, observe que
aparece una dirección abajo:
Copiamos esta dirección, abrimos una ventana de navegador y la pegamos y damos enter:
Para guardarla, damos clic derecho sobre la imagen del banner, luego escogemos Guardarimagen como, digitamos el nombre por ejemplo banner_curso, escogemos donde vamos a
guardar el archivo y damos clic en Guardar.
De esta forma ya tiene la imagen del banner en su computador lista para montarla en los
anuncios del curso o donde el tutor se lo indique.
En una nueva guía se le explicará cómo deben montar la imagen dentro de las actividades del
curso.
Recuerden ustedes pueden de acuerdo a los pasos vistos en esta guía diseñar su propio
banner con colores, letra, tamaño, borde y efectos que elijan.