Animación del banner  

Posted by Danny in

3.3. Animación del Banner


Una vez que tenemos la ventana de animación abierta, comenzamos a animar nuestro banner.

Lo primero que debemos hacer es hacer invisibles las capas que no queremos que se vean (pulsaremos en el icono ojo de cada capa).



Después iremos creando capas en la ventana animación y vamos pulsando en el icono ojo del mensaje que queremos que aparezca. Hasta que veamos el mensaje entero (crearemos tantas capas en la ventana animación como capas tengamos en la ventana capas).



3.4 Establecer el tiempo de intervalo y guardar el banner.

Por último tenemos que elegir el intervalo de tiempo en el que irán apareciendo los mensajes. Para ello seleccionamos la capa y pulsamos en la pestaña tiempo que hay en cada capa, y elegimos el tiempo de intervalo.

Una vez elegido el tiempo, pulsamos Archivo > Guardar Optimizada. Y ya tendremos nuestro banner Animado.


NOTA: Con este capítulo hemos llegado al final del curso.

Exportar documento PSD de Photoshop a ImageReady  

Posted by Danny in

3.2 Exportar el documento PSD de Photoshop a ImageReady.

Para animar el banner utilizaremos ImageReady, accederemos a través de:



Y podremos comenzar a animar nuestro banner.

Es importante abrir la ventana Animación, ya que sin ella no podremos realizar nuestro trabajo. La encontraremos en Ventana > Animación.

PSD (archivo de Photoshop). Guardar el documento en PSD de un Banner en Photoshop  

Posted by Danny in

3. Banner Animado.


Para realizar un banner animado, seguiremos los mismos pasos que para un banner inanimado.

Lo único que cambia es que debemos usar diferente capas donde aparecerán los diferentes mensajes que queremos que aparezcan en nuestro banner publicitario.

Pulsaremos la herramienta texto y escribiremos dentro del banner, y lo haremos con cada mensaje, así aparecerán diferentes capas.



Es importante que guardemos este PSD (formato en el que se guardan los archivos de photoshop) para que si una vez hecho el banner (que se guarda en formato GIF) queremos hacer algún cambio. Para ello pulsamos Archivo > Guardar y aceptamos.

Para ver un determinado mensaje sin visualizar los otros sólo tenemos que hacer clic en el ojo del las capas que no queremos que se visualicen, y estas dejaran de verse.

Paletas de carácter y párrafo de una Banner en Photoshop  

Posted by Danny in

Conmutar paletas de caracter y párrafo:





Una vez que hemos elegido el color, el tipo de letra (Fuente), el tamaño, etc., escribimos nuestro mensaje dentro del banner.



Cuando ya hemos terminado de escribir, pulsamos: Archivo > Guardar para la Web y damos Aceptar.

Texto. Introducir el texto de un Banner en Photoshop  

Posted by Danny in

Introducir el Texto del Banner.

Como ya dijimos el banner es una imagen publicitaria que se coloca en nuestra Web o en nuestra plantilla de correo electrónico. Por ello la parte más importante es el mensaje que aparece en el banner.

Una vez que tenemos el color de fondo o la imagen, debemos introducir el texto, para ello seleccionamos la herramienta de texto.



Pulsamos dentro del banner y arrastramos nos aparecerá un rectángulo en el que escribiremos nuestro mensaje.

Antes de proceder a escribir, cambiamos el color de la letra, ya que si mantenemos como color frontal el que hemos utilizado para el fondo del banner, no se distinguirá.

Aunque hay varias formas de cambiar el color de la letra que queremos emplear, recomiendo que uséis la ventana conmutar paletas de caracter y párrafo, ya que en ella no sólo se puede cambiar el color sino también el tipo de letra, el tamaño, la forma del párrafo; si la queremos negrita, cursiva, etc.

Color del fondo de un Banner en Photoshop II  

Posted by Danny in

En el caso de que no queramos que el fondo de nuestro banner sea negro, daremos doble clic en configurar control frontal.



Nos aparecerá la ventana de selector de color, y en ella elegimos el color que queremos utilizar como fondo.



Una vez elegido pulsamos sobre la herramienta "Bote de Pintura" y damos clic dentro del banner, el fondo pasará a ser el color que hemos seleccionado.



También podríamos usar como fondo una imagen que tengamos guardada en el PC. Para ello la abriríamos, la seleccionaríamos y la arrastraríamos dentro de nuestro banner.

Color del fondo sw un Banner en Photoshop I  

Posted by Danny in

2.2. Selección del color de fondo.

Damos al botón Aceptar, y nos aparece la siguiente imagen:



Para cambiar el color de fondo podemos utilizar varias herramientas:

- Pincel
- Bote de pintura

Como lo que queremos es que todo el fondo sea homogéneo y no tenga ninguna mancha blanca, utilizaremos la herramienta bote de pintura.



Nota: En el siguiente capítulo continuamos con las modificaciones de color.