Subscribe:

22/8/15

P-20: PROYECTO FINAL

Se realizara un proyecto final de forma individual donde se apliquen UNA de las técnicas de animación digital vistas en clase:
  • Stop-motion: este tipo de animación es creada a base de objetos inertes. Se utiliza una cámara fotográfica y se captura uno por uno los movimientos que se realizan manualmente, para después unirlos todos y editarlos en computadora.
  • Rotoscopia o rotoscopía: Consiste en remplazar fotogramas de una filmación real por dibujos que son calcados de la imagen real, impregnándole la naturalidad, efectos y estilo que se desea transmitir.
  • Pixilación: Se trata de una variante del Stop-motion pero en este estilo se utilizan a personas reales interactuando con objetos cotidianos reales y que son fotografiadas cuadro por cuadro.
  • Motion Graphics o Time Lapse: es un vídeo que crea la ilusión de movimiento mediante imágenes, fotografías, vectores.
  • plastimación (claymation, en inglés) hace referencia a una técnica de animación audiovisual de parada de imagen en la que se emplea plastilinaarcilla o algún otro material completamente maleable
Y además de la técnica incluya TRES tipos de animación vistas en clase de Flash
  1. 3D
  2. Bones
  3. Interpolación con guía de movimiento
  4. Máscaras
  5. Morphing (interpolación de forma)
  6. Frame to Frame
  7. Interpolación clásica
El proyecto debe consistir en crear Un Banner o un Flyer y se publique su película en su Blog, lo pueden realizar en 12 FPS o 24 FPS

CARACTERÍSTICAS:
  1. Al Menos contar con 90 segundos
  2. Sonido de audio (hablado)
  3. Sonido de audio (música)
  4. Al menos 10 capas
  5. Con imágenes
  6. Animaciones vistas en el modulo (3 al menos)
  7. Una Técnica 
  8. Portada o créditos (al inicio o final que incluya la Escuela, materia, maestra, etc.)
  9. Tener un tema:
    • Banner sobre la promoción de un producto.
    • Banner sobre conciencia social (Bullying, Calentamiento global, contaminación              ambiental, etc,)
    • Caricatura
    • Cuento
10. Publicar su película en tiempo y forma el día 04 de Noviembre 2019, en su BLOG y entregarla en  FLA y SWF (formatos)

EJEMPLOS:

PUBLICACIÓN DE LA PELÍCULA:

21/8/15

P-21: PUBLICACION DE TU VIDEO

Para publicar en tu blog el video, sigue los siguientes pasos:
  1. Clic en menu Archivo -> exportar ->Exportar pelicula
  2. Selecciona el tipo Windows AVI (*.avi)
  3. Escribe el nombre y le das clic en guardar
  4. En el cuadro de texto que se abre selecciona lo que se te indica:

5. Clic en Aceptar y de nuevo aceptar.
Nota: En tu blog, selecciona subir el video.. y listo

20/8/15

P-19: ANIMACION DE LIP SYNC

En Flash, el Lip Sync (sincronía de Labios) es una animación que permite coincidir los movimientos de los labios con alguna grabación o con las voces cantadas. El termino también se refiere a los procesos de actuación en vivo con grabaciones.

P-18: ANIMACION CON VOZ

En esta entrada, vamos a aprender a grabar voces, para importarlas a la Biblioteca de Flash para después exportarlas a la película.
  1. Lo primero que debes de tener es un micrófono.
  2. Lo segundo es tener un software en el cual puedas grabar tu voz; se te recomienda Audacity, ya que es un software libre y facil de manejar, sin embargo puedes seleccionar el que tu gustes. Te dejo la liga para descargarlo a continuación: Audacity Beta pra Windows
  3. Cuando lo abras, se aparecerá una ventana anterior.
  4. Inserta el micrófono a tu computadora y selecciona el microfono en la pantalla.
  5. Haz clic sobre el boton rojo y comienza la grabacion.
  6. Haz clic en detener cuando ya hayas terminado la grabación.
  7. Selecciona Play para escuchar la grabacion que haz realizado.
  8. Para guardar el sonido, selecciona el menu Archivo-Exportar y guardalo de tipo WAVE

P-17: SONIDOS EN FLASH

