El documento presenta una introducción a la animación en ANIMATE CC 2017. Explica los requisitos del sistema, la interfaz, y los pasos para crear diferentes tipos de animaciones como animación de fotograma por fotograma, interpolación clásica, interpolación de movimientos, interpolación de forma e interpolación de texto. También cubre temas como el uso de la herramienta hueso para animar personajes y la creación de botones e imágenes con máscaras. El documento proporciona instrucciones detalladas para cada técnica de animación a

1. ANIMATE CC 2017
Profesor: 96182061
Temas:
1. Introduccción.
2. Requerimientos del sistema.
3. Interfaz.
4. Animación de fotograma por fotograma.
5. Desarrollo.
1. Introducción
Unidad de medida
Fs (fotograma pór segundo)
23 a 24 Fs.
2. Requerimientos del Sistema.
Procesador core i5 2.8 ghz.
Memoria RAMde 16 gb
Disco duro hibrido de 1 terabyte
Tarjeta de video 2 gb
Monitor 20”
Lector de memoria.
3. Interfaz
Animacion
Trayectos o
vectores
Mapa de bits

2. 4. Animación de fotograma por fotograma.
1. Clic Action script 3.0
2. Desde la persiana propiedades
Tamaño AN: 800 ALT: 400
Archivo/importar/importa a escenario
Ctrl + R
3. Seleccionar el primer archivoma
4. Pulsar abrir
5. Clic en Si

3. 6. Ctrl + N
Desde lalíneade tiemposeleccionarunfotograma y luego pulsar F5 para cada
fotograma.
5. Tipos de fotogramas
Inserta un fotograma continuo
Inserta un fotograma clave
Inserta un fotograma continuo
6. Interpolación clásica
Ctrl + N
Ancho : 800
Alto : 300
Fps : 30
Archivo/importar/importa a biblioteca.
Tipo de archivo
Fa (archivo editable)
SWF (archivo de animación)
Se crea Ctrl + Enter
Ubicar y seleccionar el archivo SWF y luego pulsar abrir, osea el archivo xxx.SWF
Abrir la persiana biblioteca Ctrl + L
Arrastrar al escenario el archivo xxx. SWF.
Clic sobre el fotograma 100
Pulsar
Desde la línea de tiempo clic en la capa 1
Sobre los fotogramas seleccionados dar clic derecho.
Clic en crear interpolación clásica.
Mover la imagen al lado de derecho.
Ctrl + Enter
Interpolación de movimientos

4. 1. Dar clic en Html 5 camvas.
2. Archivo/importar/importar a biblioteca.
3. Seleccionar fondo_espacial y nave_espacial.
4. Clic en abrir.
5. Ctrl + L
6. Arrastrar la imagen fondo_espacial al escenario.
7. Seleccionar el fichero propiedades.
8. Deseleccionar la imagen.
9. Desde la persiana propiedades dar clic en ajustes avanzados.
10. En la ventana configuracióndel documento, pulsar el botón coincidir contenido,luego
aceptar.
11. Desde la línea de tiempo doble clic en la capa 1, escribir fondo y luego enter.
12. Dar clic en nueva capa.
13. Cambiar el nombre a nave.
14. Bloquear la capa fondo.
15. Teniendo seleccionado la capa nave. Arrastrar de la biblioteca la imagen de la nave
espacial.
16. Desde la línea de tiempo arrastrar sobre el fotograma 100 de las 2 capas.
17. Desde el escenario seleccionar la nave.
18. Pulsar F8.
19. Sobre los fotogramas seleccionados clic derecho.
20. Clic en interpolación de movimiento.
21. Clic en fotograma 50.
22. Mover la nave en otra posición.
23. Seleccionar el fotograma 100.
24. Mover la nave fuera del escenario hacia la derecha.
25. Seleccionar el fotograma 50 y luego girar la imagen pulsar Q sobre el trayecto.
Interpolación de forma.
1. Clic en Html 5 canvas.
2. Desde la persiana propiedades dar la velocidad de 30 fps.
3. Pulsarla tecla“O” y dibujaruncirculode 300x300, (Ctrl + F3) = Propiedades.
4. Pulsar“V”.
5. Ctrl + K.
6. Ctrl + C.

