Hacer crear boton flash swf a partir de un gif animado y con sonido, agregarle 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 ...

Mis conocimientos de Flash son nulos... pero les quiero enseñar como aprendí yo...

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)





- Vamos a "Tamaño" y ajustamos la pantalla al tamaño del Gif, o aproximadamente...como querramos




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)



- 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



- Hacemos doble clic sobre la imagen y veremos que nos cambia la visualización en la sección "Capa 1"






- Hacemos un clic y estando sobre la parte que dice "Reposo" > clic derecho y seleccionamos "Insertar fotograma clave" ...




- 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" ...












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









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












- 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...)










- 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, COMO YO ...


RESULTADO





link: http://orig07.deviantart.net/c9ba/f/2015/198/e/3/stayin_alive_saint_seiya_vagonettas_by_vagonetta-d91nx0o.swf






OTROS EJEMPLOS DE BOTONES SIGUIENDO LOS MISMOS PASOS:





link: http://orig09.deviantart.net/13cd/f/2015/198/8/b/vagonettas_stayin_alive_saint_seiya_by_vagonetta-d91nyby.swf








link: http://orig00.deviantart.net/2a17/f/2015/185/0/3/pipita_y_cia_caminando_la_cancha_by_vagonettas-d8zyu3b.swf




link: http://orig01.deviantart.net/4b58/f/2015/198/c/c/jorge_rial_que_2_nenas_vagonettas_by_vagonetta-d91o13k.swf








Comentarios

Entradas Populares

Cambiar el boot del BIOS ( UEFI ) para ejecutar cd/dvd/usb en windows 8 y más

Hirens Boot : Como reparar disco duro dañado - Como reparaR disco duro con sectores dañados

Chistes - Dos gallegos deciden atracar un banco...

loading...