Flash nos permite insertar sonidos que tengan formato digital para realizar nuestra película, ya sea grabados por nosotros mismos o descargados de Internet.
Formatos de archivo de sonido admitidos
Puede importar a Flash Pro los siguientes formatos de archivo de sonido:
  • ASND (Windows o Macintosh). Se trata del formato de sonido nativo de Adobe® Soundbooth™.
  • WAV (sólo en Windows)
  • AIFF (sólo en Macintosh)
  • mp3 (Windows o Macintosh)
    Si tiene QuickTime® 4 o posterior instalado en el sistema, puede importar estos formatos de archivos de sonidos adicionales:
  • AIFF (Windows o Macintosh)
  • Sound Designer® II (sólo Macintosh)
  • Películas QuickTime sólo sonido (Windows o Macintosh)
  • Sun AU (Windows o Macintosh)
  • Sonidos System 7 (sólo en Macintosh)
  • WAV (Windows o Macintosh)
    Para poder manejar un sonido en una película de Flash se debe de importar previamente, una vez que este importado ya se podrá utilizar.
    Para importarlo:
    Selecciona el menú Archivo--Importar-- Importar a Biblioteca
    Selecciona el archivo y clic en Aceptar.
    Después lo podrás encontrar en la Biblioteca (Ctrl + L)
    SONIDOS INCORPORADOS EN FLASH:
    Flash contiene sonidos incorporados que podemos importar a nuestro proyecto, son sonidos de risas, animales, besos, etc. los cuales podemos encontrar a través del menú
    Ventana ----Bibliotecas comunes y seleccionas sonidos,
    en el cual se abrirá un nuevo menú, donde lo único que debes de hacer es seleccionar y arrastrar al escenario.
    (Haz clic sobre la liga de la fuente para mas información)

19/8/15

P-16: BONES/HUESOS


La herramienta huesos permite crear un esqueleto a los personajes usando kinematica inversa, en la cual consiste en mover una articulación o parte del cuerpo y las demás partes asumen su posición correcta como si estuviésemos moviendo una marioneta.
Ejemplo 1:
  1. Selecciona la herramienta rectangulo y crea un rectangulo como se ve en el ejemplo.
  2. Despues selecciona la herramienta hueso y ve arrastrando el huesito
  3. Enseguida, tomas la herramienta seleccion y le das un movimiento al huesito.
  4. Selecciona un frame y clic en F6
  5. Mueve otro huesito, selecciona otro frame y clic en F6
  6. y asi suscesivamente hasta que termines con cada uno de ellos.
  7. Corre tu pelicula.
Ejemplo 2:
  1. Selecciona la herramienta rectangulo y crea un

18/8/15

P-15: Animación por mascaras

El efecto mascara consiste en ocultar objetos que se encuentran dentro de un escenario de Flash e irlos mostrando poco a poco con otro objeto que contenga una interpolacion de movimiento, pero ademas de ocultar objetos también podriamos hacer modificar el color, por ejemplo, que cuando un objeto tenga un color, cuando pase encima de el otro objeto que contenga interpolacion de movimiento, este lo haga cambiar de color; otro ejemplo seria el efecto lupa, que cuando pase por ese objeto, se vea mas grande el objeto anterior.
Para tener todo más claro, hagamos un ejemplo fácil:
  1. En Flash, en la escena 1, toma la herramienta de texto (T) y escribe lo que desees, utiliza un tamaño de fuente grande para que el texto abarque gran parte del escenario...
  2. Dirígete al fotograma (frame) numero 60 de la "capa 1", haz un click sobre él, y presiona F6, para que el tiempo de duración de la película sea más prolongado.
  3. Crea otra capa (capa 2), después toma la "herramienta óvalo"(o) y dibuja un óvalo de tipo grafico (F8)
  4. Selecciona el fotograma 20 y clic en F6 y mueve el ovalo
  5. selecciona el fotograma 40 y clic en F6 y mueve el ovalo
  6. Selecciona el fotograma 60 y clic en F6 y mueve el ovalo
  7. Selecciona la capa 1 en el fotograma 1, clic boton derecho y selecciona interpolacion clasica
  8. Haz click derecho sobre el nombre de la "capa 2" y en el menú que se desplegará, selecciona la opción "Máscara" (Mask).
  9. Ahora, corre tu pelicula.
