SERVICIO NACIONAL DE APRENDIZAJE SENA Versin: 01

GUA DE APRENDIZAJE
SISTEMA INTEGRADO DE GESTIN Fecha: 01/04/2013
Proceso Gestin de la Formacin Profesional Integral
Procedimiento Ejecucin de la Formacin Profesional Integral Cdigo: F004-P006-GFPI

GUA DE APRENDIZAJE N

1. IDENTIFICACIN DE LA GUIA DE APRENDIZAJE

Programa de Formacin: Diseo e Integracin de Multimedia Cdigo: 524139

Versin:

Nombre del Proyecto: OVA (Objeto Virtual de Aprendizaje)

Cdigo:

Fase del proyecto: Ejecucin

Actividad (es) del Proyecto: Actividad (es) de Aprendizaje:

Resultados de Aprendizaje: Competencia:

Planear la produccin de los componentes multimedia Integrar los elementos
de acuerdo con el guin tcnico y la disponibilidad de los multimediales de acuerdo con un
recursos necesarios. diseo.

Resultados de Aprendizaje: Competencia:

Producir los componentes requeridos para la solucin Integrar los elementos
multimedia de acuerdo con el storyboard y los multimediales de acuerdo con un
procedimientos establecidos. diseo.

Resultados de Aprendizaje: Competencia:

Duracin de la gua ( en horas): 120 horas

 Gua de Aprendizaje

2. INTRODUCCIN

La animacin y la interactividad son fundamentales hoy en da para el desarrollo de cualquier

tipo de producto Multimedial. Lo esttico pasa a un segundo plano y se hace necesario que
el usuario interacte constantemente con los productos que se le presenten.

Conocer e identificar las herramientas de animacin 2D en Flash enfocados a la animacin

bsica, y diferentes utilidades interactivas y multimedia con posibilidad de animacin.

La realizacin de todo tipo de animaciones ser el objetivo fundamental de esta gua, donde
el aprendiz aprender a realizar las diferentes piezas que se utilizan en el medio y que tienen
que ver con movimiento e interactividad.

As mismo aprender a darles acciones a algunos botones que pueden llevar al usuario a
desarrollar otra accin o a ir a otra parte del Sitio.

Impactar es uno de los objetivos principales al desarrollar productos en flash, lo que

diferencia este programa de todos los otros es la capacidad que se tiene de lograr productos
interactivos, animados y que generen una motivacin al usuario. Los productos que se
realicen debern incitar al usuario a visitar determinados sitios, links, imgenes, video o
audios.

Esta gua pretende ser un complemento de los temas vistos anteriormente, es decir que los
desarrollos estticos realizados en algunos programas de diseo ac cobraran vida, y sern
interactivos y atractivos el pblico objetivo.

3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE

3.1 Actividades de Reflexin inicial.

Descripcin de la actividad 1: Actividad Bsica

El instructor realizar una explicacin de las herramientas del programa.

Despus de la explicacin el aprendiz deber realizar individualmente de acuerdo a las
herramientas vistas de dibujo: un circulo, un cuadrado, un triangulo y que tengan
animaciones bsicas cada uno

Pgina 2 de 8
 Gua de Aprendizaje

o Actividades de contextualizacin e identificacin de conocimientos necesarios para el

aprendizaje.)

Descripcin de la actividad 2: Interpolacin clsica, forma y de movimiento

El aprendiz deber investigar los tipos de interpolacin

El aprendiz deber realizar individualmente de acuerdo a las herramientas vistas de dibujo
un Ciudad que contenga: un paisaje que cambie el ambiente de da a noche, y la ciudad
que contenga semforo, vehculos y edificios; todos estos vectores deben tener animacin.
Cada uno de los aprendices deber desarrollar una actividad que consiste en convertir
nombres en apellidos, a travs de interpolacin de forma.
Despus de las actividades anteriores el aprendiz deber bajar imgenes de diferentes
animales de Internet y convertirlos con interpolacin de forma.

Descripcin de la actividad 3: Fotogramas y Clips de Pelcula

El aprendiz deber investigar en Internet que son los fotogramas y clips de pelcula o en el
material de apoyo proporcionado por el Instructor, el funcionamiento dentro del programa.
De acuerdo a la investigacin y con algunas imgenes proporcionadas por instructor
(animacin Ovnis), el aprendiz deber ubicar las imgenes por fotogramas clave haciendo
de estas una simulacin de movimiento.

Descripcin de la actividad 4: Animacin Bsica

El aprendiz deber dibujar un Jardn con Flores y Arboles en diferentes capas separando
las flores de los arboles y deben tener movimiento.
Realizar mesa redonda donde se vern las diferentes animaciones y se har una
retroalimentacin del tema.
En grupos colaborativos se investiga que es gua de movimiento.

Descripcin de la actividad 5: StopMotion

En grupos colaborativos debern investigar en Internet que es StopMotion.

Despus de la investigacin cada grupo deber realizar la tcnica de animacin StopMotion,
dicha animacin debe ser como mnimo de 20 seg.
En un panel de discusin se vern las diferentes animaciones y se har una
retroalimentacin.

Descripcin de la actividad 6: Capas y Capas Guas

Explicacin por parte del instructor del tema a tratar en esta sesin
El aprendiz deber realizar una animacin donde un avin haga un recorrido por la pantalla
y deje una estela de humo, adems debe tener un paisaje con mariposas en movimiento

