Portafolio deComposición Digital Adobe After EffectsFacilitador: Daniel Castelo T.20131IntroducciónPrimera parte1
Adobe After Effects• Etapas de una producción.• La composición digital.• Formatos de video.• Recursos a utilizar en la her...
Adobe After Effects• Etapas de una producción:• Al hablar de una producción de cine o televisión, para su correcto desarro...
Adobe After Effects• Etapas de una producción > Pre - Producción:• Plantear las necesidades del proyecto.• Desarrollar gui...
Adobe After Effects• Etapas de una producción > Producción:• Crear composición. Guardar proyecto. Importar archivos a bibl...
Adobe After Effects• Etapas de una producción > Post - Producción:• Importar video o animación.• Aplicar efectos especiale...
Adobe After Effects• ¿Qué es la composición digital?• Es la creación de complejas imágenes digitales a partir de diversas ...
Adobe After Effects• Formatos de video. El tipo de video con el que vamos a trabajar en AE depende demuchos factores, entr...
Adobe After Effects• Formatos de video.• Algunas extensiones de nombres de archivo, como MOV, AVI, MXF, FLV y F4V,identific...
Adobe After Effects• Formatos de video.• La velocidad de fotogramas (frames per second) de la composición determinael núme...
Adobe After Effects• Formatos de video.• Proporción de aspecto de píxeles y fotogramas• Indica la proporción de anchura re...
Adobe After Effects12Aspect Ratio12
Adobe After Effects• Formatos de video.• Resolución, hablando específicamente de video, se refiere a una cantidadrelativa: u...
Pantalla de Bienvenida Adobe After Effects14Recursos a utilizar en la herramienta14
Pantalla de Bienvenida Adobe After Effects• Al ejecutar A.E. un cuadro de diálogonos muestra las opciones de abrir unproye...
Pantalla de Bienvenida Adobe After Effects• El tip del día nos presenta nuevastécnicas y capacidades delprograma.• Aparece...
Pantalla de Bienvenida Adobe After Effects• Al usar por segunda vez el software,sucesivamente aparecerán accesosdirectos a...
Interfaz de UsuarioAdobe After Effects18Recursos a utilizar en la herramienta18
Interfaz de Usuario Adobe After Effects19• Herramientas del programa. (íconos)• Seleccionar, mover, visualizar, editar,plu...
Interfaz de Usuario Adobe After Effects20• Panel de proyecto• Importar, buscar, organizar tipobiblioteca.20
Interfaz de Usuario Adobe After Effects21• Monitor. Visualizar video, audio, otrosarchivos importados.21
Interfaz de Usuario Adobe After Effects22• Panel de preview.• Reproducir archivos, recorrer eltimeline, RAM preview, etc.22
Interfaz de Usuario Adobe After Effects23• Espacio de trabajo• Podemos seleccionar el adecuado anuestra necesidad.23
Interfaz de Usuario Adobe After Effects24• Panel Efectos y Presets• Busqueda y aplicación de efectos oanimaciones pre-fabr...
Interfaz de Usuario Adobe After Effects25• Línea de tiempo. Timeline.• Los elementos se arrastran hastaaquí desde la bibli...
WORKFLOW2626
Flujo de trabajo Adobe After Effects• Tanto si utiliza Adobe After Effects para animar un título sencillo como paracrear e...
Flujo de trabajo Adobe After Effects• Cree una nueva composición:• Seleccione Composición > Nueva composición.• Pulse Ctrl...
Adobe After Effects• Defina un fotograma clave inicial para la propiedad que desee modificar:Posición / Opacidad / Rotación ...
PROJECT3030
Proyectos Adobe After Effects• Un proyecto de After Effects es un archivo único donde se almacenancomposiciones y referenc...
Proyectos Adobe After Effects• Solamente se puede abrir un proyecto al mismo tiempo.• Si se crea o se abre otro archivo de...
Proyectos Adobe After Effects• IMPORTAR ARCHIVOS A LA BIBLIOTECA DEL PROYECTO.• Se pueden importar muchos tipos de archivo...
Proyectos Adobe After Effects• Al importar archivos, After Effects no copia en el proyecto los datos deimagen propiamente ...
LAYERS3535
Capas Adobe After Effects• Las capas son los elementos que forman una composición.• Sin capas, una composición es sólo un ...
Tipos de Capas Adobe After Effects• Capas de vídeo y audio basadas en elementos de material de archivoimportado como, por ...
Orden de las Capas Adobe After Effects• After Effects numera automáticamente todas las capas de una composición.• De forma...
PREVIEW3939
Previsualización Adobe After Effects• Puede obtener una previsualización de todo o parte de la composición amedida que va ...
Previsualización Adobe After Effects• Una de los controles de ajustes de previsualización más simple y con másefecto es el...
Previsualización Adobe After Effects• FULL / Completa:Procesa todos los píxeles de una composición. Este ajusteproporciona...
ANIMATION4343
Texto Adobe After Effects• La animación es el cambio de una propiedad en el tiempo. (Timeline)• Para animar una capa o un ...
TEXT TOOL4545
Texto Adobe After Effects• Las capas de texto le permiten agregar texto a una composición.• Puede animar las propiedades d...
Texto Adobe After Effects• Como sucede con las capas de formas y otras capas vectoriales, las capas detexto se rasterizan ...
MASKS4848
Máscaras Adobe After Effects• Una máscara en After Effects es un trazado que se usa como parámetro paramodificar atributos,...
Máscaras Adobe After Effects• Entre los efectos que pueden utilizar un trazado de máscara abierto o cerradocomo entrada se...
Fin de la primera parteGracias por su atención.Última Actualización: Jun 21 201351
Facilitador: Daniel Castelo T.2013Bibliografía web y fuentes:http://help.adobe.com/archive/es_ES/aftereffects/cs4/after_ef...
Próxima SlideShare
Cargando en…5
×

