Arquitectura

PRACTICA: CREACIÓN DE BOTONES Y ESCENAS

1. Abrir un documento nuevo en Flash (INICIO PROGRAMAS ADOBE MASTER COLLECTION CS5 ADOBE FLASH CS5 PROFESIONAL).
2. En la columna CREATE NEW seleccionar y dar un clic a la opción FLASH FILE (AS 2.0).
3. Pulsar Ctrl + F8 para crear un nuevo símbolo, elegir tipo Botón y asígnele el nombre INICIO.
4. En el centro de la pantalla dibuje unrectángulo con un tamaño de 150 px .de ancho (W) por 35 px. De alto (H), en coordenadas X:0 y Y:0 , sin contorno

y con un relleno degradado gris de los que se ofrecen por defecto.

5. Con la herramienta Cubo de pintura arrastrar el degradado para descentrarlo y llevar su zona más clara hacia el borde superior izquierdo.

Clic parte inferior del rectángulo
Clicparte inferior del rectángulo

6. Escribe el texto INICIO sobre el botón, tamaño de letra 30 en color blanco.


7. Da un clic en estado Over y presiona F6.

      

8. Estando en el estado Over cambia el color del botón a rojo y negro.

9. Estando en el estado Down cambia el color del botón a azul y negro.

10. Regresa a Escena y presiona CTRL + F8 y ahoraseleccionas la opción de MOVIE CLIP, con el nombre de contorno.
11. Dibujas un rectángulo sin relleno a dos colores verde y negro en tamaño W: 160 y H:35 en coordenadas X:0 y Y:0.

12. Estando en el fotograma 1 del Layer 1 da clic derecho y selecciona la opción de Create Classic Tween.
13. Da un clic en el fotograma 20 y presiona F6, estando en este fotograma (20) cambia las propiedadesdel rectángulo como se muestra en la imagen: (Tamaño, Posición y efecto alfa).

14. Da un clic en el fotograma 40 y presiona F6, estando en este fotograma (40) cambia las propiedades del rectángulo como se muestra en la imagen: (Tamaño, Posición y efecto alfa).

15. Da un clic en el fotograma 50 y presiona F6, estando en este fotograma (50) cambia las propiedades del rectángulo comose muestra en la imagen: (Tamaño, Posición y efecto alfa).

16. Regresa a Scene y checa que el la biblioteca tienes el botón que creaste de INICIO, Ábrelo dándole doble clic al botón y posiciónate en estado Over y arrastra el movie clip de Contorno acomódalo para que quede como contorno del botón.

17. Regresa a Scene y arrastra el botón para posicionarlo en la parte superiorizquierda de la escena.

18. Repite desde el paso 3 hasta el paso 17 para crear otro botón diga ANIMACIÓN.
19. Repite desde el paso 3 hasta el paso 17 para crear otro botón diga PROYECTO.
20. Una vez estando los botones en Scene vamos a crear los vínculos.
21. Lo que está dentro del
Paréntesis se tiene que capturar
Tal y como aparece.
Lo que está dentro del
Paréntesis se tiene quecapturar
Tal y como aparece.
Da un clic al botón inicio y presiona la tecla F9, busca en las funciones globales las acciones e insértalas.

22. Da un clic al botón ANIMACIÓN e insértale el siguiente código por medio de F9 (Action Script).

23. Da un clic al botón proyecto e insértale el siguiente código por medio de F9 (Action Script).

24. Ahora Inserta un nuevo Layer en Sceney captura el texto de lado derecho de los botones que diga BIENVENIDOS.

-------------------------------------------------

25. Inserta un nuevo Layer. Estando en el Layer 3 fotograma 1 presiona la tecla de F9 e inserta un stop.

26. Te va a quedar el Timeline de la siguiente manera:

27. Da un clic en la barra de menú- Insert – Scene
28. Fíjate que ya están en la Scene 2.Repite el paso 14, 20, 21, 22 y 23. (esto para colocar los botones en la Escena 2 y vincularlos).
29. Vamos a crear otro botón para insertar la animación de texto scroll, pero primero tenemos que Presionar CTRL + F8, seleccionar opción de BOTON con el nombre de FLECHA.
30. Dentro del botón dibuja una flecha en color rojo, en tamaños 30 de alto por 30 de ancho.

En esta ocasión solo...