ACTIVIDAD 2: CREAR UNA LUPA
  1. Ctrl + R (importar al escenario) una imagen
  2. Selecciona un fotograma (50) y aplica Key Frame
  3. Selecciona toda la capa sobre el fotograma 1 y al ponerse todo azul hacer clic derecho y aplicar interpolacion clasica.
  4. Crea una nueva capa y dibuja un circulo.
  5. Selecciona el frame 20 y clic en F6 y mueve
  6. Selecciona el frame 30 y clic en F6 y mueve
  7. Selecciona el frame 40 y clic en F6 y mueve
  8. Selecciona el frame 50 y clic en F6 y mueve
  9. Clic en Capa 2 y clic derecho seleccionar mascara.
  10. Corre tu pelicula
  1. ESCRIBE TU NOMBRE CON MASCARA
  1. Inserta la imagen de un lapiz como esta:

P-14: Animacion de morphing

La interpolacion de forma consiste en transformar un objeto creado en su interfaz en otro objeto distinto. Para realizarlo simplemente se ocupan de dos fotogramas claves, ya que flash genera fotogramas intermedios en los cuales se va variando la forma al fotograma anterior.
Pasos:
  1. Crea una imagen con la herramienta de dibujo
  2. Selecciona un fotograma mas y realiza un key frame
  3. Mueve la imagen
  4. Elimina la imagen que creaste
  5. Realiza una nueva imagen con otro color diferente a la anterior
  6. Selecciona en medio de la linea de tiempo y clic sobre el menú insertar Interpolacion de forma
  7. Y ahora simplemente, corre la película.

P-13: ANIMACION EN 3D

1. Se escribe el texto solamente en texto TLF
2. Se modifica
3. Clic sobre el icono de 3d y se modifican en base a los colores naranja.. verde.. azul.. etc
4. Clic sobre botón derecho en el primer fotograma y clic en interpolación de movimiento
5. Clic sobre el ultimo fotograma
6. Clic de nuevo sobre el icono y se vuelven a modificar
7. Enter

17/8/15

P-12: INTERPOLACION DE MOVIMIENTO

Es la acción mas básica de Flash en la cual se desplaza un símbolo de un lugar a otro del escenario utilizando únicamente dos fotogramas.
IMPORTANTE:
  1. Para ejecutar una interpolacion, los objetos que intervengan deberán ser convertidos a símbolos con F8.
  2. Separar en distintas capas los objetos fijos y los que van a tener movimiento.
  3. Los objetos que van a ser animados en distintas formas ponerlos en diferentes capas.
PASOS:
  1. Abre un nuevo archivo ActionScript 3 y dibuja un óvalo (o lo que más te agrade) en el fotograma 1.
  2. Conviertelo en Símbolo con F8selecciona el clip y arrastralo al lado derecho del escenario.
  3. Haz clic con el botón derecho sobre el fotograma 1 y selecciona la opción Crear Interpolación de movimiento
  4. Selecciona el fotograma número 60 y pulsa F6 para crear un fotograma clave.
  5. Observa que se crea la Animación de 60 fotogramas de duración.
  6. Desplaza el símbolo al extremo izquierdo del escenario.
  7. Ahora ya se ha realizado la interpolación base, en ella se marca únicamente la posición inicial y final del movimiento. Si lo dejá
  8. Selecciónalo y conviértelo en un Clip de Película pulsando F8.
  9. ramos así, el clip seguiría una línea recta, como muestra la línea guía. Vamos a hacer que llegue a su origen haciendo formas
  10. Clic del ratón sobre el fotograma 10.
  11. Desplaza el clip hacia abajo.
  12. Haz clic sobre el fotograma 20.
  13. Desplaza nuestro clip hacia arriba.
  14. Y así sucesivamente hasta llegar al fotograma 60.
Observa que ahora, en la línea de tiempo, aparecen rombos en los fotogramas que se han cambiado la posición. Para modificar el movimiento de zig zag, se selecciona la linea guía y se arrastra para crear curvas.
ACTIVIDAD
1- MARIPOSA VOLANDO


16/8/15

p-11: APLICAR ANIMACION FRAME TO FRAME

