Parte dos del tutorial, con el paso anterior quedan construidos todos los símbolos necesarios para crear el primer botón que conformara el menú flash.
Paso 11
Para construir el primer botón solamente tienes que arrastrar uno a uno los símbolos creados con anterioridad hacia este nuevo símbolo. Este símbolo tendrá varias capas por esta razón es necesario identificar a cada una de las capas con un nombre especifico Cuando te encuentres ubicado en el símbolo botón noticias, Primero cambiarle el nombre a la primea capa bg.
Abrir el panel de Biblioteca Ctrl. + L, arrastrar el símbolo fondo. Colocarlo en coordenadas X: 0.0 Y: 0.0.
Paso 12
En este paso insertar otra capa y cambiare el nombre a bg animado.
Arrastrar desde la biblioteca Ctrl. + L el símbolo fondo animado. Colocar este símbolo justo al centro del símbolo anterior.
Paso 13
Como el nombre de la capa lo indica con este símbolo insertado tendrás que hacer una animación de disminución de color alfa.
Seleccionar el símbolo insertado luego abrir el panel de Propiedades. El símbolo tuvo que ser colocado en coordenadas X: 0.0 Y: 5.0, esto con el fin de que quede justo en el centro del símbolo bg.
Para seleccionar el estilo de color abrir COLOR EFFECT, después seleccionar Estilo luego la opción Alfa. Observar la imagen para que no tengas mayores complicaciones para segur este paso.
Paso 14
Este paso es muy fácil simplemente tienes que seleccionar el frame número 2 y luego insertar un fotograma clave F6.
Paso 15
Aumentar nuevamente al color alfa al símbolo. Insertar un fotograma clave F6 en la posición número 10.
En el panel de Propiedades seleccionar la opción COLOR EFFECT luego Estilo y después la opción None.
Paso 16
Crear la animación, seleccionar un fotograma clave entre el número 2 y el número 11.
Ahora hacer clic en la opción Insert >> Classic Tween. Con este paso se insertara la animación que aumentara gradualmente el color alfa de 0 % a 100%.
Paso 17
En estos pasos hacer la segunda parte de la animación.
Primero insertar dos fotogramas clave F6 uno en la posición número 11 y el otro en la posición número 12.
Paso 18
En este paso reducir nuevamente el color alfa a 0%. Insertar un fotograma clave F6 en la posición número 20.
En el panel de Propiedades seleccionar la opción COLOR EFFECT luego Estilo y después en la opción etilo reducir al color Alfa a 0%.
Paso 19
Crear la segunda animación, seleccionar un fotograma clave entre el número 12 y el número 19.
Ahora hacer clic en la opción Insert >> Classic Tween. Con este paso se insertara la animación que reducirá gradualmente el color alfa de 100 % a 0%.
Paso 20
Insertar un fotograma F5 en la posición número 20 en la capa bg.
Después insertar una tercera capa y cambiarle el nombre a texto.
Arrastrar desde la Biblioteca del símbolo texto noticias, colocar este símbolo justo al centro del rectángulo, tal y como se muestra en la imagen.
Paso 21
En los pasos siguientes te mostrare como insertar el código ActionScript que controlara los movimientos de la animación y del botón.
Insertar una cuarta capa y cambiarle el nombre a etiquetas.
Insertar un fotograma F6 en la posición número 2.
En el panel de propiedades escribir como nombre de etiqueta over, seleccionar como tipo de etiqueta Name.
Paso 22
Insertar un fotograma clave F6 en la posición número 11, en el panel de Propiedades escribir la palabra down como nombre de etiqueta.
Paso 23
Insertar un fotograma clave F6 más en la posición número 12, y escribir como nombre de etiqueta out.
Paso 24
Insertar la última capa y colocarle como nombre de actionscript, seleccionar el fotograma y luego abrir el panel de ACCIONES – FOTOGRAMA y escribir
stop();
Paso 25
Insertar un fotograma clave F6 en la posición número 10.
Seleccionar este fotograma y luego abrir el panel de ACCIONES – FOTOGRAMA y escribir.
stop();
Con este paso se obtendrá el primero de los botones de que está formado el menú.
Visualizar Archivo SWF De Este Tutorial
Diseñar y Programar Menú con Botones Tres Estados Primera Parte
Diseñar y Programar Menú con Botones Tres Estados Tercera Parte
Búsquedas:
- botones animados en flash cs4
- programar botones en flash cs4
- hotel de los numeros animacion en actionscript 2 0
- fotogramas clave en flash cs4
- solophotoshop com/tutorial/hdr-con-photoshop-cs5/709/
- formas de hacer nombres animados
- numero 10 animado
- un fotograma
- botones de colores animados
- programar botón en flash para que muestre una capa
Artículos relacionados:
- Botones Animados Para Menú Flash CS4 Parte 3
- Botones Animados Para Menú Flash CS4 Parte 1
- Menú para un Sitio Web con Secciones Animadas (tercera parte)
- Menú para un Sitio Web con Secciones Animadas (segunda parte)