Pgina 3 de 8
 Gua de Aprendizaje

Descripcin de la actividad 7: Animacin (Lipsync) y Sonido

Explicacin por parte del instructor.

El aprendiz deber realizar un personaje donde utilice el efecto Lipsync (Movimiento de
Labios) y debe tener sonido que concuerde con el movimiento.
Realizar mesa redonda donde se vern las diferentes animaciones y se har una
retroalimentacin del tema.

3.2 Actividades de apropiacin del conocimiento (Conceptualizacin y Teorizacin).

Descripcin de la actividad 8: Banner Publicitario

Utilizando las herramientas y conocimiento vistos hasta el momento, cada aprendiz debe
realizar banner animado o intro, publicitando algn evento, debe tener texto, fotografas y
grficos animados.
En un panel de discusin se vern los diferentes banners y se har una retroalimentacin
de los mismos.

3.3 Actividades de transferencia del conocimiento.

Descripcin de la actividad 9: Botones, Estado y Efectos

El instructor proporcionar documento gua sobre el tema.

Los aprendices debern crear un botn para cada uno de los estados, sobre, presionado y
zona activa.
Deben Realizar un botn que en el estado presionado o rollover reproduzca clip de pelcula.
Con ltima actividad del tema el aprendiz deber realizar botonera basndose en algunos
diseos de Sitios Web.

Descripcin de la actividad 10: Vnculos y link

El instructor proporcionar documento de apoyo sobre el tema.

Los aprendices debern crear una botonera y en esta aplicar cada uno de los vnculos que
existe (Ejemplo uno que lleve a un sitio web, otro descargue un documento, etc)

Descripcin de la actividad 11: Escenas

El instructor explicar en qu consisten cada uno de los textos dinmicos y como incorporar
videos.
De acuerdo a la explicacin el aprendiz deber:
Realizacin de animacin con trabajo de escenas.
Incorporar video a una animacin.

Pgina 4 de 8
 Gua de Aprendizaje

3.4 Actividades de evaluacin.

Evidencias de Aprendizaje Criterios de Evaluacin Tcnicas e Instrumentos de

Evaluacin

Evidencias de Conocimiento :

Evidencias de Desempeo:

Evidencias de Producto:

4. RECURSOS PARA EL APRENDIZAJE

1. INTERPOLACIN DE FORMA.

http://www.aulaclic.es/flash/t_14_1.htm

http://www.youtube.com/watch?v=3bsJSbshGcc

2. INTERPOLACION DE MOVIMIENTO.

http://internet-y-ordenadores.practicopedia.lainformacion.com/flash/como-crear-una-
interpolacion-de-movimiento-en-flash-1054

http://www.youtube.com/watch?v=eX2GpCYXEJU

Pgina 5 de 8
Gua de Aprendizaje

3. FOTOGRAMAS

http://www.cristalab.com/flash/fotogramas/

http://www.aulaclic.es/flashcs3/b_13_1_1.htm

http://www.youtube.com/watch?v=A3tgz2CjFqk

4. CLIP DE PELCULA

http://www.aulaclic.es/flash/t_11_1.htm

http://www.youtube.com/watch?v=NaTJruw2Dhg

5. STOPMOTION

http://mistry.hubpages.com/hub/How-To-Make-A-Stopmotion-The-basics

http://www.youtube.com/watch?v=X9DmVbH7Kvw

6. CAPAS Y CAPAS GUIA

http://www.canalaudiovisual.com/ezine/books/jirflash/3flash34.htm

http://www.youtube.com/watch?v=ES0T9_RAf2U

7. ANIMACION DE PERSONAJES Y SONIDO

http://www.youtube.com/watch?v=KmyLm2GKgPo

http://www.cristalab.com/videotutoriales/hacer-hablar-a-tu-personaje-con-lip-sync-en-flash-
c104638l/

8. BANNER PUBLICITARIO

http://www.youtube.com/watch?v=ZWqZVUGr1Ms

http://www.youtube.com/watch?v=dWurmuFjGag

9. BOTONES, ESTADOS Y EFECTOS

http://www.aulaclic.es/flash-cs5/t_11_1.htm

http://www.youtube.com/watch?v=Sk-Jb7pQc4o

Pgina 6 de 8
Gua de Aprendizaje

10. VINCULOS Y LINKS

http://www.youtube.com/watch?v=L8GlRfEqQ10

http://www.youtube.com/watch?v=q4DjB0pZheo

http://www.youtube.com/watch?v=A8ZGkHtpCzg

11. ESCENAS

http://www.youtube.com/watch?v=M05NiRYVZg8

http://www.aulaclic.es/flash-cs5/t_18_3.htm

5. GLOSARIO DE TERMINOS

6. BIBLIOGRAFA/ WEBGRAFA

http://www.youtube.com/watch?v=Kium_rpW0FE

http://help.adobe.com/es_ES/flash/cs/using/flash_cs5_help.pdf

http://www.aulaclic.es/flashcs3/t_17_1.htm

http://www.tutoriales-flash.com/

Pgina 7 de 8
 Gua de Aprendizaje

http://aprender-flash.blogspot.com/

http://www.freeadobeflashtutorials.com/

7. CONTROL DEL DOCUMENTO (ELABORADA POR)

Equipo de Diseo e Integracin de Multimedia:

Paula Arroyave

Steven Cuartas

Manuela Jimnez

Isabel Soto

Pgina 8 de 8