Este tipo de animación todos la conocemos, es mas o menos como se realizaban las caricaturas antiguamente, osea, se realiza un dibujo, y después realiza el mismo dibujo pero un poco diferente, y así sucesivamente, después los hacen pasar todos muy rápido, dando una sensación de movimiento, bueno pues esto es lo que se hace en flash para hacer una animación cuadro a cuadro, solo que aquí no tenemos que volver a dibujar la misma imagen varias veces, si no, que podemos trabajar con la misma, solo que se va modificando poco a poco .
PASOS:
  1. Abre un archivo Action Script 3 y dibuja un ovalo en el fotograma 1.
  2. A continuación en la linea de tiempo, se selecciona el fotograma 2 y se inserta otro key frame con F6
  3. Nos dirigimos a la bola y la movemos un poco a la derecha.
  4. Volvemos a la linea de tiempo y seleccionamos el fotograma 3 e insertamos otro key frame con F6
  5. Nos dirigimos a la bola y la movemos un poco a la derecha.
  6. Repetir esta acción hasta que la bola haya quedado del otro lado del escenario.
  7. Al terminar se ha realizado el movimiento frame to frame , entonces presiona Ctrl + Enter y se va a observar la acción de la película.
PRACTICA:
Realiza una animación en Flash Frame to Frame de una mesa de ping pong, donde una pelota se regrese al topar con los postes de la mesa.

p-10: Identificar los elementos de la ventana del software de animacion

Crea una entrada a tu blog que contenga la interfaz de Flash Cs5 con sus elementos identificados. Abre el programa Flash Profesional CS5, selecciona el panel de Crear nuevo y clic sobre ActionScript 3.0

P-9: Conocer la terminología básica del software para elaborar animaciones

Crea una entrada a tu blog donde des respuesta a las siguientes preguntas que a continuación se te plantean:
  1. Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.
  2. Que es flash?
  3. Que es animación?
  4. Que es un efecto especial?
  5. Que es un grafico de computadora?
  6. Que es un video game?
  7. Que es un Synthespians?
  8. Que es un fotograma?
  9. Que es un gráfico 3D?
  10. Identifica y explica los tipos de animaciones de Flasch CS5:
  • Cuadro por cuadro
  • Interpolacion de movimiento
  • Animacion en 3D
  • Animacion de mascaras
  • Animacion de Transformacion /forma Morphing
  • Bones/huesos

15/8/15

P-8: Proyecto final en photoshop

Crea un almanaque (calendario) fotográfico donde incluyas a cada uno de tus compañeros de los diferentes grupos (531, 532 y 533) así como a los maestros de tu escuela; ubicandolos por día de cumpleaños.
Para la impresión:
Lo que determina el tamaño máximo que se puede ampliar un archivo depende del numero de pixeles que este tenga; sin embargo, la resolución indica el tamaño físico de la imagen que se desea imprimir, osea, entre mas resolución se tenga el tamaño de impresión es mas pequeño.
Cuando una imagen tiene una cantidad fija de pixeles, al aumentar su resolución disminuye su tamaño.
El costo de las impresiones en COSTCO, estan de la siguiente forma:
  1. 5 X 7 = 2.00
  2. 6 X 8 = 2.50
  3. 8 X 10= 13.00
  4. 8 X 12 = 13.00

P-7: Capas

Las capas de Photoshop semejan hojas apiladas de acetato. Puede ver las capas que se encuentran debajo a través de las áreas transparentes de una capa. Si mueve una capa a fin de colocar el contenido en ella, es como si deslizara una hoja de acetato dentro de una pila. Además, si lo desea, tiene la posibilidad de cambiar la opacidad de alguna capa de manera que su contenido sea parcialmente transparente.
Las capas sirven para realizar diversas tareas, entre otras, componer varias imágenes, añadir texto a una imagen o añadir formas de gráficos vectoriales. La aplicación de un estilo de capa facilita la adición de efectos especiales como sombras paralelas o algún tipo de resplandor.
Las operaciones con las capas se llevan a cabo en el panel Capas. Los grupos de capas le ayudan a organizar y gestionar las capas. Puede utilizar grupos para organizar las capas de manera lógica y despejar el panel Capas. Puede anidar grupos en otros grupos. También puede utilizar grupos para aplicar atributos y máscaras a varias capas a la vez.
Lo primero que debemos de hacer es establecer atributos y realizamos los siguientes pasos:
1. Ctrl + N

