|
Gif animados:
Vamos a ver como hacemos un GIF ANIMADO.
(Construir un GIF animado) (Hacer Banner)
Los .gif
y los .jpg son los tipos de
imágenes más utilizados en Internet.
(aunque también se admiten otros tipos de archivos como los
png).
Los archivos
jpg tienen la ventaja que se pueden comprimir
y que se puede ajustar la relación de compresión. Aunque
a mayor compresión, menor calidad. Hay muchos programas que
pueden comprimir los jpg, se me ocurre ahora el Paint Shop Pro, el
snagit32, PhotoEd (Ver final de esta página), etc,... . Los
jpg se suelen utilizar para las fotos.
Los archivos gif
son propiedad de Compuserve (o al menos su patente) y se suelen utilizar
para mostrar gráficos, emblemas, banners, logos, botones, etc
....Tienen dos ventajas importantes:
a) Se les
puede poner a la imagen fondo transparente,
para que quede mejor insertado en la página. El mencionado
Paint Shop Pro, PhotoEd, incluso el MSPaint y otros muchos programas
puede realizar gif con fondo transparente.
b) Otra
ventaja es que se pueden hacer gif animados.
Esto consiste en coger varios archivos .gif y unirlos en uno. De forma
parecida a unir los fotogramas de una película. Esta es una
de las formas de hacer banners y gif animados. También hay
muchos programas para montar gif animados, son muy fáciles
de usar. Como el GIF Animator 2 o el GIF Construction Set.
Vamos a utilizar una versión
veterana de éste último. Para ello, bajamos el programa:
GIF Construction Set (Gifcon32.exe)(800
K). Lo instalamos (Unzip).
(Se ejecuta mediante C:\GIFconset\gifcon32.exe).
Ahora baja este archivo coco.exe
(232 K) y ejecútalo (Unzip). Este archivo es un fichero comprimido
y autoejecutable, que creará estas carpetas C:\GIF\COCO y
dentro de ella pondrá 12 archivos.gif. Se trata de unir en
un solo fichero. gif los 12 archivos mencionados.
Será algo así como unir los fotogramas de una película.
El resultado será un GIF animado.
Ejecuta el GIF Construction Set (gifcon32.exe).
Luego pulsas File / Animation Wizard
Next
Yes, for use with a Web page
Next
Loop indefinitely
Next
Matched to first palette
Next
100 hundredths
Select
Selecciona los gif de la carpeta C:\GIF\COCO c01.gif, c02.gif, c03.gif,
c04.gif, c05.gif ..... c12.gif
Next
Done
Ya están
View
Vamos a guardarlo: Save as ..... C:\GIF\COCO\cocolin.gif
Ya tenemos un GIF animado que podemos poner en nuestra página
de Internet.
El programa tiene más posibilidades como:
Manage/Select All/Set all existing controls/Apply
/Delay 50 Irá más rápido.
Edit/Transition: presentación
de una imagen. Por ejemplo:

Edit/LED Sign: puede
realizar efectos como este:

Espero que te hayas divertido.
Fondos transparentes.
Se dice que una imagen
tiene fondo transparente cuando no tiene color de fondo, de manera
que cuando se inserta en una página, su fondo toma el color
de la página. A las imagenes gif, se les puede poner fondo
transparente como hemos comentado arriba.
Aquí vemos a la izquierda una
imagen con fondo verde y a la derecha la misma imagen con fondo
transparente.
¿Cómo puedo
ponerle a un dibujo fondo transparente?
Hay muchas aplicaciones desde el Paint
Shop Pro hasta algunas versiones del MSPaint.
Pero vamos hacerlo desde el GIF Construction Set.
1.- File / Open ----------> Buscamos un dibujo.gif
2.- Pulsamos el botón Manage.
3.- Marcamos donde pone IMAGE 379 x 251, 256 colours
4.- Marcamos Insert before select images y pulsamos Apply.
5.- Marcamos Transparent colour.
6.- Elegimos un color con el botón que tiene a su derecha.

PHOTOED
Con el Office, se instala un programa de Microsoft
llamado PHOTOED
(¿Por qué lo tendrán tan oculto?)
Está en: \Archivos de programa\Archivos comunes\Microsoft
Shared\PhotoEd
Si no lo tienes lo puedes bajar de aquí:
photoed.zip (792 K)
Con este programa también podemos hacer
GIF con fondo transparente.
(A los JPG no se les puede poner fondo transparente)
Lo ponemos mediante Herramientas / Definir color
transparente (Elegir un color del dibujo)
Guardar como .... (.GIF)
También podemos guardar un archivo JPG
(No acepta fondo transparente)
Cuando vayas a Guardar como ... (.JPG) observarás que sale
un botón que pone Más >>
Si mueves Factor de calidad (1 a 100) observarás
que al quitar calidad al dibujo éste ocupará menos
Tamaño de bytes.
Programa para hacer Banners
Este es un programa muy bueno para
hacer banners
Pulsa sobre el banner:

hacerbanner.zip
(3 MB)
Sonido de fondo.
Si quieres que tu página Web tenga un sonido
de fondo puedes poner entre <HEAD> y </HEAD> esta orden:
<bgsound src="musica.wav" loop="5">
Esto valdrá para el Internet Explorer.
|