5. 7. Clicenel fotograma30.
8. PulsarF7 para ingresarunfotogramavacio.
9. Ctrl+V.
10. Clicenfotograma60.
11. PulsarF7.
12. Ctrl+V.
13. Pulsar“Q”.
14. Presionandolatecla“MAYUSC” arrastra el tiradorlateral haciael centro.
15. Clicenfotograma30.
16. Presiona“MAYUS” y arrastra el tiradorlateral hasta reducirpor la mitad.
17. Clicenla capa 1.
18. Clicderechosobre losfotogramasseleccionados.
19. Clicencrear interpolaciónde forma.
20. Ctrl+Enter.
Interpolaciónde texto:
1. Ctrl+N,Html 5 canvas.
2. Pulsar“T”.
3. Arrastrar enla hojay escribirUNIMASTER.
4. Alinearenel centrodel escenarioCtrl+K.
5. Ctrl+B. para separarlas letras.
6. Distribuirencapas:
a. Anticlicsobre el texto.
b. Clicendistribuirencapas,Ctrl+MAYUS+D.
7. Eliminarlacapa 1.
8. Seleccionarlosfotogramas90de cada capa.
9. F5.
10. Presionar“MAYUS” y soltardar clic a la primeracapa.
Temas:
Herramienta hueso
1. Clic en Html5 canvas.
2. Archivo/importar/importar escenario Ctrl+R.
3. Doble clic sobre el archivo personaje_1.
4. Clic en NO.
5. Clic en importar.
6. Mover la imagen en el centro del escenario.
7. Ctrl+B separar.
8. Teniendo activo la H. seleccionar y mover, seleccionar la cabeza y el cuello.
9. Pulsar F8.
Convertir en símbolo
Nombre: cabeza aceptar
Tipo: clip de película
10. Seleccionar el tramo.
11. Pulsar F8
12. Escribir tronco y pulsar aceptar.

6. 13. Repetir el paso.
 10 para otra parte del cuerpo.
 11
 12 con otro nombre.
14. Usar la herramienta hueso y dibujar el esqueleto del cuerpo
15. Eliminar la capa 1.
Clase 6
1. Clic en Html5 Canvas
2. Pulsar R para activar la herramienta rectángulo.
3. Desde la pestaña propiedades.
4 Arrastrar sobre la hoja.
5 VentanaColor: CRTL +SHIT+ F9
6 Presionando ALT arrastrar.
7 CTRL + T
8 PULSAR V Y SELECCION EL RECTANGULO MODIFICADO
9 MOVER CON LAS TECLAS DIRECCIONALES
PARA UBICARLO EN EL CENTRO DEL BOTON SI NO SELEECCIONAR TODO Y EJECUTAR
CRTL + K
10 PULSAR LA TECLA T
11 EN LA PARTE INTEFIOR DE LA CAJA DE HERRAMIENTAS

7. 12 CLICK SOBRE EL BOTON
13 DESDE LA PERSIANA DEPROPIEDADES FAMILIA ARIAL ESPACIADO DE LETRA 12 TAMAÑO 20
14 PULSAR ESC LUEGO V
15 LUEGO SELCCIONAR TODO Y CRTL K
16 SELECCIONAR TODO LUEGO CONTROL A
17 PULSAR F8
NOMBRE: BOTON CLIENTES TIPO: BOTON
18 DOBLE CLICK SOBRE EL BOTON
19 CTRL A
20 CRTL C
21 CLICK EN EL FOTOGRAMA "SOBRE"
22 PULSAR FOTOGRAMA VACIO F7
23 CRTL MAYUS V (PEGAR EN EL MISMO SITIO )
24 CAMBIAR EL COLOR DE RELLENO CRTL + K
25 CLICK SOBRBE PRES
26 F7
27 CRTL SHIT V
28 SELCCIONAR EL TEXTO Y CAMBIARLE EL COLOR
29 CLICK EN ZONA ACTIVA
30 PULSAR R
31 SHIT ALT O = papel cebolla
32 ARRASTRAR SOBRE EL BOTON
Clase 7
Godaddy
banahosting
Anímate cc
Temas:
I. crear mascaras
1. clicen Html5 Canvas.
2. PulsarT, clicsobre la hojay escribir“UNIMASTER”.
3. PulsarQ

8. Figarrastrar centrode gravedada laesquinasuperiorizquierda.
Nota:clic enel fotograma30 y pulsar“F5”.
4. Luegoarrastra el tiradorlateral derechoala derecha.
5. Crear unacapa nuevayponerle mascara.
6. PulsarR y dibujarunrectángulodel tamañode 20x40 aproximadamente.
7. Clicenel fotograma30 y pulsarF6.
8. PulsarQ y tapar el textocon el rectángulo.
9. Clicenla capa mascara y luego anticlicenlosfotogramasseleccionados.
10. Cliceninterpolaciónde forma.
11. Anticlicsobre lacapa mascara y clicmascara.
12. Ctrl+Enter.
Edwin.krom@live.com