Computacin VI

Computacin VI

Tema 3.
Fotogramas

Objetivo de aprendizaje

P R E P A R A T O R I A

Al finalizar esta actividad sers capaz de:

Describir de manera sencilla qu es un fotograma e

identificar cuntos tipos de fotograma hay para una
animacin en Adobe Flash CS4 .

Derechos reservados TecMilenio, A.C.

Computacin VI

Introduccin

P R E P A R A T O R I A

En la siguiente actividad se realizarn una serie de grficos

en los tipos de fotograma que existen
existen, para que puedas
identificarlos y desarrollar tu animacin.

Fotogramas

P R E P A R A T O R I A

Los fotogramas son aquellos que definen la presencia de

un elemento dentro de un escenario para una animacin.

Al igual que las pelculas, los documentos de Adobe

Flash CS4 dividen el tiempo en fotogramas.

Es en la lnea de tiempo donde se trabaja con los

fotogramas para controlar y organizar adecuadamente el
contenido de los documentos, colocndolos en orden en
que se desea que aparezcan los objetos de los
fotogramas en el contenido final.

Derechos reservados TecMilenio, A.C.

Computacin VI

Tipos de Fotogramas

P R E P A R A T O R I A

Existen 2 tipos de fotogramas:

F t
Fotograma.

Fotograma clave.

Fotogramas y fotogramas clave

P R E P A R A T O R I A

1. Un fotograma es el cual se rige por una lnea de

tiempo.
p

2. Un fotograma clave es un fotograma donde una nueva

instancia del smbolo aparece en la lnea de tiempo,
tambin puede ser un fotograma que incluya cdigo
ActionScript para controlar algunos aspectos del
documento.

Derechos reservados TecMilenio, A.C.

Computacin VI

Fotogramas y fotogramas clave

P R E P A R A T O R I A

Fotograma
clave
Fotograma

Fotogramas

P R E P A R A T O R I A

Para el desarrollo de las animaciones se puede determinar

de manera especfica si se desarrollara de las siguientes
formas:

Animacin fotograma-fotograma

Esta animacin se disea de manera especfica aplicando

contenido grafico en cada fotograma.
Un fotograma esttico es cualquier fotograma que no
pertenezca a una interpolacin de movimiento.

Derechos reservados TecMilenio, A.C.

Computacin VI

Fotograma

P R E P A R A T O R I A

Fotograma-fotograma

Fotogramas

P R E P A R A T O R I A

Animacin interpolada:

Esta animacin se disea de tal forma que se tiene un

fotograma al principio y uno al final.

La interpolacin de movimiento es una serie de

fotogramas con animacin interpolada.

Un fotograma interpolado es cualquier fotograma

perteneciente a una interpolacin de movimiento.

10

Derechos reservados TecMilenio, A.C.

Computacin VI

Fotograma

P R E P A R A T O R I A

Animacin
interpolada

11

Tipos de fotogramas claves

P R E P A R A T O R I A

Tipos de fotogramas claves:

Vacio.
De propiedad.
propiedad
Se pueden agregar un fotograma clave vacio en la lnea
del tiempo como marcador de posicin de los smbolos
que se deseen aadir despus, o dejar el fotograma
vaco de forma premeditada.

12

Derechos reservados TecMilenio, A.C.

Computacin VI

P R E P A R A T O R I A

Fotogramas

Un fotograma clave de propiedad es un fotograma clave

para cambios en las propiedades de un objeto de
animacin.

Puede interpolar o rellenar automticamente, los valores

de propiedades entre los fotogramas clave de propiedad
para generar animaciones sin cortes.

Los

fotogramas
g
clave de p
propiedad
p
p
permiten p
producir
animaciones sin tener que dibujar cada fotograma
individual, facilitan la creacin de animaciones.

13

Fotogramas
C

P R E P A R A T O R I A

G
Partes de la lnea de tiempo
A. Cabeza lectora
B. Fotograma clave vaco
C. Encabezado de la lnea de tiempo
D. Men emergente Visualizacin de
fotogramas

E. Animacin fotograma a fotograma

F. Animacin interpolada
G. Botn Desplazarse hasta la cabeza lectora
H. Indicador Fotograma actual
I. Indicador Velocidad de fotogramas
J. Indicador Tiempo transcurrido
14

Derechos reservados TecMilenio, A.C.

Computacin VI

Insercion de Fotogramas

P R E P A R A T O R I A

Para insertar un fotograma nuevo en la lnea de tiempo

debes hacer lo siguiente:

Selecciona el Men Insertar

Lnea de tiempo
Fotograma

15

Crear un nuevo fotograma

P R E P A R A T O R I A

Para crear un nuevo fotograma clave:

Selecciona el Men Insertar.

Lnea de tiempo.
Selecciona Fotograma clave o bien, da clic con el
botn derecho del ratn o presiona la tecla Control y
da clic en el fotograma donde desees colocar un
fotograma clave y selecciona Insertar fotograma clave
en el men contextual
contextual.

16

Derechos reservados TecMilenio, A.C.

Computacin VI

Crear un nuevo fotograma

P R E P A R A T O R I A

Para crear un nuevo fotograma clave vaco:

Selecciona el Men Insertar.

Lnea de tiempo.
Selecciona un Fotograma clave vaco, o bien, da clic con

el botn derecho del ratn o presiona la tecla Control y

en el fotograma donde desees colocar el fotograma clave
y selecciona.
Insertar fotograma clave vaco en el men contextual
contextual.

17

