Desarrollo de Software Multimedia

Parte 02
DESARROLLANDO SOFTWARE MULTIMEDIA
 Proyecto: software Multimedia “LOS SENTIDOS”
 Creación de Elementos Multimedia:
o Clip de película
o Botones
o Gráfico

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia

SOFTWARE MULTIMEDIA: LOS SENTIDOS

Estructura de nuestro SOFTWARE:
Gusto

Videos educativos
Vista

Evaluación
sentidos.swf menú Oído

Olfato

Tacto

1. Haga clic en [Archivo / Nuevo / ACTIONSCRIPT 2.0]

1a
1b

2
Haga clic aquí

2. Configure el documento, haga clic en el botón [EDITAR] del Panel de Propiedades:

Dimensiones 800 x 600 px y velocidad de Fotograma: 10 fps y cliquee en [ACEPTAR]

Haga clic aquí

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
3. Renombre la capa con ELIPSE y luego inserte una elipse de 600 x 600 px y posicione al
lado izquierdo del escenario como se muestra en la imagen.

3a
3d

3b

3c

4. Ahora utilice la herramienta TRANSFORMACIÓN LIBRE y seleccione la mitad del

círculo y presione la tecla SUPR (SUPRIMIR), como se muestra en la imagen:

4a

4b

CREANDO BOTONES DE LOS SENTIDOS:

5. Inserte una nueva CAPA y renómbrelo con BOTONES, Importe las imágenes
GUSTO.PNG, VISTA.PNG, OIDO.PNG, OLFATO.PNG, TACTO.PNG y ubíquelos como
se muestra en la imagen.
5b

5c
c
5a

5d
c

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
6. Ahora seleccione la imagen del GUSTO y presione [F8], conviértalo en BOTON

6b

6d
6a

6c

7. Edite el Botón haciendo doble clic sobre el, haga clic en el fotograma SOBRE y
presione la tecla [F6], escriba GUSTO debajo de la imagen y redimensione la imagen
como se muestra en la figura, haga lo mismo para los otros sentidos:

7a
7b

4
7d
7c

8. Ahora en Importe el SONIDO  BOTON2.WAV, haga clic en el FOTOGRAMA SOBRE

del botón y en el Panel de PROPIEDADES / SONIDO, SELECCIONE BOTON2.WAV:

8b
8c
8a

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
9. Inserte una nueva Capa y renombre con TEXTO, ahora seleccione la Herramienta Texto
y digite: CONOZCAMOS LOS SENTIDOS, aplique FILTROS de Sombra, Iluminado,
Relieve.

9a
9b

9c

9d

9e

CREANDO UNA ANIMACIÓN CON INTERPOLACIÓN CLÁSICA:

10. Ahora importe la imagen [5sentidos.png], luego ubíquelo debajo del texto y presione la
tecla [F8] conviértalo en [GRAFICO], nuevamente presione [F8] y conviértalo en
[CLIP DE PELICULA]

10b 5
10d RECUERDA:
Para importar un medio
puede presionar
10c [CTRL + R ]

10a 10g
10e

10f

RECUERDA:
Para convertir cualquier
objeto en símbolo debe
presionar la tecla [F8]

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
11. Edite el CLIP DE PELICULA haciendo DOBLE CLIC, renombre la capa con ANIMA,
haga clic en el Fotograma 20, 40, 60 y presione la tecla [F6]:

11a 11b 11c 11d

Muestra el
nombre del clip
de película

12. Haga CLIC DERECHO en el fotograma [10], seleccione CREAR INTERPOLACION

CLÁSICA, haga lo mismo en el fotograma [50]
13. Ahora haga clic en el Fotograma [1] y en el panel PROPIEDADES aplique el EFECTO
DE COLOR ALFA, haga lo mismo con el Fotograma [60]
6
Haga clic derecho

Haga clic derecho

12

13c

