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.

5/9/2018 Como Crear Un Banner - slidepdf.com

http://slidepdf.com/reader/full/como-crear-un-banner 10/10

Cabe destacar que esta es una pequeña opción de cómo hacer un banner sencillo ya que

existen muchas herramientas más sofisticadas para crear mejores diseños.