P R E P A R A T O R I A
Seleccin de fotogramas en la lnea de
tiempo

Hay dos mtodos que Adobe Flash CS4 para seleccionar

fotogramas en la lnea de tiempo:

1. Con la seleccin basada en los fotogramas (la

predeterminada), se seleccionan fotogramas
individuales en la lnea de tiempo.

2. En la seleccin basada en el tamao, al hacer clic en

q
fotograma
g
de una secuencia, se selecciona
cualquier
toda la secuencia de fotogramas, desde un fotograma
clave hasta el siguiente.

18

Derechos reservados TecMilenio, A.C.

Computacin VI

Seleccin de fotogramas

P R E P A R A T O R I A

1. La seleccin basada en el tamao se puede especificar

en las preferencias de Adobe Flash CS4:

Para seleccionar un fotograma, da clic en el fotograma.

Si est activada la opcin Seleccin basada en el
tamao, presiona la tecla Control y da clic en el
fotograma.

Para seleccionar varios fotogramas

g
continuos, mantn
presionada la tecla Maysculas y da clic en los
fotogramas.

19

Seleccin de fotogramas

P R E P A R A T O R I A

Para seleccionar varios fotogramas no contiguos, con la

tecla Control presionada, da clic en los fotogramas.
Para seleccionar todos los fotogramas en la lnea de
tiempo, selecciona:
Editar.
Y en Lnea de tiempo.
Seleccionar todos los fotogramas.
Para seleccionar un grupo completo de fotogramas
estticos, da doble clic en un fotograma entre dos
fotogramas clave.

20

Derechos reservados TecMilenio, A.C.

10

Computacin VI

Seleccin de fotogramas

P R E P A R A T O R I A

2. Especificacin de una seleccin de fotogramas basada

en el tamao:

Selecciona Edicin > Preferencias.

Elije la categora General.
En la seccin Lnea de tiempo, activa Seleccin
basada en el tamao.
Da clic en Aceptar.
p

21

Seleccin de fotogramas

P R E P A R A T O R I A

Forma de manipular los fotogramas:

Copiar o pegar
Eliminar
Desplazamiento
Cambio de longitud
Conversin

22

Derechos reservados TecMilenio, A.C.

11

Computacin VI

Pantalla de Edicin de fotogramas

P R E P A R A T O R I A

En lla llnea
E
de tiempo
tienes las
opciones:
Cortar,
quitar, pegar,
seleccionar
fotogramas
fotogramas.

23

Edicin de fotogramas

P R E P A R A T O R I A

Para copiar o pegar un fotograma o secuencia de

fotogramas se tienen que realizar los siguientes pasos:
Selecciona el fotograma o la secuencia
Da clic en el Men Editar.
Y en la Lnea de tiempo.
Copiar fotogramas.
Selecciona el fotograma o la secuencia que deseas
sustituir
Da clic en el Men Edicin.
Y en la Lnea de tiempo.
Pegar fotogramas.
24

Derechos reservados TecMilenio, A.C.

12

Computacin VI

Edicin de fotogramas

P R E P A R A T O R I A

Eliminacin de un fotograma o secuencia de fotogramas

Se tienen que realizar los siguientes pasos:

Selecciona el fotograma o la secuencia.

Da clic en el Men Editar.
Y en la Lnea de tiempo.
Quitar fotogramas o da clic con el botn derecho del
ratn presionado y sobre el fotograma o la secuencia
S l
Selecciona
i
Q it fotogramas
Quitar
f t
en ell men
contextual.
t t l

25

Edicin de fotogramas

P R E P A R A T O R I A

Desplazamiento de un fotograma clave o secuencia de

fotogramas y su contenido.
Solo se debe arrastrar el fotograma clave o la
secuencia a la ubicacin deseada.

Para cambiar la longitud de una secuencia de fotogramas

estticos debes:

Mantener

presionada la tecla Control mientras

arrastras el ratn hasta el fotograma inicial o final del
grupo hacia la izquierda o la derecha.

26

Derechos reservados TecMilenio, A.C.

13

Computacin VI

Conversin de un fotograma clave en

P R E P A R A T O R I A
fotograma
Debes realizar los siguientes pasos:

Selecciona el fotograma clave

Selecciona el Men Editar
Y en la lnea de tiempo de borrar fotograma o da clic
con el botn derecho del ratn sobre el fotograma
clave y selecciona Borrar fotograma en el men
contextual.

27

Cierre

P R E P A R A T O R I A

El incluir una serie de grficos a travs de los diferentes

tipos
p de fotogramas
g
q
que existen en Adobe Flash CS4, de
esta forma es ms fcil el identificarlos para desarrollar
animaciones en nuestro documento.

Derechos reservados TecMilenio, A.C.

14

Computacin VI

Referencias bibliogrficas

P R E P A R A T O R I A

Libro de texto:
Ors J.
Ors,
J (2006).
(2006) Flash 8.
8 Basic y Professional.
Professional (1
(1 Ed.)
Ed )
Mxico.: Alfaomega. (ISBN: 9701512197)

Crditos

P R E P A R A T O R I A

Diseo de contenido:
Ing. Ana Mara Arroyo Orduo, M.A.
Coordinador acadmico del rea:
L. I. Oscar Andrs Rodrguez Mgica, MATI
Edicin de contenido:
Lic. Cintia Esquivelzeta Rabell
Edicin de texto:
Lic. Dalila de Len Bauelos, MTE
Diseo grfico:
Ing. Felipe Leyva Silva, MGTI

Derechos reservados TecMilenio, A.C.

15