13a
13b

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
INSERTANDO CLIP DE PELÍCULA A NUESTRO PROYECTO:
14. Cree una nueva capa 4 y renómbrelo con máscara y debe copiar el clip de película que
creo anteriormente [CTRL + C] y haga clic en el fotograma [1] y presione [CTRL + V]
para pegarlo y ubíquelo en la parte inferior derecha:

14a

14b

14c

15. Seleccione la herramienta Rectángulo y dibuje en la parte inferior y superior como se

muestra en la imagen y utilice la herramienta selección y convierta la línea en curva.
7

15a
15c

15d

15b

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
GUARDANDO NUESTRO PROYECTO:
16. Ahora guardaremos nuestro proyecto, para ello haga clic en [ARCHIVO] y seleccione
GUARDAR/GUARDA COMO, elija el lugar donde desea guardarlo y cliquee en
[GUARDAR]

16a

16b

16c

16d 16f

16e
8
CREANDO SUS BOTONES DE NAVEGACIÓN:
17. Inserte una [Nueva Capa] y renómbrelo con NAVEGAR, ahora IMPORTAR las
imágenes [botón_adelante.png], presione [F8] y conviértalo en [BOTON] y cliquee en
[ACEPTAR], haga lo mismo con el [botón_atras.png]

17b

17d 17f
17a

17e

17c

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
18. Edite el FOTOGRAMA SOBRE de los Botones ADELANTE y ATRÁS, haga doble clic
sobre ellos, haga clic en el FOTOGRAMA SOBRE y presione la TECLA [F6] y luego
seleccione la Herramienta Texto y digite [SIGUIENTE], configure sus PROPIEDADES
y haga lo mismo con el otro BOTON ATRAS:

18a

18d

18b 18e

18c

INSERTANDO CODIGO ACTIONSCRIPT 2.0 - ACCIONES A LOS

BOTONES: 9
19. Seleccione el BOTON [SIGUIENTE], haga clic derecho y seleccione [ACCCIONES]

19b
19a a
a RECUERDA:
Para insertar acciones a un
BOTON puede presionar la
tecla [F9]

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
20. Haga clic en la opción CONTROL DE LA LINEA DE TIEMPO, haga DOBLE CLIC EN
[GOTO].
21. Haga clic en la opción [IR A Y DETENER], y en [TIPO] seleccione [FOTOGRAMA
SIGUIENTE]

21a
20a 21b

20b
21c

22. Ahora haga clic derecho sobre el [BOTON ATRÁS], seleccione [ACCIONES].
23. Haga clic en la opción [CONTROL DE LA LINEA DE TIEMPO], haga DOBLE CLIC EN
[GOTO]. 10
24. Haga clic en la opción [IR A Y DETENER], y en [TIPO] seleccione [FOTOGRAMA
ANTERIOR]

23a 24a

24b

23b
24c

22a

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
25. Ahora haga clic derecho en el FOTOGRAMA [1], y seleccione ACCIONES
26. Ahora seleccione la opción [STOP] y haga DOBLE CLIC

25a

26a

26b
26c

25b

CREANDO FOTOGRAMAS Y OPCIONES DEL MENU:

27. Ahora seleccione con el mouse todas las CAPAS del FOTOGRAMA [2] y presione la
tecla [F6], haga lo mismo con el Fotograma [3], [4], [5], [6], [7] y [8]

11
27a

Vista
Gusto

Video
s

Oido Olfato

RECUERDA:
27b Para crear un FOTOGRAMA
CLAVE debe presionar la
tecla [F6]

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
28. Ahora proteja las CAPAS, activando el CANDADO y desactive solo la capa [TEXTO]

28a

28b

29. Haga clic sobre el FOTOGRAMA [2] de la Capa TEXTO, Modifique el texto haciendo
doble clic y digite [EL GUSTO]  Tamaño [50.0 pt]

29a

29b
29c

Suprimir o eliminar

12
esta imagen [SUPR]

30. Seleccione la HERRAMIENTA TEXTO y digite el texto que corresponde al Gusto, Tipo
de Letra (CARÁCTER)[ARIAL], [Tamaño 15.0 pt], luego IMPORTE la Imagen del
[GUSTO2.PNG] y ubíquelo como se muestra en la imagen:

El sentido del gusto se

encuentra en la lengua. La
lengua es un órgano musculoso
ubicado dentro de la boca o
cavidad oral. 30c

30a
30b

30d

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
31. Haga el mismo proceso para el Fotograma [3] LA VISTA, Fotograma [4]EL OIDO,
fotograma[5]EL OLFATO, fotograma[6]EL TACTO, como se muestra en las
imágenes:

El sentido de la vista está El oído conforma los órganos

asegurado por un órgano receptor, de equilibrio y audición. El oído
el ojo; una membrana, la retina, se divide en tres partes, oído
estos reciben las impresiones externo, oído medio y oído
luminosas y las transmite al interno.
cerebro por las vías ópticas.

31a 31b

El olfato es el sentido encargado El sentido del tacto es aquel que

de detectar y procesar los olores. permite a los organismos percibir
Es un quimiorreceptor en el que cualidades de los objetos y
actúan como estimulante las medios como la presión,
partículas aromáticas u odoríferas temperatura, aspereza o
desprendidas de los cuerpos suavidad, dureza, etc.
volátiles.
.
31c 31d

13

INSERTANDO VIDEOS EN NUESTRO TUTORIAL:

32. Ahora haga en el Fotograma [7] VIDEO EDUCATIVO, modifique el texto con VIDEO
EDUCATIVO:

32a

32b

Suprimir o eliminar
esta imagen [SUPR]

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
33. Haga clic en el Menú [VENTANA] y seleccione la opción [COMPONENTES]:

33a

33b

34. Haga clic en la opción [VIDEO] y seleccione [FLVPLAYBACK], puede arrastrarlo al

escenario o simplemente haga DOBLE CLIC:

14

34a

34b

35. En el panel de Propiedades haga clic en la opción [CONTENTPATH], seleccione la

ruta donde se encuentra el video en formato FLV y cliquee en [ACEPTAR]
35b
35a

35c
c

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
INSERTANDO ACCIONES A NUESTROS BOTONES:
BOTON GUSTO:
36. Haga clic en la CAPA BOTONES, DESACTIVE EL CANDADO y luego seleccione el
Botón del [GUSTO], Presione [F9]
37. Haga doble clic sobre GOTO, seleccione IR A Y DETENER y en FOTOGRAMA ingrese
[2]

37c

37d
37b
37a

BOTON VISTA:
38. Seleccione el Botón VISTA, presione [F9] y haga doble clic sobre GOTO, seleccione IR 15
A Y DETENER y en FOTOGRAMA ingrese [3], haga lo mismo con los otros Botones,
solo debe modificar el N° de FOTOGRAMA [4]OIDO, [5]OLFATO, [6]TACTO,
[7]VIDEO, [8]VIDEO

38c

38d
38b

38a

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
39. Ahora se reproducirá nuestra película, presione [CTRL + ENTER]:

16

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
CONFIGURANDO NUESTRA PUBLICACIÓN/PROYECTO:
1. Haga clic en el Menú ARCHIVO
2. Luego seleccione la opción CONFIGURACIÓN DE PUBLICACIÓN
3. Mostrará las siguiente ventana: puede configurar: EL FORMATO, FLASH, HTML y EXE

Seleccion
e el tipo Tipos de
de archivos a
formato publicarse
3

4. Seleccione la opción Flash (SWF), HTML (HTML)

5. una vez configurado las opciones haga clic en PUBLICAR y cliquee en ACEPTAR 17
4
Cliquee aquí si
desea configurar el
reproductor del
flash player
Cliquee
aquí para
configurar
el SCRIPT

Haga Clic aquí

para PUBLICAR su
Aplicación

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com

 Desarrollo de Software Multimedia
SOFTWARE PROPUESTO: TITICACA LAGO SAGRADO DE LOS INCAS

SOFTWARE PROPUESTO: DISEÑE EL SIGUIENTE SOFTWARE EDUAMBIENTAL

18

http://www.concitek.net Richard H. Argote Ticona – richardpuno@gmail.com