MANUAL DE OPERACION

Produccion de animaciones utilizando elementos multimedia

Unidad 1. Diseo 2D
1.- Crea y edita dibujos y textos utilizando las
herramientas de software y animacin.
2.- Crea animaciones 2D a travs de
interpolaciones

PLANTEL: Metepec II
ELABOR:

ACADEMIA DE ANIMACION DIGITAL

REVIS:

SUBDIRECCION ACADEMICA

Formato 1.1

Actividad 1. Cuestionario diagnostico

Actividad 2. Interfaz de flash

1. Organcese por parejas
2. Revisen en parejas de manera general la siguiente imagen.

3. Ahora en parejas contesten las siguientes preguntas.

a. Menciona cules son las partes de la pantalla?
b. De las partes de la pantalla describe cual consideras
seria su funcionamiento?
c. Con que software comparas la pantalla de flash?
d. Dibuja los iconos que reconocen o se parecen a otros
que ya hayan utilizado anteriormente?
e. Menciona el funcionamiento o aplicacin que creas de
los iconos y elementos que observas en la pantalla?
4. Intercambien con otra pareja esa informacin, retroalimenten
y procuren compartir con sus compaeros los aprendizajes
sobre esta actividad.
5. Espere su turno para hablar y respete las opiniones de los
dems

Actividad 3: La barra de mens

1. Toma como referencia la bibliografa proporcionada por el
docente flash-8.
2. Escriba el contenido de las definiciones que se muestran de
cada uno de los mens de la barra de mens de adobe flash 8.

Actividad 4. Logo sabritas

1. Familiarcese de forma individual con la estructura del
programa y herramientas que tiene a la mano para realizar el
logotipo de sabritas.
2. El rea donde editara la imagen o en su caso animacin ser
dentro del escenario.
3. En la parte izquierda de la pantalla encontrar la paleta de
herramientas que utilizara para crear y modificar el logotipo
de sabritas

4. Si observa con detenimiento sus componentes son parecidos

a los que ha utilizado en otro software de diseo.
5. Escriba en la imagen mostrada arriba el nombre de cada uno
de los componentes del panel de herramientas, aydese
colocando el cursor en cada uno de los iconos para observar
que es lo que realizan.
6. Al trmino de la colocacin realice su dibujo usando las
herramientas de la barra.

7. Guarde su archivo en su portafolio de evidencias dando clic en

el men Archivo/Guardar, con el nombre de sabritas-nmero
de lista.
8. Sube la actividad a la plataforma.
Actividad 5. Lnea del tiempo y Capas
1. Lee de manera individual la siguiente lectura
La Lnea de Tiempo representa una forma de ver los fotogramas de
modo simplificado. Consta de 2 partes.
1) Los Fotogramas (frames) que vienen delimitados por lneas
verticales (formando rectngulos)
2) Los Nmeros de Fotograma que permiten saber qu
nmero tiene asignado cada fotograma, cunto dura o cundo
aparecer en la pelcula.
Adems, en la parte inferior hay herramientas para trabajar
conPapel cebolla e informacin sobre el Nmero de Fotograma
actual (1 en la imagen), la Velocidad de los Fotogramas (12.0 en la
imagen) y el Tiempo de pelcula transcurrido (0.0s en la imagen).

Ilustracin 1 Lnea del tiempo

A nivel conceptual, la Lnea de Tiempo representa la sucesin de

Fotogramas en el tiempo. Es decir, la pelcula Flash no ser nada
ms que los fotogramas que aparecen en la Lnea de tiempo uno
detrs de otro, en el orden que establece la misma Lnea de tiempo.
El concepto de Capa es fundamental para manejar Flash de forma
eficiente. Una Capa se puede definir como una pelcula
independiente de un nico nivel. Es decir, una capa contiene su
propia Lnea de Tiempo (con infinitos fotogramas). Los objetos que
estn en una determinada capa comparten fotograma y por tanto,
pueden "mezclarse" entre s. Esto es interesante a menudo, pero
otras veces es conveniente separar los objetos de modo que no
interfieran entre s. Para ello, crearemos tantas capas como sea
necesario. El uso de mltiples capas adems, da lugar a pelculas
bien ordenadas y de fcil manejo (es conveniente colocar los
sonidos en una capa independiente llamada "Sonidos", por
ejemplo).
La imagen de una capa se muestra en la siguiente figura.

Ilustracin 2 Capas

2. En las imgenes de lnea del tiempo y capas especfica la

funcin de cada uno de los elementos que se encuentran
dentro de cada imagen, colocando el cursor sobre cada
elemento le mostrara el funcionamiento.
3. Referente a la lectura anterior contesta la siguiente sopa de
letras

Actividad 6. Transparencia de cuadrados

1. Cree un rectngulo con la Herramienta Rectngulo.
2. El Color de relleno del rectngulo creado ser el que est en
ese momento seleccionado en el Panel Mezclador de Colores.
Por ejemplo, el azul.
3. Cree otro rectngulo de color rojo sobre una de las esquinas
del cuadrado azul, el color debe cambiarlo antes de insertar el
cuadrado.

4. Inserte una nueva capa (Layer 2), verifique que se encuentre

