Colegio Gimnasio

Campestre San Sebastin

GUIA DE TRABAJO
NOMBRE: _______________________________________ GRADO: OCTAVO
PERIODO: CUARTO AREA: INFORMTICA FECHA: _______________
DOCENTE: FAISULID ANAYA

EXPLOREMOS
Los banners son grficas que se encuentran en todos los sitios de Internet, y probablemente ser
una de las primeras cosas que tendrs que crear cuando disees elementos para una pgina web.
Aunque Photoshop est destinado a ser un editor fotogrfico, es mucho ms verstil que esto. Este
software es una buena eleccin tanto para los principiantes como para los profesionales que
quieren crear grficas web simples. Es fcil de usar y ofrece muchas opciones para un aspirante a
diseador web.

Instrucciones
1)

Inicia Photoshop.

2)

Abre un nuevo archivo seleccionando Archivo> Nuevo desde el men de la parte superior
de la pantalla.

3)

Establece las dimensiones de la grfica. En el cuadro de opciones que se abre, nombra la

grfica, luego selecciona "pixeles" desde el men desplegable que est junto al campo "Anchura".
Pixeles es la unidad de medida predeterminada para las grficas web. Ajusta la "Altura" y
"Anchura" a tus valores deseados. Una anchura de 780 pixeles y una altura de 120 pixeles es un
buen punto de partida, pero estas medidas se pueden ajustar.

4)

Agrega una nueva capa. Selecciona Capa> Nueva desde el men superior de la pantalla.

5)

Nombra la capa. En el cuadro que se abre, escribe un nombre para la capa, como "fondo",
y luego presiona el botn "OK".

6)

Establece el color de fondo. Elige "Selector de color" desde el panel de herramientas.

Cuando se abra la ventana, utiliza tu cursor para escoger el color del fondo y luego cierra la
herramienta "Selector de color". Luego, selecciona "Bote de pintura" desde el panel de
herramientas. Despus haz clic con esta herramienta sobre la imagen que ha sido creada.

7)

Crea capas adicionales. Para agregar otra capa, y otro color al diseo, selecciona "Marco
rectangular" desde el panel de herramientas y dibuja la forma de la capa sobre la imagen.
Luego haz clic con el botn derecho (en una Mac mantn presionada la tecla "Control" y haz
clic con el nico botn del ratn) y selecciona "Nueva capa". Despus utiliza las herramientas
"Selector de color" y "Bote de pintura" para aadir color de la misma forma que en el paso anterior.

8)

Aade texto. Selecciona "Texto horizontal" desde el panel de herramientas. Haz clic sobre
la imagen donde escribirs el texto. Desde el men de opciones de la parte superior de la pantalla,
selecciona el tipo de fuente, el tamao y la alineacin del texto. Luego escribe el texto.
Con tus propias palabras crea un concepto de banner
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________

CONCEPTUALIZACION
Una de las claves de xito de una campaa de banners es el diseo del mismo. Cuando compites
con 2 a 5 anuncios en un sitio web por la atencin del usuario tienes que conocer las claves para
destacar. Te presento 5 puntos a tener en cuenta para un diseo ptimo del banner en una
campaa de publicidad

5 claves para el diseo de un banner

1. Contraste con el sitio donde te anuncias: en muchos casos el banner est perfectamente
adaptado al diseo del sitio. Aunque estticamente se consiga un buen resultado, a nivel de
atencin y clics recibidos, el banner ser prcticamente invisible. No siempre es posible encontrar
el contraste ideal visto que una campaa puede andar en 10-100 sitios al mismo tiempo. Una
variedad de colores le permite a la plataforma con la que trabajes identificar aquellas variaciones
que consigan los mejores resultados.
2. Variedad de formatos: el Robapginas (300250) y el Megabanner (72890) son los dos
formatos ms populares que reciben ms clics y trfico. Aun as hay sitios que ofrecen espacios
publicitarios que te pueden funcionar tambin muy bien. Como de antemano no se puede saber si
es suficiente limitarse a los formatos ms populares, hay que prever una variedad de formatos para
mantener la flexibilidad para la optimizacin de una campaa.
3. Convierte el banner en pgina de aterrizaje: una regla muy bsica de usabilidad es reducir el
nmero de clics para conseguir un resultado x (p.ej. una venta, un registro, una descarga, etc.).
Existen banners interactivos que permiten la integracin de formularios y se convierten de esta
manera en pginas de aterrizaje. En Coguan trabajamos desde el 2011 con este formato y puedo
confirmar que los resultados han sido muy satisfactorios.
4. Anuncia una promocin: los banners que mejor ratio de clics por impresiones (CTR, Click
Through Rate) consiguen son aquellos que anuncian con nmeros y porcentajes grandes
promociones o rebajas. Lo que funciona en el mundo offline tambin hay que aplicarlo al online. Ya
el hecho de utilizar la palabra descuento, sales o rebajas tiene una mejora considerable sobre
aquellas versiones de banners que no la contienen.
5. Crea asociaciones con algo ya conocido: en el uso de colores, formas y letras puedes hacer
uso de combinaciones que crean asociaciones positivas. Estas asociaciones suelen llamar la
atencin del usuario. Hay que tener cuidado cuando se crean p.ej. diseos que son demasiado
similares a anuncios muy populares de grandes marcas porque te pueden demandar. Otra tcnica
con menos riesgo es hacer referencia a noticias actuales que todo el mundo conoce.

TRABAJO INDIVIDUAL
1. Elaborar un banner tema libre

TRABAJO COLECTIVO
1. Elaborar un catlogo publicitario sobre la niez

TRABAJO EN CASA

1. Realiza un catlogo publicitario a una empresa

AUTOEVALUACION
ASPECTO A EVALUAR
No se me presento ninguna dificultad en el desarrollo de la gua.
Desarrolle las actividades en orden y con dedicacin.
Me sent a gusto en el desarrollo de las actividades colectivas.
Reforc y adquir nuevos conocimientos con las actividades
planeadas en la gua.

SI

NO