Lo primero que debemos de saber antes de comenzar este tutorial, es que un boton siempre tiene un area de trabajo, osea un area donde se va a activar, en fin vamos ha hacer este boton avanzado. pues no es que este apagado ni nada por el estilo, sino que es un boton que esta en movimiento o produce un movimiento al pasar el puntero ensima de el, Veamos.
Lo primero que haremos es dibujar el boton en nuestro espacio de trabajo, el boton puede ser cualquier cosa que nos imaginemos, no hay una barrera para decir como debe ser un boton, en este caso dibuje esto, luego de dibujarlo lo seleccionamos todo y presionamos F8 , seleccionamos la opcion boton, y le ponemos un nombre , no importa, en este caso lo llame BOTON. Le damos doble click al BOTON que acabamos de crear y nos aparecera esto.
Demonos cuenta que ya estamos metidos dentro del boton, y si vemos la linea de tiempo nos daremos cuenta que cambio subitamente, a la que antes teniamos, ahora nos aparece REPOSO, SOBRE, PRESIONADO, ZONA ACTIVA.
REPOSOS: Este es cuando el boton esta sin que le pasemos el puntero ensima, es por decirle algo, descansando de su trabajo.
SOBRE: Es siempre el que interesa siempre, por que es cuando le ponemos el puntero ensima y subitamente el boton cambia, indicando que los estamos viendo o tenemos la intencion de activarlo.
PRESIONADO: Es logico, es la accion cuando lo presionamos, no hay mas que decir
ZONA ACTIVA: Este es sumamente importante, ya que de este depende todo, aca no necesitamos que aparesca ningun dibujo, aca solo nesecitamos manchar o rellenar el area donde va funcionar el boton. NUNCA coloquen texto en esta area, JAMAS, utiliza siempre las herramientas de cuadrado y circulo o manchas con el pincel, pues esta area no se va ver jamas, siempre debe ser solo relleno y no borde.
Volviendo a donde ivamos, lo voy hacer de manera rapida, voy a colocarle para fines de ejemplificar que este boton cuando pasamos el puntero ensima este cresca subitamente, pero no de una vez, sino que a su tiempo. para esto en SOBRE presiono y coloco un fotograma F6, aqui es donde va crecer, Entonces selecciono aca mismo en Boton, el dibujo del boton y lo vuelvo a combertir F8, Pero esta vez lo voy a combertir en clip de pelicula(movie clip) y le pongo de nombre CRECE. le doy doble click a este y veamos como esta ahora. Bueno estando ahora si en linea de tiempo en el clip Crece, nos vamos al fotograma 10 y presionamos F6 Para nuevo fotograma, aqui con la herramienta de conversion de forma, lo hacemos crecer
ya hecho esto, nos situamos en el fotograma 5, aqui nos vamos a propiedades y seleccionamos animar, como lo hemos hecho en anteriores tutoriales. Pero necesitamos que cuano cresca no se vuelva a repetir, y para esto necesitamos ponerle un alto a la animacion del clip, entonces en el Fotograma 10, nos vamos a la pestaña de Acciones, que esta suele estar por ensima de propiedades o sino la podemos sacar presionando F9 , Bueno buscamos el codigo o lo escribimos, da igual, este codigo: stop(); Recuerda estamos en el fotograma 10 del clip de pelicula Crecer, si lo hiciste bien te daras cuenta que al fotograma 10 le aparecio una pequeña a esto quiere decir que tiene script el fotograma, puesto que Flash trabaja con Action Script. bueno para volver al boton ensima de la linea de tiempo estan los nombres que les colocamos entonces presionamos BOTON Y VOLVEMOS, Ahora si ya vamos por la mitad, ahora seleccionamos el fotograma, luego presionamos nuevamente F7 pues ahora crearemos uno en blanco donde volveremos a seleccionar el fotograma reposo copiamos el que ya hicimos y lo pegamos en este de presionado, ahora con la herramienta de transformacion lo hacemos de menor tamaño. Y Por ultimo en zona activa, aca solo dibujamos un circulo del tamaño del boton, como en este caso el boton es redondo, por eso, pero le borramos el borde al circulo que vamos a dibujar. Y asi nos quedarian Estos 4 fotogramas al final.
Para volver a escena, solo en linea de tiempo presionamos Escena 1, y listo esta el boto, pero no efectua ninguna accion, bueno ahora les explicare un poco de script, en escena seleccionamos el boton, y nos vamos a Acciones F9, Lo primero que vamos a escribir es on (release) y sucesivamente le vamos a colocar { este corchete, indicando que va contener algo, on release es como decirle al boton vas a hacer esto y el corchete es esto en esta manera de decirlo despues de colocarle lo qu eva hacer siempre se cierra el corchete } claro esta hay varias derivaciones de esta accion. por que release es al liberar el boton una fraccion de segundo luego del click por que tambien esta el on (press) { , que es en el momento de presionar, sin necesidad que se libere el boton, efectue la accion.
tambien se puede indicar que al presionar una tecla se efectue la accion de este boton con on (keyPress "a") { esto dice, al presionar "a", hacer esto... , y en fin sucesivamente hay varias opciones... pero estas son las mas importantes. Ahora veremos lo que ira dentro de los corchetes para la funcion play, es play(); , tambien le podemos decir al boton, que se vaya al siguiente fotograma:nextFrame(); o al fotograma anterior: prevFrame(); claro esta estas funciones es cuando los fotogramas tienen stop(); tambien podemos indicarle al boton que nos lleve a alguna parte de la linea de tiempo si es en esta escena o es en otra escena... con este script gotoAndPlay("Escena 1", 1); esto que esta entre parentesis quiere decir lo siguiente, " Escena 1" aca esta el nombre de la Escena donde estamos, luego la coma y el 1 el numero 1 es el fotograma al que vamos a ir, podria ser fotograma 50, fotograma 100, el que sea... media vez exista.
para fines de este ejemplo solo les dejare como iria el script de un play, por que hay muchas derivaciones, y usos para un simple boton, muchas acciones que podria realizar y no cabria en este simple ejemplo.
accion play.
on (release) {
play();
}
Como ven no es tan complicado despues de todo.
-----------------------( PREGUNTAS & SUGERENCIAS )--------------------
INSTRUCCIONES: Escribe tu pregunta o sugerencia con tu correo, y luego presiona el sobre para enviar la informacion, despues borra lo escrito para que guardar tu informacion personal. Y asi el siguiente pueda escribir su pregunta.