14/8/15

P-6: Panel de Herramientas

Crea una entrada en tu blog con una imagen del Panel de herramientas de Photoshop, describe cada una de ellas e indica cual es el atajo del teclado que le corresponde; ejemplo:
  1. Herramientas de selección: Realizan selecciones de formas predeterminadas < M >
  2. Mover: Sirve para mover áreas seleccionadas, capas o imágenes completas < V >
  3. Lazo: ...
  4. etc.

P-5: Elementos de la ventana del Software de diseño

Crea una nueva entrada a tu blog con una imagen que muestre la interfaz del programa Photoshop, identificando cada uno de sus elementos:
1- ventana del documento
2- panel de herramientas
3- barra de opciones
4- paneles flotantes
5- barra de menú

13/8/15

INSTRUMENTOS DE EVALUACION: INSTRUMENTOS DE EVALUACION

MODULO 1: IMPLEMENTAR OPERACIONES AUTMATIZADAS EN LA ELABORACION DE PRESENTACIONES ELECTRONICAS.
CONTENIDO
SI
NO
PONDERACION
Crea hipervínculos dentro de la misma presentación.
1%
Crea hipervínculos a otros archivos.
1%
Crea hipervínculos a páginas Web.
1%
Aplica efectos a diapositivas y objetos (animación y transición)
1%
Inserta sonidos de archivo y personaliza la animación
1%
Inserta películas desde un archivo
1%
Presenta el proyecto en tiempo y forma (02 de septiembre)
2%
Expone su proyecto ante sus compañeros
2%
Calif Final Modulo 1

p-4: Terminología básica del Software para editar imagenes.

Crea una entrada en tu blog y explica de manera concisa las siguientes preguntas sin olvidarte de indicar cual fue la fuente de tu información.
  1. Explica para que se utiliza un editor de imágenes.
  2. ¿Que es una imagen digital?
  3. ¿Cuales son los tipos de imágenes digitales que existen y cuales son sus formatos o extensión del archivo de cada uno?
  4. Explica cada uno de los formatos de archivos. (.psd, .jfif, .jpg, png, .eps, .tif, .bmp, .gif, .svg, formatos raw (.crw y .cr2)
  5. ¿Que es un mapa de bits?
  6. ¿Que es un gráfico vectorial?
  7. ¿Que es un Pixel?
  8. ¿Que es un Vóxel?
  9. ¿Que es un Texel?
  10. ¿Que es rasterizacion?
  11. ¿Que es vectorizacion?
  12. ¿Que es una resolucion de imagen?
  13. Explica los sistemas para el color a las imagenes digitales de acuerdo a su finalidad y cuanto ocupa en pixeles? * Escala de grises , * RGB , * CMYK
  14. ¿Cuales son los mejores programas para la edición de imagenes?

12/8/15

P-3: Proyecto Final para exponer un Tema de indole social

Crea una presentación electrónica en la cual utilices al menos 10 diapositivas.
  1. Que contenga portada
  2. Que contenga indice principal
  3. Utiliza hipervinculos
  4. Utiliza botones de accion
  5. Objetos de animacion de audio y video
  6. Presentar el proyecto en tiempo y forma para su exposicion el dia 02 de Septiembre 2011.
Valor 50%

P-2 Animacion y transicion con audio y video

Utiliza la presentacion creada anteriormente y realiza lo siguiente:
  1. Inserta audio a tu presentacion que vaya acorde con el tema que estas abordando
  2. Inserta un video de no mas de 3 min. que hable sobre el tema expuesto.
  3. Aplica transiciones a las diapositivas
  4. Configura efectos de animacion de entrada, salida tiempos a los objetos de texto, imagenes, audio y video.
  5. Aplica animaciones personalizadas con trayectoria y efectos.
Valor 30%

P-1 Hipervinculos y botones de accion

Crea una presentacion electronica minima 10 diapositivas, que contenga lo siguiente:
  1. Diseña portada con buena presentacion
  2. Crea un menu principal
  3. Genera hipervinculos a cada tema
  4. Inserta botones de accion para salir, avanzar entre diapositivas y regresar al menu principal.
  5. Establece enlaces a paginas Web
  6. Que abra un archivo de Excel donde se encuentre una grafica sobre tu tema.
Valor 20%