Tutorial, crear boton personalizado


Hola gente, el objetivo de este post es mostrarles a los interesados como hacer un boton con un sonido cualquiera, en este caso "Exito" (al final del post esta el trabajo terminado y subido a Fileize

1er Paso: : Sonido

Primero, para buscar el sonido lo que vamos a hacer es entrar a Google y tratar de localizarlo alli, para ello ponemos el nombre del sonido que querramos, en mi caso busque asi:

Tutorial flash crear boton, +5 si te sirvio

Como no encontre una mierda en google, tuve que buscar el sonido por otros medios (si ustedes hallaron el sonido y lo bajaron se pueden ahorrar algunos pasos). Para ello entre a Youtube y busque el video de la publicidad de Open English donde aparece el sonido que tanto buscaba

boton

Bueno, el siguiente paso es extraer el audio del video, para ello tienen 2 opciones, la mas facil es entrar a Video2Mp3, una vez en la pagina, copian el link del video de youtube y le dan a Convert (les recomiendo seleccionar la opcion Alta calidad para que se escuche mejor) y listo, les tira un link de descarga del mp3.

tutorial

La otra opcion es la menos elejida pero igual de eficiente, solo tienen que bajar el JDownloader de ACA, una vez instalado copian el link de youtube y lo capturan con el JDownloader, el programa les va a separar el video de el audio como lo muestro en la imagen

flash

Bajan el que dice MP3 y listo!

En el caso que el sonido que buscan este a la mitad del video van a tener que hacer otro paso mas.
Se van a tener que bajar el Audacity o algun editor de audio, en mi caso uso este (lo pueden bajar de ACA, tambien tienen que bajar ESTO sino el programa no les permite convertir a MP3).
Una vez instalado, abren el sonido. Lo siguiente es localizar la parte en que pasan ese sonido que tanto queres, una vez hecho proceden a borrar todo el audio de sobra para dejar solo la parte que nos interesa

exito

Una vez hecho esto le dan a Archivo->Exportar y lo exportan a mp3.



2do Paso: : Imagen (opcional)

Este paso es opcional, en el caso que quieran poner una imagen de fondo al boton o algo así
Lo que tienen que hacer es ir a Google Imagenes y buscar alli. Una vez encontrada la imagen la guardan en su pc para luego usarla. (creo que no hace falta una imagen para este paso)

3er Paso: : Crear el Boton

Bueno, para crear el boton personalizado es necesario tener instalado el Macromedia Flash, en mi caso uso la version 8, lo pueden bajar de alguna pagina, torrent o busquenlo simplemente en Google.
Una vez en el programa hacen lo siguiente.

3a: Importar a Biblioteca

En este paso, lo que vamos a hacer es importar el archivo de audio y la imagen que bajamos previamente, para luego utilizarlos. Le dan a Archivo-> Importar -> Importar a Biblioteca

Tutorial flash crear boton, +5 si te sirvio

Alli seleccionan los archivos a importar y les aparecerá en la bliblioteca.


3b: Crear el boton (finalmente)
Bueno, lo que vamos a hacer es primero colocar la imagen de fondo, para ello arrastran de la biblioteca la imagen al centro de la pantalla, luego le dan boton derecho a la imagen y elijen Transformacion Libre, esto es para poder cambiarla de tamaño y ajustarla a la pantalla.

boton

tutorial


Una vez hecho esto, van a Ventana -> Bibliotecas comunes -> Botones
Alli buscan el boton que prefieran, a mi me gustan los Classic Buttons que son los que vemos en todos lados
Una vez localizado el boton lo arrastran al centro de la pantalla

flash

exito


Ahora vamos a usar el sonido, para ello apretan doble click en el boton que insertaron, luego seleccionan el cualquier frame que sea de la tercer columna como se muestra en la imagen

Tutorial flash crear boton, +5 si te sirvio

Ahora el paso final, arrastrar el sonido al centro de la pantalla

boton


4to Paso: : Guardar compilacion en SWF

Ahora vamos a guardar nuestro trabajo en el formato .swf, para ello vamos a Archivo -> Configuracion de la Publicacion. Alli nos tenemos que asegurar que la calidad del archivo a exportar sea la óptima (sino se los deja en calidad pedorra que se escucha como el OGT)

tutorial

Pongan la configuracion como la tengo yo en la imagen

Luego le dan al boton Publicar abajo del todo y LISTO! ya tienen su boton personalizado.

Asi me quedo a mi:


link: http://www.filz.us/files/9f5d602b/45c/exito.swf


Si les sirvio el post y estan interesados intenten hacer algun boton y subanlo a los comentarios, pueden usar esta pagina Fileize

Bueno me despido, gracias por su atención
Comenten y sepan valorar mi trabajo