en la capa 2 e inserte un cuadrado de color verde y un
cuadrado de color amarillo sobre las esquinas restantes del
cuadrado azul.
5. Observe que sucede cuando cambia de capas y describe con
tus propias palabras lo que observaste.
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_____________________
6. Con la herramienta seleccin elija el cuadrado rojo y verde y
seprelo del cuadrado azul, observe y anote que sucede.
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
______________________
7. Selecciona el cuadrado rojo seleccionamos el relleno del
Rectngulo y modificamos el valor Alfa. Por ejemplo,
escribimos un valor de 25%. Rectngulo rojo Ahora con
Transparencia
8. Movemos Layer 2 bajo Layer 1 y situamos el rectngulo rojo
sobre el rectngulo verde, observe y anote que sucede.
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_____________________

Actividad 7. Capas
1. De clic en el men View/Grid/Show Grid.
2. Inserte 5 capas nuevas, dando clic sobre el icono nueva capa,
del apartado capas. Otra manera de insertan capas es que de
clic derecho sobre Capa 1 y elija Insertar Capa
3. Seleccione la capa 1 y dibuje un crculo.
4. Seleccione la capa 2 y dibuje una estrella dentro del crculo,
dando clic sobre Herramienta PolyStar, la cual se encuentra
donde se insertan los crculos y rectngulos. De clic en
opciones de configuracin de herramientas que se encuentra
en el panel de propiedades para que elija el estilo estrella.
5. Seleccione la capa 3 y dibuje un rectngulo al lado del crculo.
6. Seleccione la capa 4 y dibuje un hexgono que abarque parte
superior izquierda del rectngulo con la Herramienta PolyStar.
7. Seleccione la capa 5 y dibuje un tringulo que abarque parte
del rectngulo y del polgono con la Herramienta PolyStar
8. Cambie el nombre de las capas por el nombre de cada una de
las figuras que inserto en dicha capa, dando doble clic sobre el
nombre actual se escribe el nuevo nombre.
9. Colquese sobre la capa triangulo y con un clic sostenido
arrstrela entre la capa hexgono y capa rectngulo.
10.
Observe
y
escriba
lo
que
sucede________________________________________________
_______________________________________________________________
______________________
11.
Colquese sobre la capa hexgono y corte la figura del
hexgono dando clic derecho sobre la imagen y elija cortar
12.
Colquese sobre la capa triangulo y dando un clic
derecho sobre cualquier parte del escenario seleccione pegar.
13.
Observe
y
escriba
lo
que
sucede________________________________________________
_______________________________________________________________
______________________
14.
Colquese en la capa estrella y en el sealamiento con
direccin del icono mostrar/ocultar representado por un ojo de
clic.
15.
Observe
y
escriba
lo
que
sucede________________________________________________
_______________________________________________________________
______________________
16.
Regrese al estado anterior de la estrella dando clic sobre
la marca de la X.
17.
Colquese en la capa circulo y en el sealamiento con
direccin del icono bloquear/desbloquear representado por un
candado de clic.
18.
Intente dividir el crculo con una lnea recta.
19.
Observe
y
escriba
lo
que
sucede________________________________________________

_______________________________________________________________
______________________
20.
Seleccione el icono mostrar todas las capas como
contorno, observe y escriba que sucede con las
imgenes___________________________________________
21.
Guarde el documento en el portafolio de evidencias con
el nombre de capas

Actividad 8. Tecnologa Moderna

1. Forme equipos mixtos para investigar sobre los mbitos
tecnolgicos modernos donde se utilizan las animaciones y
redacten ejemplos, lo entregara a una cuartilla, impreso en
hoja blanca.
2. Procura formar equipos con quienes no hayan trabajado
anteriormente, eso enriquecer tus puntos de vista y podrs
desarrollar habilidades referentes a la tolerancia y el respeto a
la diversidad.
3. Elige a uno de los integrantes de su equipo para que comparta
la investigacin en plenaria.
4. Recuerde que es importante mencionar los aspectos positivos
y de mejora, as como debe tomar plena atencin sobre las
exposiciones de los dems.
5. Espere su turno para hablar y respete las opiniones de los
dems.
6. Realicen un resumen utilizando sus propias palabras para
describir la utilidad en la tecnologa moderna de utilizar
animaciones grficas, intgrelo en su portafolio de evidencias.

Actividad 9. Textos

Actividad 10: Calcar un dibujo Animado

1. Descargue de internet la imagen de su dibujo animado
favorito y gurdelo en el escritorio.
2. Desde Flash de clic en Archivo/Importar/Importar escenario.
3. Busque dentro de su memoria USB la imagen del dibujo
animado e imprtela a flash.
4. Cambie el nombre de la capa 1 por original
5. Inserte una nueva capa y colquele el nombre de calcar
6. Seleccione la herramienta pluma de la barra de herramientas
y elija el color que desee del trazo.
7. Marque con la herramienta pluma una parte del dibujo
animado (sombrero, corona, espada, mochila, cabello, boca,
ojos, ropa, cualquier accesorio que contenga la imagen).
8. Aydese de la herramienta subseleccion para curvaturas del
objeto, y as quedar enmarcado completamente el objeto.
9. Inserte las capas que sean necesarias para enmarcar con la
herramienta pluma cada una de las partes que integran el
dibujo animado.
10.
Cuando all terminado de enmarcar todas las partes que
conforman la imagen del dibujo animado, oculte la capa
original.
11.
Con la herramienta laso seleccione todo el dibujo y
presione Ctrl+G
12.
Observe
y
escriba
las
conclusiones
de
la
prctica._____________________________
_______________________________________________________________
______________________
13.
Guarde el documento en el portafolio de evidencias con
el nombre de dibujo animado.
14.
Conteste las siguientes preguntas:
a. Que es agrupar:
b. Que es desagrupar: