Facebook Twitter RSS Reset

Crear boton flash swf gif + sonido

Crear boton flash swf gif + sonido



Les voy a explicar como hago un boton flash sencillo a partir de un gif y que tenga sonido al presionar una parte del gif …

Parece complicado pero una vez que le agarran la mano hacen botones en un segundo…

HERRAMIENTAS:- Macromedia Flash Professional 8 (u otras versiones, tambien hay programas de otras “marcas” que semanejan muy similar en español o en ingles)

– El gif

– El sonido (voy a usar un mp3)



EL GIF

– Lo podemos obtener de internet lo podemos editar por ejemplo con el Photoshop o Gimp para agregarle un botoncito de play sencillo

– Lo podemos obtener capturando de un video de youtube o similar

– etc

EL SONIDO

– Lo podemos obtener de Youtube con programas como JDownloader 2 Portable y luego editarlo con programas gratuitos como Audacity

– A partir de un mp3 que tengamos

– etc

– TAMBIEN HAY PAGINAS WEB ONLINE QUE TE PERMITEN OBTENER GIFs Y AUDIOS DE UN VIDEO….

– Podemos hacer o no que coincida el sonido con el gif, esta en cada uno, y según las posibilidades de cada uno…

– TIENE QUE USAR SU IMAGINACIÓN 



COMENZAMOS

– Abrimos el Macromedia Flash Professional 8

– Vamos a Crear Nuevo > Documento de Flash ( o a Archivo > Nuevo > Documento de Flash)

Crear boton flash swf gif + sonido

– Vamos a “Tamaño” y ajustamos la pantalla al tamaño del Gif, o aproximadamente…como querramos

Crear boton flash swf gif + sonido


Vamos a:

– Archivo > Importar > Importar a biblioteca

así importamos el gif y el mp3 … nos queda asi (le marco los 2 elementos más importantes)

Crear boton flash swf gif + sonido


– Arrastramos al rectángulo blanco central lo que en en la imagen se ve como “Símbolo 2” que seria el gif animado… lo ajustamos en posición

– Hacemos clic derecho sobre el gif en el rectángulo central … y seleccionamos “Convertir en símbolo…”

– En la ventanita seleccionamos “Botón” y ACEPTAR

Crear boton flash swf gif + sonido


– Hacemos doble clic sobre la imagen y veremos que nos cambia la visualización en la sección “Capa 1”

Crear boton flash swf gif + sonido

– Hacemos un clic y estando sobre la parte que dice “Reposo” > clic derecho y seleccionamos “Insertar fotograma clave” …

Crear boton flash swf gif + sonido



– Hacemos lo mismo que el paso anterior sobre las otras secciones:

– Hacemos un clic y estando sobre la parte que dice “Sobre” > clic derecho y seleccionamos “Insertar fotograma clave” …

– Hacemos un clic y estando sobre la parte que dice “Presionado” > clic derecho y seleccionamos “Insertar fotograma clave” …

– Hacemos un clic y estando sobre la parte que dice “Zona activa” > clic derecho y seleccionamos “Insertar fotograma clave” …

– Volvemos a la sección “Presionado” y arrastramos el MP3 sobre la imagen del Gif …

– En donde dice “Capa 1” hacemos clic derecho y seleccionamos “Insertar capa” … 

– Vamos a la “Capa 2″….hacemos clic sobre “Presionado” > luego clic derecho y seleccionamos “Insertar fotograma clave” …

Crear boton flash swf gif + sonido

– Nos tiene que quedar así como en la imagen:

Crear boton flash swf gif + sonido

PASO ADICIONAL SI QUEREMOS QUE EL BOTÓN “SE REBOBINE” AL APRETARLO (como el boton “que 2 nenas” que está en los ejemplos más adelante, jaja):

– ANTES DE ARRASTRAR EL MP3: 

ARRASTRAMOS NUEVAMENTE EL GIF (COMO “SIMBOLO 1” POR EJEMPLO) SOBRE “PRESIONADO”

– LUEGO ARRASTRAMOS EL MP3 y seguimos como en los otros pasos…


– 

TERMINAMOS 

– Para ver si nos quedo bien:

Archivo > Vista previa de publicación > Flash

Crear boton flash swf gif + sonido

– Para guardarlo: vamos a 

Archivo > Exportar > Exportar película

– Se nos abre una ventana donde podemos dejarla así y guardar… (o cambiar opciones de imagen y audio para dejarlo mas liviano o mejorar la calidad, etc…)

Crear boton flash swf gif + sonido

– Finalmente necesitamos un lugar donde alojar nuestro SWF, como por ejemplo https://www.deviantart.com/

– UNA VEZ QUE LE AGARRAN LA MANO A LOS PASOS SE HACEN UN BOTON EN 3 MINUTOS, AUN SIN CONOCIMIENTOS DE FLASH

RESULTADO




Crear boton flash swf gif + sonido
Crear boton flash swf gif + sonidoGIF

No comments yet.

Leave a Comment