Menú para un Sitio Web con Secciones Animadas (tercera parte)
Tutorial Flash 8 Web con Secciones Animadas Paso a Paso (Tercera Parte de Tres). En esta ultima parte del tutorial se trabajara en las animaciones para cada una de las diferentes secciones y de esta forma queden enlazadas al hacer clic en lada uno de los botones.
22-. Agregar una segunda capa en el símbolo animación web y cambiar el nombre de la capa por el de animar secciones.
a)-. Insertar un fotograma clave (F6) en frame #2.
b)-. Arrastrar desde la biblioteca el símbolo secciones.
c)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 40.0.
23-. Insertar dos fotogramas clave (F6) uno en el frame #10 y otro en el frame #11
24-. Seleccionar el símbolo del fotograma 1.
a)-. Reducir las dimensiones a 400.0 * 1.0 píxeles de ancho y alto.
25-. Ahora seleccionar el fotograma 1
a)-. En la barra de Propiedades hacer la animación de Movimiento
26-. Avanzar al fotograma 11 y en la barra de Acciones – fotograma insertar stop();
a)-. Insertar un campo de Texto estático con la frase Inicio.
27-. Seleccionar los fotogramas 2 al 11.
a)-. Hacer clic con el botón derecho del ratón y en el menú desplegado seleccionar la opción Copiar fotogramas.
28-. Insertar un fotograma clave vacío (F7) en el frame #12.
a)-. Hacer clic con el botón derecho del ratón en el fotograma vacío, seleccionar Pegar fotogramas en el menú desplegado.
29-. En el fotograma 21 cambiar el nombre de la sección (inicio por galería)
30-. Insertar un fotograma clave vacío (F7) en el frame 22.
a)-. Hacer clic con el botón derecho del ratón en el fotograma vacío, seleccionar Pegar fotogramas en el menú desplegado.
31-. En el fotograma 31 cambiar el nombre de la sección (inicio por contacto)
32-. Insertar un fotograma clave vacío (F7) en el frame #32.
a)-. Hacer clic con el botón derecho del ratón en el fotograma vacío, seleccionar Pegar fotogramas en el menú desplegado.
33-. En el fotograma 41 cambiar el nombre de la sección (inicio por control)
34-. Seleccionar los fotogramas 41al 67 y suprimirlos con (shift +F5)
35-. Regresar a la Escena y arrastrar desde la biblioteca el símbolo animación web.
a)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.
Con esta acción queda concluido el tutorial Web Flash con Secciones Animadas well done!!
P.D. Presionar ctrl. + Enter para visualizar el trabajo realizado. Esta es solamente una de explicación de muchas que existen para hacer una web flash en solo un archivo, inserta tantos botones como secciones tenga tu web. :)well done:)
Visualizar el archivo swf de este tutorial
Descarga el archivo fla de este tutorial
Artículos relacionados
Comentarios
Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.
Trackbacks & Pingbacks
Comentarios
Deja tu comentario
Las líneas y párrafos son automaticas, el e-mail no se despliega nunca, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Gracias por este pequeño ejemplo, quisiera saber si puedo acceder a la primera y segunda parte de este tutorial.
la primera parete esta en
http://www.estiloflash.com/menu-para-un-sitio-web-con-secciones-animadas-tercera-parte/91/
la segunda parte esta en http://www.estiloflash.com/menu-para-un-sitio-web-con-secciones-animadas-tercera-parte/92/