SlideShare una empresa de Scribd logo
1 de 11
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
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
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
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.
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.
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
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
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
Animate cc 2017 manual
Animate cc 2017 manual
Animate cc 2017 manual

Más contenido relacionado

Similar a Animate cc 2017 manual (20)

Ejemplo de una escuela en etabs
Ejemplo de una escuela en etabsEjemplo de una escuela en etabs
Ejemplo de una escuela en etabs
 
Flash ejercicios
Flash ejerciciosFlash ejercicios
Flash ejercicios
 
Manual práctico de edición de Renders (1).pdf
Manual práctico de edición de Renders (1).pdfManual práctico de edición de Renders (1).pdf
Manual práctico de edición de Renders (1).pdf
 
01 boton que activa un morphing
01 boton que activa un morphing01 boton que activa un morphing
01 boton que activa un morphing
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
3dsmax6 9 curso1
3dsmax6 9 curso13dsmax6 9 curso1
3dsmax6 9 curso1
 
Guia de referencia
Guia de referenciaGuia de referencia
Guia de referencia
 
Guía de referencia
Guía de referenciaGuía de referencia
Guía de referencia
 
Guía de referencia
Guía de referenciaGuía de referencia
Guía de referencia
 
PROYECTO 9 COMO CREAR UN CUENTO Pancho y su maquina de hacer tareas
PROYECTO 9 COMO CREAR UN CUENTO Pancho y su maquina de hacer tareasPROYECTO 9 COMO CREAR UN CUENTO Pancho y su maquina de hacer tareas
PROYECTO 9 COMO CREAR UN CUENTO Pancho y su maquina de hacer tareas
 
Presentacion De Photostory
Presentacion De PhotostoryPresentacion De Photostory
Presentacion De Photostory
 
Gis burga
Gis   burgaGis   burga
Gis burga
 
Ejemplo práctico flash
Ejemplo práctico flashEjemplo práctico flash
Ejemplo práctico flash
 
Girar texto fondo escenario
Girar texto fondo escenarioGirar texto fondo escenario
Girar texto fondo escenario
 
Modulo3 a1
Modulo3 a1Modulo3 a1
Modulo3 a1
 
Taller sratch 1
Taller sratch 1Taller sratch 1
Taller sratch 1
 
Resumen
ResumenResumen
Resumen
 
instructivo scratch
 instructivo scratch instructivo scratch
instructivo scratch
 

Último

Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
stefatoro1392
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
jose880240
 

Último (9)

BOTONES para diseño grafico de paginas web
BOTONES para diseño grafico  de paginas webBOTONES para diseño grafico  de paginas web
BOTONES para diseño grafico de paginas web
 
Planos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicacionesPlanos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicaciones
 
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
 
Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
 
word-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docword-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..doc
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
Dominio de internet, materia de diseño web
Dominio de internet, materia de diseño webDominio de internet, materia de diseño web
Dominio de internet, materia de diseño web
 
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
 

Animate cc 2017 manual

  • 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