Photoshop

Image Ready 1.

En esta sesión vas a aprender a crear banners sencillos animados utilizando Photoshop e ImageReady.

1.- En este caso vamos a crear un banner en la medida de 468x60 pixeles, Es muy recomendable que nuestro gráfico no supere los 15 Kb de peso, para que al momento de cargarlo no sea muy tardado el proceso.

Haz Click en Archivo Nuevo o Ctrl+N

En la pantalla que veremos debemos colocar los siguientes valores :

Anchura = 468 - Seleccionar Pixeles
Altura = 60 - Seleccionar Pixeles
Resolución = 28,346 Pixeles/cm - Dejar el valor por defecto
Modo = Color RGB
Contenido = Blanco

2.- Elabora cada imagen que vas a ocupar en tu banner y cuando termines cada una guárdala en formato gif dentro de alguna carpeta. En este ejemplo se utilizaron las siguientes imágenes.







3.- Cuando hayas terminado de editar todas tus imágenes, abre ImageReady (Ctrl-May-M).

4.- Dentro de ImageReady haz click en Archivo/Importar/Carpeta como cuadros y selecciona la carpeta en donde guardaste las imágenes que vas a ocupar en tu banner.

5.- Con la ayuda del maestro configura las opciones de reproducción de la animación.

6.- Guarda el banner animado haciendo click en Archivo/Guardar Optimizada como. Verifica que el tipo sea Sólo imágenes (*.gif)

7.- Ya has creado tu gif animado. El resultado final es el siguiente:


EJERCICIOS:

1.- Elabora el banner animado utilizando las imágenes de este ejemplo.

2.- Crea 10 banners animados en donde promociones algún producto o servicio (celulares, videojuegos, comidas, bebidas, deportes, etc.) Deberás utilizar imágenes y texto en tus banners.



Cuando termines avisa a tu maestro para que te califique
.



Profr. Pedro Manelich Osorio Montes