Estuve buscando programas sencillos para crear páginas web.
Me encontre con Koolmoves.
Si bien no es complicado de usar, tiene herramientas más complejas y a medida que experimentemos las utilizaremos.
Les dejo un pequeño tutorial para comenzar.
Luego les podre explicar como añadir vinculos, email, música, sonidos a los botones etc.
Aunque a medida que lo usen veran lo sencillo que es.
1- Movie Width Height
Es el tamaño que utilizaremos para nuestra página.
Por lo general yo no uso más de 800x600...
Depende de tu destino y alcance de gente...
Porque? algunas maquinas tienen configuradas...todavia la resolución 800x600 y si usamos una imagen mayor no se podrá visualizar bien.
Por lo menos por ahora...pero si el destino es llegar a gente joven...podemos utilizar tranquilamente la resolucion 1024x768 o mayor.
O bien armar la misma pagina en ambas resoluciones y crear un Html con acceso a las mismas...por ejemplo.
Entrar version 800x600 Entrar version 1024x768
2- Agregar frames o cuadros a nuestra película.
En este caso agregue solo 20 frames...y si nos quedamos sin cuadros los podremos agregar luego.
En que consisten los cuadros?
Son las páginas y/o cuadros que usemos para animación o solo para información.
3- Agregando un rectángulo con degradé
Para la intro voy a utilizar algo básico. Un rectángulo con degradé y un texto con animación.
Importante! Siempre recuerden cuando insertan una imagen...ya sea jpg, bmp, animacion swf etc...pongan Current frame.
Que es cuadro actual, si no nos duplica la imagen en todos los cuadro o los que queremos.
Hacer doble click en el recuadro que agregamos y tenemos varias opciones.
Seleccionamos Color/fill
Agregando el texto
Hacemos doble click en el texto y elegimos Effects - 3D
Nos encontramos con animaciones de texto e imágenes.
En este caso efecto spiral
Loop si queremos que se repita el efecto continuamente
Revese effect A la inversa
El resto vallan probando...
4- Tiempo de cada cuadro
Al primer cuadro le daré solo 3 segundos...que es lo que tarda aprox. la animación del texto.
Cuanto mayor sea la animación mayor tiempo le daremos o si no se cortara y saltará al proximo cuadro.
5- Cuadro 2 Frame 2 donde pondré el menú de la página.
Para cambiar e ir al siguiente cuadro los controles estan en la parte inferior derecha.
Le insertaré una imagen JPG y luego varios textos...
6- Convirtiendo textos o iconos a Botones.
Porque? Para pasar cada frame...
Por ejemplo el texto Biografia lo convierto en boton...(doble click en el texto y elegir Behavior is a button YES
y luego le asigno que cuando pulsemos ese boton valla al cuadro 3
7- Cambiando estados del boton
Cuando nos posamos en el boton...podemos hacer que cambie de forma o color...asi como si lo pulsamos.
En este ejemplo solo voy a hacer que se vuelva un tono más claro cada vez que nos posemos en ese boton.
En la propiedad del objeto elegimos states...
dentro tenemos Up Over Down
Up es el actual
Over cuando los posamos
Down cuando pulsamos el boton.
8- Insertando animaciones Flash .swf
Voy al cuadro 3 donde estará el item de biografia y le inserto una animacion flash.
Lo pueden encontrar en sitios como Leviated y miles de paginas más...Busquen animaciones swf y podran poner lo que quieran.
Dentro de File - Import
elegimos SWF
Import as an object click en options y destildamos los dos items
Hacemos doble click sobre la animación y elegimos Load/Embed.
Que significa? que si la animacion estará dentro de nuestra película o la cargará de forma externa.
Elegi Embed asi no tengo que subir al servidor la animación...
9- Boton de regreso
Repetimos el paso 6 en este caso use un PNG de boton y le asigne que cuando pulsemos valla al cuadro 2
para volver al menú principal.
10- Detener película en el cuadro 2
Si no detenemos la película en el menú seguira de largo...
Para que se detenga tenemos que hacer click en Views - Actions and sounds.
Manejaremos los sonidos y acciones de cada cuadro. Poemos poner un mp3 en el primer cuadro con loop para que tenga una musica nuestra pagina...pero lo explico en otro momento.
Elegimos el cuadro 2 click en ... e seleccionamos stop movie
11- Terminando la página...
Vamos a exportar la página a swf y html que son los archivos que tenemos que poner en un hosting.
Hay muchos y gratis como google.
Guardamos el projecto por si queremos editarlo luego.
Como quedaria...algo así...
link:
Pulsen en Full screen...
Aclaro que le falta el color del background o imagen...alineado a la página...que eso va con el codigo HTML...
no lo he subido ya que necesito el hosting...pero les dejo el ejemplo para que lo vean...
Otros ejemplos.....
de páginas que hice...
FIN
Me encontre con Koolmoves.
Si bien no es complicado de usar, tiene herramientas más complejas y a medida que experimentemos las utilizaremos.
Les dejo un pequeño tutorial para comenzar.
Luego les podre explicar como añadir vinculos, email, música, sonidos a los botones etc.
Aunque a medida que lo usen veran lo sencillo que es.
1- Movie Width Height
Es el tamaño que utilizaremos para nuestra página.
Por lo general yo no uso más de 800x600...
Depende de tu destino y alcance de gente...
Porque? algunas maquinas tienen configuradas...todavia la resolución 800x600 y si usamos una imagen mayor no se podrá visualizar bien.
Por lo menos por ahora...pero si el destino es llegar a gente joven...podemos utilizar tranquilamente la resolucion 1024x768 o mayor.
O bien armar la misma pagina en ambas resoluciones y crear un Html con acceso a las mismas...por ejemplo.
Entrar version 800x600 Entrar version 1024x768
2- Agregar frames o cuadros a nuestra película.
En este caso agregue solo 20 frames...y si nos quedamos sin cuadros los podremos agregar luego.
En que consisten los cuadros?
Son las páginas y/o cuadros que usemos para animación o solo para información.
3- Agregando un rectángulo con degradé
Para la intro voy a utilizar algo básico. Un rectángulo con degradé y un texto con animación.
Importante! Siempre recuerden cuando insertan una imagen...ya sea jpg, bmp, animacion swf etc...pongan Current frame.
Que es cuadro actual, si no nos duplica la imagen en todos los cuadro o los que queremos.
Hacer doble click en el recuadro que agregamos y tenemos varias opciones.
Seleccionamos Color/fill
Agregando el texto
Hacemos doble click en el texto y elegimos Effects - 3D
Nos encontramos con animaciones de texto e imágenes.
En este caso efecto spiral
Loop si queremos que se repita el efecto continuamente
Revese effect A la inversa
El resto vallan probando...
4- Tiempo de cada cuadro
Al primer cuadro le daré solo 3 segundos...que es lo que tarda aprox. la animación del texto.
Cuanto mayor sea la animación mayor tiempo le daremos o si no se cortara y saltará al proximo cuadro.
5- Cuadro 2 Frame 2 donde pondré el menú de la página.
Para cambiar e ir al siguiente cuadro los controles estan en la parte inferior derecha.
Le insertaré una imagen JPG y luego varios textos...
6- Convirtiendo textos o iconos a Botones.
Porque? Para pasar cada frame...
Por ejemplo el texto Biografia lo convierto en boton...(doble click en el texto y elegir Behavior is a button YES
y luego le asigno que cuando pulsemos ese boton valla al cuadro 3
7- Cambiando estados del boton
Cuando nos posamos en el boton...podemos hacer que cambie de forma o color...asi como si lo pulsamos.
En este ejemplo solo voy a hacer que se vuelva un tono más claro cada vez que nos posemos en ese boton.
En la propiedad del objeto elegimos states...
dentro tenemos Up Over Down
Up es el actual
Over cuando los posamos
Down cuando pulsamos el boton.
8- Insertando animaciones Flash .swf
Voy al cuadro 3 donde estará el item de biografia y le inserto una animacion flash.
Lo pueden encontrar en sitios como Leviated y miles de paginas más...Busquen animaciones swf y podran poner lo que quieran.
Dentro de File - Import
elegimos SWF
Import as an object click en options y destildamos los dos items
Hacemos doble click sobre la animación y elegimos Load/Embed.
Que significa? que si la animacion estará dentro de nuestra película o la cargará de forma externa.
Elegi Embed asi no tengo que subir al servidor la animación...
9- Boton de regreso
Repetimos el paso 6 en este caso use un PNG de boton y le asigne que cuando pulsemos valla al cuadro 2
para volver al menú principal.
10- Detener película en el cuadro 2
Si no detenemos la película en el menú seguira de largo...
Para que se detenga tenemos que hacer click en Views - Actions and sounds.
Manejaremos los sonidos y acciones de cada cuadro. Poemos poner un mp3 en el primer cuadro con loop para que tenga una musica nuestra pagina...pero lo explico en otro momento.
Elegimos el cuadro 2 click en ... e seleccionamos stop movie
11- Terminando la página...
Vamos a exportar la página a swf y html que son los archivos que tenemos que poner en un hosting.
Hay muchos y gratis como google.
Guardamos el projecto por si queremos editarlo luego.
Como quedaria...algo así...
link:
Pulsen en Full screen...
Aclaro que le falta el color del background o imagen...alineado a la página...que eso va con el codigo HTML...
no lo he subido ya que necesito el hosting...pero les dejo el ejemplo para que lo vean...
Otros ejemplos.....
de páginas que hice...
FIN