imagenes con audio en fotobabble tutorial

16
Imágenes con audio Fotobabble Instituto Simón Bolívar IMÁGENES CON AUDIO FOTOBABBLE Alumna: De la cruz Córdova, Lisset INSTITUTO SIMÓN BOLÍVAR DIDACTICA EN EL USO DE LOS RECURSOS INFORMATICOS

Upload: lisset-delacruz-cordova

Post on 11-Apr-2017

327 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Imagenes con audio en fotobabble tutorial

Imágenes con audio Fotobabble

Instituto Simón Bolívar

Imágenes con audio Fotobabble

Alumna: De la cruz Córdova, Lisset

INSTITUTO SIMÓN BOLÍVAR didactica en el uso de los recursos informaticos

Page 2: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Índice generalTutorial de cómo crear imágenes con audio Fotobabble.............................................................2Parte 1: como entrar...............................................2Paso 1:...................................................................2Paso 2:...................................................................2Paso 3:...................................................................2Parte 2: como registrarse........................................3Paso 1....................................................................3Paso 2....................................................................3Paso 3....................................................................4Paso 4....................................................................4Parte: 3: poner imagen...........................................5Paso 1:...................................................................5Parte 4: poner audio...............................................7Paso 1:...................................................................7Paso 2:...................................................................8Parte 5: configurar el proyecto................................9Paso 1: poner fondo................................................9Paso 2: poner un titulo..........................................10Paso 3:.................................................................10Paso 4:.................................................................10Paso 5..................................................................10Paso 6..................................................................11Paso 7..................................................................12Paso 8..................................................................12

1 Computación e informática II

Page 3: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Tutorial de cómo crear imágenes con audio Fotobabble

Parte 1: como entrarPaso 1:Ingresar a google

Paso 2:Ingresar a la página:

www.fotobabble.com

Paso 3: Y enter después hecho eso saldrá siguiente página :

2 Computación e informática II

Page 4: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Parte 2: como registrarsePaso 1Una vez hecho eso hacer clic en Fotobabble for fun para registrarse

Paso 2Una vez hecho eso saldrá una ventana en la que tienes que registrarse. Por lo que saldrá dos opciones:

2.1. si está conectado con Facebook, solo hacer clic en:

2.2. Pero en caso que no salga eso solo tendrás que rellenarlo con tus datos

3 Computación e informática II

Poner click en Yes, I'd like to… Para seguir con el registro

Page 5: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Paso 3Una vez rellenado saldrá otra ventana en la que tienes que escribir tu cuenta y tu contraseña y así

Paso 4Una vez registrado ya puedes crear tus imágenes con audio haciendo clic en Create new…

4 Computación e informática II

Hacer clic

Page 6: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Parte: 3: poner imagenPaso 1:

una vez realizado saldra una ventana igual a esta:

En la que hay tres opciones para poner la imagen que deseas:

3.1.1 Puedes hacer clic en seleccionar archivo esta opción es para tus imágenes en tu PC.

En la que saldrá una ventana así. Y en la que tú puedes elegir tus imágenes:

5 Computación e informática II

Page 7: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

3.1.2. O también puedes hacer click en la siguiente opción en la que puedes conectarte con Facebook y elegir tus imágenes en tus álbumes de fotos.

3.1.3. O por último puedes hacer click en la parte en la que puedes escribir la dirección de la imagen que deseas utilizar.

En cualquiera que sea puedes elegir imágenes gif o en movimiento paraqué sea más dinámica tu presentaciónOtra nota en cualquiera que sea las tres opciones hacer click en “créate”para dar inicio con el audio

6 Computación e informática II

Page 8: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Parte 4: poner audioEsta vez voy a elegir la primera opción haciendo clic en “créate” Una vez que haga click saldrá la página así:

Paso 1:Esta pequeñaventana sale para configurar el acceso a abobe flash player,este permite hacer grabaciones con un microfono. Solo hacer clic en permitir para seguir con el proyecto.

7 Computación e informática II

Page 9: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Paso 2:Una vez que haya hecho clic en permitir hacer clic en record para comenzar con la grabación:

No olvidar conectar un microfono para hacer el audio de lo contrario saldra sin audio

No hacer clic en por que saldra otra ventana que no tiene nada que ver con el proyecto que estamos realizando

Tienes un espacio de 1min. para hacer la grabación.Una vez finalizado el audio hacer clic en stop

8 Computación e informática II

Page 10: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Parte 5: configurar el proyecto

Paso 1: poner fondose puede poner el fondo para que la imagen no sea un poco simple. Solo hacer clic en “choose theme…” y puedes elegir el fondo que deseas:

9 Computación e informática II

Page 11: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Paso 2: poner un tituloEn este caso se llama “giveyourfotobabble a title” ahí puedes poner cualquier nombre que elijas:

Paso 3:También puedes elegir si tu proyecto va ser Público o privado

Paso 4:Puedes también poner etiquetas

Paso 5Otra opción seria para que tu proyecto tenga diapositivas poner un número así:

10 Computación e informática II

Page 12: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Paso 6.Una vez que haya hecho eso al costado hay una parte que te permite hacer otras configuraciones:

11 Computación e informática II

Este es para tu código html5

Este es tu código para flash

Este es tu link para enviar a tu correo electrónico o redes sociales

Page 13: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Paso 7.Una vez que haya terminado el proyecto hacer clic en “save” para guardar tu proyecto

Paso 8.Después hacer clic en:

12 Computación e informática II

Clic

Para ver el proyecto, sale la página así:

Page 14: Imagenes con audio en fotobabble tutorial

Imágenes Con Audio FotobabbleInstituto Simón Bolívar

Y automaticamnte sale asi:

Una vez eso puedes haces clic en tu imagen con audio para que puedes ver y escucharlo:

13 Computación e informática II