Composición digital portafolio

21.228 visualizaciones

Publicado el

Clase de introducción a la composición digital y animación en 2D en After Effects

Publicado en: Educación
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
21.228
En SlideShare
0
De insertados
0
Número de insertados
18.282
Acciones
Compartido
0
Descargas
116
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

Composición digital portafolio

  1. 1. Portafolio deComposición Digital Adobe After EffectsFacilitador: Daniel Castelo T.20131IntroducciónPrimera parte1
  2. 2. Adobe After Effects• Etapas de una producción.• La composición digital.• Formatos de video.• Recursos a utilizar en la herramienta.2Composición Digital2
  3. 3. Adobe After Effects• Etapas de una producción:• Al hablar de una producción de cine o televisión, para su correcto desarrollonos encontramos en la necesidad de separar el proyecto en 3 etapas:• Pre - Producción• Producción• Post - Producción• Al trabajar una composición digital, sin embargo hay variaciones en dichoproceso o flujo de trabajo que debemos considerar.3Composición Digital3
  4. 4. Adobe After Effects• Etapas de una producción > Pre - Producción:• Plantear las necesidades del proyecto.• Desarrollar guión y storyboard (guía visual de la animación).• Definir tipos de elementos a importar (video, audio, vector, jpg, png, psd, etc).• Definir ajustes de composición y elementos en el orden a ser animados.• Definir formato de salida y de reproducción.4Composición Digital4
  5. 5. Adobe After Effects• Etapas de una producción > Producción:• Crear composición. Guardar proyecto. Importar archivos a biblioteca.• Trasladar elementos de la biblioteca, a la línea de tiempo.• Animar capas y elementos por parámetros.• Pre composición - Importar composiciones dentro de otra.• Ajustar parámetros de interpretación : Render settings• Output module - Render5Composición Digital5
  6. 6. Adobe After Effects• Etapas de una producción > Post - Producción:• Importar video o animación.• Aplicar efectos especiales: máscaras, chroma key, corrección de color, etc.• Configurar los ajustes de salida.• Render.6Composición Digital6
  7. 7. Adobe After Effects• ¿Qué es la composición digital?• Es la creación de complejas imágenes digitales a partir de diversas fuentes(como el vídeo o la fotografía y fuentes de imagen en 2D y 3D que pueden serestáticas o animadas).• A nivel profesional se relaciona con la producción para el cine, la televisión yen general para los medios interactivos. La parte práctica de la asignatura sedesarrolla con el software de Adobe, After Effects.7Composición Digital7
  8. 8. Adobe After Effects• Formatos de video. El tipo de video con el que vamos a trabajar en AE depende demuchos factores, entre los más importantes:• Tipos de archivos de video / MOV / AVI / MPEG / FLV ...• Cantidad de fotogramas por segundo / 24 / 25 / 30 / 60 fps.• Aspect Ratio / 4:3 - 16:9.• Cantidad de pixeles 720 x 480, 1280 x 720, 1920 x 1080, 2K, 4K.• Formatos de TV : NTSC / PAL / SECAM :: ISDB-T / ATSC / DVB-T.• Progresivo o entrelazado8Formatos de video8
  9. 9. Adobe After Effects• Formatos de video.• Algunas extensiones de nombres de archivo, como MOV, AVI, MXF, FLV y F4V,identifican formatos de archivos contenedores en lugar de un formato de datosde imagen, vídeo o audio determinado.• Los archivos contenedores pueden tener datos codificados mediante variosesquemas de compresión y codificación.• After Effects puede importar estos archivos contenedores, pero la capacidadde importar los datos del archivo dependerá de los códecs (especialmente losdescodificadores) instalados.9Formatos de video9
  10. 10. Adobe After Effects• Formatos de video.• La velocidad de fotogramas (frames per second) de la composición determinael número de fotogramas que se muestran por segundo y cómo se divide eltiempo por fotogramas en la regla de tiempo y en el visualizador de tiempo• 24 fps para formato de cine.• 29.97 (30) fps para formato de televisión.• NTSC para Ecuador.10FPS10
  11. 11. Adobe After Effects• Formatos de video.• Proporción de aspecto de píxeles y fotogramas• Indica la proporción de anchura respecto a la altura del fotograma de laimagen.11Proporción11
  12. 12. Adobe After Effects12Aspect Ratio12
  13. 13. Adobe After Effects• Formatos de video.• Resolución, hablando específicamente de video, se refiere a una cantidadrelativa: una relación entre el número de píxeles que se procesan y el númerode píxeles de la imagen original.• Cada composición tiene su propio ajuste de Resolución, el cual afecta a lacalidad de la imagen de la composición cuando se procesa para lasprevisualizaciones y salidas finales (Output).• El tiempo y memoria de procesamiento de cada fotograma son prácticamenteproporcionales al número de píxeles que se procesan.13Resolución13
  14. 14. Pantalla de Bienvenida Adobe After Effects14Recursos a utilizar en la herramienta14
  15. 15. Pantalla de Bienvenida Adobe After Effects• Al ejecutar A.E. un cuadro de diálogonos muestra las opciones de abrir unproyecto existente, crear una nuevacomposición, ver ayuda del programao explorar plantillas.1515
  16. 16. Pantalla de Bienvenida Adobe After Effects• El tip del día nos presenta nuevastécnicas y capacidades delprograma.• Aparece dentro del menú Help1616
  17. 17. Pantalla de Bienvenida Adobe After Effects• Al usar por segunda vez el software,sucesivamente aparecerán accesosdirectos a los proyectos (.aep) másrecientes en que hemos estadotrabajando.1717
  18. 18. Interfaz de UsuarioAdobe After Effects18Recursos a utilizar en la herramienta18
  19. 19. Interfaz de Usuario Adobe After Effects19• Herramientas del programa. (íconos)• Seleccionar, mover, visualizar, editar,pluma, máscaras, etc.19
  20. 20. Interfaz de Usuario Adobe After Effects20• Panel de proyecto• Importar, buscar, organizar tipobiblioteca.20
  21. 21. Interfaz de Usuario Adobe After Effects21• Monitor. Visualizar video, audio, otrosarchivos importados.21
  22. 22. Interfaz de Usuario Adobe After Effects22• Panel de preview.• Reproducir archivos, recorrer eltimeline, RAM preview, etc.22
  23. 23. Interfaz de Usuario Adobe After Effects23• Espacio de trabajo• Podemos seleccionar el adecuado anuestra necesidad.23
  24. 24. Interfaz de Usuario Adobe After Effects24• Panel Efectos y Presets• Busqueda y aplicación de efectos oanimaciones pre-fabricadas.24
  25. 25. Interfaz de Usuario Adobe After Effects25• Línea de tiempo. Timeline.• Los elementos se arrastran hastaaquí desde la biblioteca del proyectopara poder ser transformados para laanimación digital.25
  26. 26. WORKFLOW2626
  27. 27. Flujo de trabajo Adobe After Effects• Tanto si utiliza Adobe After Effects para animar un título sencillo como paracrear efectos visuales complejos, normalmente debe seguir el mismo flujo detrabajo básico.1.Importación y organización del material de archivo2.Creación y disposición de capas en una composición3.Modificación y animación de las propiedades (o parámetros) de capa4.Incorporación de efectos y modificación de las propiedades de los efectos5.Previsualización.6. Procesamiento y exportación2727
  28. 28. Flujo de trabajo Adobe After Effects• Cree una nueva composición:• Seleccione Composición > Nueva composición.• Pulse Ctrl+N (Windows) o Comando+N (Mac OS).• Cambie el valor Duración del cuadro de diálogo Ajustes de composición.• Cree una nueva capa con algún tipo de archivo.• Seleccione Capa.• Despliege la flecha que descubre los parámetros de animación.28Animación paso a paso28
  29. 29. Adobe After Effects• Defina un fotograma clave inicial para la propiedad que desee modificar:Posición / Opacidad / Rotación / Escala / Punto de anclaje.• Haga clic en el triángulo que hay a la izquierda del nombre de capa en el panelLínea de tiempo, haga clic en el triángulo que hay a la izquierda del nombre degrupo Transformación y, a continuación, haga clic en el botón de cronómetro(stopwatch) situado a la izquierda del nombre de propiedad que deseamodificar.• Recuerde que debe crear siempre al menos 2 fotogramas para poder ver laanimación.• Aplicar el mismo proceso por cada capa en la línea de tiempo.29Flujo de trabajoAnimación paso a paso29
  30. 30. PROJECT3030
  31. 31. Proyectos Adobe After Effects• Un proyecto de After Effects es un archivo único donde se almacenancomposiciones y referencias a todos los elementos de material de archivo quese utilizan en dicho proyecto.• Las composiciones son colecciones de capas.• Muchas capas utilizan elementos de material de archivo (como películas oimágenes fijas) como origen, aunque algunas capas (como las capas de formay las capas de texto) contienen gráficos que se crean en After Effects.3131
  32. 32. Proyectos Adobe After Effects• Solamente se puede abrir un proyecto al mismo tiempo.• Si se crea o se abre otro archivo de proyecto cuando ya hay un proyectoabierto, After Effects pide que se guarden los cambios del proyecto abierto y, acontinuación, lo cierra.• Una vez creado un proyecto, se puede importar material de archivo alproyecto.• Para crear un proyecto, elija Archivo > Nuevo > Nuevo proyecto.• Para abrir un proyecto, elija Archivo > Abrir proyecto, busque el proyecto yhaga clic en Abrir.3232
  33. 33. Proyectos Adobe After Effects• IMPORTAR ARCHIVOS A LA BIBLIOTECA DEL PROYECTO.• Se pueden importar muchos tipos de archivos diferentes, colecciones dearchivos o componentes de archivos como las fuentes para los elementos dematerial de archivo individuales, incluyendo archivos de imagen enmovimiento, archivos de imágenes fijas, secuencias de imágenes fijas yarchivos de audio.• El usuario puede crear por sí mismo, incluso, elementos de material de archivoen After Effects, como sólidos y precomposiciones.• En un proyecto se pueden importar elementos de material de archivo encualquier momento.3333
  34. 34. Proyectos Adobe After Effects• Al importar archivos, After Effects no copia en el proyecto los datos deimagen propiamente dichos sino que crea un enlace de referencia al origen delelemento de material de archivo, lo que mantiene el tamaño relativamentereducido de los archivos de proyecto.• RECUERDE SIEMPRE GRABAR los cambios que se hagan en el proyectoconforme vaya avanzando en su composición digital, en la barra principaldonde se encuentra el título del proyecto, aparece un asterisco cuando elproyecto no ha sido grabado correctamente como recordatorio.• Si se elimina, cambia de nombre o mueve un archivo de origen importado,se rompe el enlace de referencia a ese archivo. Cuando un enlace serompe, el nombre del archivo de origen aparece en cursiva en el panelProyecto, y como no disponible en la columna Ruta de archivo. Si el elementode material de archivo está disponible, se puede restablecer el enlace(normalmente sólo con hacer doble clic en el elemento y volver a seleccionar elarchivo).3434
  35. 35. LAYERS3535
  36. 36. Capas Adobe After Effects• Las capas son los elementos que forman una composición.• Sin capas, una composición es sólo un fotograma vacío.• Utilice tantas capas como sea necesario, para crear la composición.• Algunas composiciones contienen miles de capas, mientras que otrascomposiciones contienen sólo una.• El panel Línea de tiempo de After Effects permite trabajar con las capas deforma similar a como se haría en el panel de capas de Photoshop.3636
  37. 37. Tipos de Capas Adobe After Effects• Capas de vídeo y audio basadas en elementos de material de archivoimportado como, por ejemplo, imágenes fijas, películas y pistas de audio• Capas que se crean en After Effects para realizar funciones especiales como,por ejemplo, cámaras, luces, capas de ajuste y objetos nulos• Capas de color sólido basadas en elementos de material de archivo de colorsólido creados en After Effects• Capas sintéticas que alojan elementos visuales que se crean en After Effectscomo, por ejemplo, capas de forma y capas de texto.• Capas de precomposición, que utilizan las composiciones como suselementos de material de archivo de origen.3737
  38. 38. Orden de las Capas Adobe After Effects• After Effects numera automáticamente todas las capas de una composición.• De forma predeterminada, estos números se ven en el panel Línea de tiempo,al lado del nombre de la capa.• El número se corresponde con la ubicación de esa capa en el orden deapilamiento. Cuando el orden de apilamiento cambia, After Effects cambiatodos los números en consecuencia.• El orden de apilamiento de las capas afecta al orden de procesamiento y, portanto, al procesamiento de la composición en cuanto a previsualizaciones yresultado final.3838
  39. 39. PREVIEW3939
  40. 40. Previsualización Adobe After Effects• Puede obtener una previsualización de todo o parte de la composición amedida que va trabajando en ella, sin necesidad de realizar el RENDER(procesamiento) para obtener el resultado final.• A pesar de que con frecuencia se habla del término RENDER o procesamientocomo si sólo se aplicara al resultado final, los procesos de creación de vistasprevias que se puedan visualizar en los paneles de material de archivo, capasy composición también se consideran tipos de procesamiento.4040
  41. 41. Previsualización Adobe After Effects• Una de los controles de ajustes de previsualización más simple y con másefecto es el menú de ajustes Resolución/Submuestreo, en la parte inferior delpanel Composición.• Seleccione un valor que no sea FULL (Completa) en el menú para ver todas lasprevisualizaciones a una resolución inferior.• AUTO. FULL. HALF. THIRD. QUARTER. CUSTOM4141
  42. 42. Previsualización Adobe After Effects• FULL / Completa:Procesa todos los píxeles de una composición. Este ajusteproporciona la mejor calidad de imagen pero el procesamiento es más lento.• HALF / Mitad:Procesa 1/4 de los píxeles contenidos en la imagen a resolucióncompleta––la mitad de las columnas y la mitad de las filas.• THIRD / Tercio: Procesa 1/9 de los píxeles contenidos en la imagen aresolución completa.• QUARTER / Cuarto: Procesa 1/16 de los píxeles contenidos en la imagen aresolución completa.• CUSTOM / Personalizado: Procesa la imagen según las resoluciones horizontaly vertical especificadas.4242
  43. 43. ANIMATION4343
  44. 44. Texto Adobe After Effects• La animación es el cambio de una propiedad en el tiempo. (Timeline)• Para animar una capa o un efecto cambie una o varias de sus propiedades enel tiempo.• Por ejemplo, se puede animar la propiedad de Opacidad de una capa del 0%en el tiempo cero al 100% en el tiempo 1 segundo para simular un fade toblack o fade out, dependiendo si el fondo es negro o hay alguna imagen en lacapa de abajo en el orden de capas.• Cualquier propiedad con un botón de cronómetro a la izquierda de sunombre en el panel Linea de tiempo o en el de Controles de efectos se puedeanimar.4444
  45. 45. TEXT TOOL4545
  46. 46. Texto Adobe After Effects• Las capas de texto le permiten agregar texto a una composición.• Puede animar las propiedades de todas las capas de texto o las propiedadesde caracteres individuales, como color, tamaño y posición.• Las capas de textos son capas sintéticas, es decir, que una capa de texto noutiliza un elemento de material de archivo como su origen (aunque puedeconvertir la información de texto de ciertos elementos de material de archivoen capas de texto).• Las capas de texto son también capas vectoriales.4646
  47. 47. Texto Adobe After Effects• Como sucede con las capas de formas y otras capas vectoriales, las capas detexto se rasterizan continuamente.• Cuando se ajusta la escala de la capa o se redimensiona el texto, conserva losbordes nítidos de independientemente de la resolución.• Hay dos tipos de texto: texto de punto y texto de párrafo.• El texto de punto es útil para introducir una única palabra o una línea decaracteres, mientras que el texto de párrafo sirve para escribir texto y aplicarleformato en uno o más párrafos.4747
  48. 48. MASKS4848
  49. 49. Máscaras Adobe After Effects• Una máscara en After Effects es un trazado que se usa como parámetro paramodificar atributos, efectos y propiedades de capa.• Las máscaras de trazado cerrado pueden crear áreas transparentes en unacapa.• Los trazados abiertos no pueden crear áreas transparentes para una capa peroson útiles como parámetros para un efecto.4949
  50. 50. Máscaras Adobe After Effects• Entre los efectos que pueden utilizar un trazado de máscara abierto o cerradocomo entrada se incluyen Trazo, Texto de ruta, Forma de onda de audio,Espectro de audio y Vegas.• Entre los efectos que pueden utilizar máscaras cerradas (pero no máscarasabiertas) como entrada se incluyen Relleno, Alargar, Dar nueva forma,Animación del objeto e Incrustación interior/exterior.5050
  51. 51. Fin de la primera parteGracias por su atención.Última Actualización: Jun 21 201351
  52. 52. Facilitador: Daniel Castelo T.2013Bibliografía web y fuentes:http://help.adobe.com/archive/es_ES/aftereffects/cs4/after_effects_cs4_help.pdfhttp://www.jprogr.com/2011/07/pantallas-y-monitores-que-es-eso-de.html52

×