Manual de laboratorio Animación de Gráficos (Diseño Gráfico)

Manual

de laboratorio UNIVERSIDAD DON BOSCO

INTRODUCCIÓN Este manual ha sido elaborado para orientar al estudiante de Animación de Gráficos en el desarrollo de sus prácticas de laboratorios. Está diseñado para que haga uso de él antes, durante y después de la práctica, de tal forma que le ofrece un método facilitador en su proceso de enseñanza/aprendizaje durante esta asignatura.

El desarrollo de esta asignatura tiene asignadas 15 sesiones, que incluyen una práctica semanal y el desarrollo de un proyecto por unidad, en los cuales, el estudiante aplicará los conceptos y las técnicas fundamentalmente necesarios para el dominio de programas para el tratamiento de imágenes. Todas las guías de laboratorio están estructuradas de la siguiente forma: - Objetivos - Materiales y equipos - Introducción teórica - Procedimiento - Bibliografía - Hoja de evaluación La hoja de evaluación será entregada al docente de práctica al inicio de cada unidad en el aula de laboratorio, por lo cual deberá venir previamente completada con sus datos.

La asignatura de Animación de Gráficos está dividida en tres unidades durante el ciclo.

-Unidad 1 // 3 laboratorios prácticos, -Unidad 2 // 5 laboratorios prácticos -Unidad 3 // 4 laboratorios prácticos.

Y una semana se ha designado para hacer la presentación de los proyectos finales.

CONTENIDOS 1- EXTRUSIÓN DE CAPAS DE TEXTO Y FORMAS 2-FLUJO DE TRABAJO MAYA Y AFTER EFFECTS 3- ELEMENT 3D 4-PRIMERA EVALUACIÓN 5- CROMA LINEAL Y KEY LIGHT 6- PINCEL DE ROTOSCOPIA 7- ESTABILIZADOR 8- MOTION TRACKING Y RASTREO DE CAMARA EN 3D 9-HERRAMIENTA PAINT 10- SEGUNDA EVALUACIÓN 11- FLUJO DE TRABAJO ADOBE PREMIER Y AFTER EFFECTS 12- EFECTOS DE VIDEO Y PLUGINS 13- REMAPEO DE TIEMPO 14- EXPRESIONES 15- TERCERA EVALUACIÓN

GUÍA 01 Tema: Extrusión de capas de texto y formas Contenidos:    

Animación de Gráficos Composición 3D con Trazo de Rayo Creando formas con Extrusión y Biselado Ilustraciones vectoriales extruidas y biseladas

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación grafica para plasmar ideas.

Materiales: 

Guía Número 1 previamente leída.

Animación de gráficos En este curso nos introduciremos al mundo de la producción audiovisual; en años anteriores hemos aprendido herramientas de animación 2D y 3D para la realización de contenido multimedia; ahora aprenderemos a combinar esas dos dimensiones para representar elementos publicitarios y además crear gráficos animados para producciones audiovisuales con las nuevas herramientas que aprenderemos dentro de After Effects.

Dentro de Maya autodesk aprendimos el termino Extruir el cual representaba el momento en el cual generábamos más geometría dentro de nuestros objetos. Este aspecto 3D es más evidente al mover el objeto o al mover una cámara alrededor del objeto. Dentro de After effects podemos ser capaces de extruir capas de texto y capas de formas.

Para poder extruir y biselar las capas de texto y formas, nuestra composición debe ser una composición 3D con Trazo de rayo.

Las composiciones 3D con trazo de rayo se procesan en un GPU NVIDIA apto o con todos los núcleos de CPU instalados en su equipo. Si no tiene una GPU apta, el procesamiento de la CPU se produce de forma automática. El procesamiento de GPU es preferible ya que el rendimiento es mucho más rápido.

Una composición 3D con Trazo de Rayo puede exigir un alto rendimiento del hardware que poseas, dependiendo la complejidad de la composición puede volverse difícil de manipular si esto sucede podemos optar por las herramientas de pre visualización que encontramos en el panel composición. (imagen1)

Composición 3D con Trazo de Rayo Las composiciones 3D con Trazo de Rayo nos permiten tener un control en 3 dimensiones de los objetos que a la vez pueden ser extruidos como en otros programas de diseño 3D. Puedes crear una composición 3D con trazo de rayo o convertir una composición existente en una composición 3D con trazo de rayo. Para crear una composición 3D con Trazo de Rayo haremos lo siguiente:

1.

2.

3.

4.

Vamos al menú composición.

Damos sobre la opción nueva composición.

Se abrirá un cuadro de dialogo para configurar la nueva composición.

Damos clic sobre opciones avanzadas y, a continuación, establecemos el plugin de Procesamiento en 3D con trazo de rayo.Imagen 2

Si deseas convertir una composición existente en una composición en 3D con Trazo de rayo lo único que debes hacer es modificar los ajustes de la composición que se encuentran en el menú ajustes.

Ahora, la composición es una composición 3D con trazo de rayo que admite formas y textos extruidos.

Creando formas con Extrusión y Biselado Con el procesador con trazo de rayo, las capas de formas y texto 3D pueden ser extruidas y podremos ser capaces de agregar biseles a las mismas, para poder transformar estas capas seguiremos los siguientes pasos:

1. Creamos una nueva capa de texto o capa de formas 2. Activamos el 3D de la capa. Imagen 3

3. Ahora en las propiedades de la capa vamos a desplegar las opciones de geometría 4. Ahora podremos editar diversas opciones que nos permitirán ver la extrusión de las capas 3D imagen 4

  



Estilo biselado: la forma del bisel. Las opciones son Ninguno (predeterminado), Angular, Cóncavo y Convexo.

Profundidad del biselado: el tamaño en píxeles (horizontal y vertical) del bisel.

Profundidad de los orificios del bisel: el tamaño de bisel de las partes internas de un carácter de texto, como por ejemplo el orificio de una "O". Se expresa como un porcentaje de la profundidad del bisel.

Profundidad de extrusión: el grosor de los píxeles de la extrusión. La superficie lateral (extruida) es perpendicular a la superficie frontal.

5. Como siguiente paso, asignaremos profundidad de Extrusión a nuestra capa, puedes rotar la capa para observar el efecto imagen 4-1ª

Notas:  



El relleno y los degradados de trazo no son compatibles con las capas 3D de forma.

Es posible que las formas con trazados de auto inserción no se rellenen correctamente. Además, es posible que los objetos con trazados compuestos que contienen varios orificios anidados no se puedan procesar correctamente.

Obtendremos mejores resultados al combinar estas herramientas con luces y sombras

Ilustraciones vectoriales extruidas y biseladas Para crear extrusión y biselado a las capas vectoriales provenientes de Adobe Illustrator vamos a seguir los siguientes pasos: 1. Seleccionamos la capa vectorial en el panel línea de tiempo de After Effects 2. Nos dirigimos al menú capa, y hacemos clic sobre la opción: Creación de formas a partir de la capa vectorial imagen 5

3. Ahora en línea de tiempo, podemos observar una nueva capa de formas creada a partir de la capa vectorial, como siguiente paso, aplicaremos los conceptos antes aprendidos de la creación de formas con extrusión y biselado Procedimiento:  Crear una carpeta para guardar tus proyectos.  Crear un proyecto y una composición de 1280x720.  Crear múltiples objetos con diversas opciones de geometría  Todo esto se encuentra en la parte teórica.

Próxima clase.

Elaborar un proceso de bocetería de composición publicitaria basado en el producto de una marca (Envases, Tapones, Empaques, etc.)

Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014.

GUÍA 02 Tema: Flujo de trabajo Maya-After Effects Contenidos:    

Maya autodesk Exportar archivos con Photoshop Elementos 3D en After Effects Otras formas de Flujo de trabajo

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:  

Guía Número 2 previamente leída.

Composición publicitaria con elementos 3D

Maya Autodesk Maya Autodesk es un programa de diseño y modelado 3D; como aprendimos en años anteriores podemos modelar, animar y exportar una seria de contenidos en 3 dimensiones, para luego convertirlos en archivos de video y películas. Imagen 1b

Hoy estudiaremos una serie de conceptos para poder llevar a cabo una fusión entre Maya y After Effects lo cual nos permitirá animar contenido multimedia 3D. En primer lugar debemos crear los elementos 3D que compondrán nuestra composición; debes aplicar todos los conocimientos aprendidos en Maya, modelar, texturas y animación, luego lo exportaremos de la siguiente forma: 1. Damos clic sobre el menú archivo 2. Ahora seleccionamos el recuadro de opciones del submenú Export all imagen 2b

3. Aparecerá un cuadro de dialogo en el cual seleccionamos el formato .Obj (Si la Opción de formato .obj no está activa sigue la siguiente dirección: Windows /Settings / Preferences/Plug-in Manager, y activa objExport.lib) imagen 3b

4. Dejamos en ON solo la opción de Materials 5. Seleccionamos la opción Export all imagen 4b

6. Guardamos dentro de nuestra carpeta Ahora con nuestro archivo con extensión .obj procederemos al siguiente paso antes de llevar nuestro archivo a After Effects.

Exportación de archivos con Photoshop Sin un plugin dentro de After Effects será imposible que puedas desplegar o manipular dentro de su área de trabajo todos los archivos en formato .obj, sin embargo vamos a ayudarnos de otra herramienta conocida como Adobe Photoshop, para poder preparar un archivo antes de llevarlo a After effects.

Gracias al sistema 3D que viene incluido en Photoshop desde hace algunos años, podemos ser capaces de leer archivos en formato 3D para su utilización dentro del programa.

Procedimiento: 1. Abrimos un nuevo archivo de adobe Photoshop 2. Configuramos el área de trabajo en un formato de video (720,1080, Etc.) 3. Vamos a ir al menú 3D y seleccionaremos la opción: Nueva capa 3D a partir de archivo imagen 5B

4. Seleccionamos la opción aceptar y automáticamente se activara la capa 3D de Photoshop y podremos ver el archivo .obj dentro del área de trabajo. Imagen 6B

5. Ahora vamos a guardar ese archivo como un archivo Psd y estaremos listos para llevarlo al área de trabajo de After Effects Nota: Dentro de Photoshop puedes realizar diversas configuraciones del archivo .obj para poder llevarlo en su mejor calidad posible

Elementos 3D en After Effects Puedes crear una composición basada en un archivo 3D de Photoshop, para ello necesitamos crear una nueva composición dentro de After Effects y ubicar el archivo de Photoshop como un archivo de capas.

Luego vamos a aplicar los diferentes conocimientos de luces y sombras que hemos aprendido con anterioridad para dar mayor realismo a la escena; puedes animar diversos gráficos que acompañen a tu escena.

Nota: En versiones antiguas de After effects, se incluía una opción llamada Photoshop 3D Live que nos permitía manipular los objetos en el entorno 3D

Otras formas de Flujo de trabajo

Desde Maya podemos preparar un proceso de render para guardar archivos de formato .iff, e introducirlos al área de trabajo de After Effects, como primer paso debes configurar el proceso de render para exportar una secuencia de imágenes en .iff.

1. Abrimos una nueva composición en After effects 2. Ahora hacemos clic sobre el menú archivo y luego sobre la opción importar archivo 3. Seleccionamos la primera imagen con formato .iff, podrás notar en la parte baja de la ventana de guardado una casilla la cual debe estar activa: secuencia iff imagen 7b

4. Ahora en el panel proyecto, tendremos un archivo con las secuencias de formato .iff 5. Puedes agregar la secuencia de archivo como una composición el panel línea tiempo, y podrás notar que ha guardado la transparencia.

Procedimiento:  Crear un proyecto y una composición de 1280x720.  Comenzar el desarrollo de la composición con cualquiera de los métodos aprendidos en clase  Desarrollo de animación publicitaria de la composición

3D ProAnimator Plugin Es un nuevo y revolucionario sistema de animación, que junto a After effects es capaz de abrir contenido 3D procedentes de archivos Obj. Para su utilización en el área de trabajo de After Effects, con el puedes crear animaciones de gráficos 3D utilizando las diversas herramientas proporcionadas por el programa.

Su utilización es muy fácil, basta con abrir el plugin en la ventana de efectos y cargar el archivo obj. Para poder comenzar a trabajar con él.

Procedimiento Crearemos la composición de nuestro anuncio publicitario además de un story board para conocer cómo será nuestra animación.

Próxima clase.

Seguiremos trabajando en la animación de nuestra composición publicitaria Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 03 Tema: Element 3D Contenidos:  

Element 3D Extrusión de formas y textos

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 3 previamente leída.

Composición publicitaria con elementos 3D Se recomienda al docente: Laptop con Element 3D y cañón extra

Element 3D Es un plugin de After effects desarrollado por Video Copilot, el plugin es capaz de crear e importar elementos 3D de programas nativos.

Por medio de el podemos texturizar, iluminar y renderizar gráficos de alta calidad, gracias a la aceleración por GPU que se utiliza para optimizar y mejorar los tiempos de renderizado; sin embargo por ser solo un plugin, sus herramientas pueden ser limitadas a comparación de un programa dedicado a 3D. Comenzaremos aplicando los conceptos básicos del plugin dentro del área de trabajo de After effects: 1. Creamos una nueva composición con las configuraciones deseadas.

2. Creamos una capa sólida.

3. Ahora vamos al menú efectos y buscamos la opción Video Copilot, dentro de ella seleccionaremos la opción Element. Imagen 1c

4. Ahora podrás ver las propiedades del plugin en el panel control de efectos 5. Ahora vamos a hacer clic sobre el botón Scene Setup imagen 2c

6. Ahora podrás ver el panel de Element 3D. imagen 3c

1. Importar Archivos Obj. 2. Imagen de ambiente 3. Extruir textos y formas 4. Crear formas básicas 5. Área de visualización de objetos 3D 6. Herramientas de navegación 7. Panel de materiales 8. Panel de capas 9. Panel de propiedades de capa 10. Panel de modelos prefabricados 11. Aceptar configuraciones

7. Puedes abrir archivos .obj desde el botón importar o seleccionar un objeto prefabricado para poder ajustar sus propiedades de materiales, al presionar el botón OK podrás verlo en el área de trabajo de After effects, Ahora solo debes agregar una cámara para poder navegar en el eje 3d

Extrusión de Formas y textos Parar crear formas y textos extruidos seguiremos los siguientes pasos:

1.

2.

3.

4.

Creamos una nueva composición Creamos una nueva capa de solido Creamos una nueva capa de texto Ahora sobre la capa del solido hacemos clic en la ventana efectos luego en la opción Video Copilot y luego en Element 5. Ahora podrás ver las propiedades del plugin en el panel control de efectos 6. En las propiedades del efecto vamos a desplegar la opción custom layers, luego sobre la opción custom text and maps 7. Ahora podrás ver una lista de opciones y en la opcion Path layer 1 seleccionaremos la capa de texto o formas imagen 4c

8. Como siguiente paso haremos clic sobre el botón Scene Setup 9. Ahora en el panel de Element 3D debemos hacer clic sobre el botón Extrude 10. Ahora veras en el área de trabajo el texto con una extrusión 11. Como último paso debes presionar el botón ok

Nota:

-Puedes asignar materiales y luces para modificar tus formas y textos, luego de presionar el botón OK, podrás verlos en el área de trabajo de After Effects -Para animar, basta con crear diversas cámaras y asignar el movimiento a las mismas.

-Puedes animar directamente desde los controles de Element 3D para cada capa, lo que te permitirá lograr muy buenos acabados.

Procedimiento Comenzaremos a animar nuestro anuncio publicitario con elementos 3D, puedes ocupar cualquiera de los conocimientos adquiridos en la unidad 1 Próxima clase.

Presentación de anuncio publicitario de 10 seg. Tamaño 1280 x 720 en formato de video MP4 o MOV Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 04.

Primera evaluación.

Contenidos:   

Extrusión de capas de texto y formas flujo de trabajo maya y after effects Element 3d

Evaluación Desarrollo de anuncio publicitario animado Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Conocimientos adquiridos en la unidad 1.

Desarrollo de la primera evaluación: Animación Publicitaria de 10 seg. 1280 x 720 en formato de video MP4 o MOV Rúbrica de evaluación

GUÍA 05 Tema: Croma Lineal y Keylight Contenidos:   

¿Qué es el croma?

Croma lineal Keylight

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:    

Guía Número 5 previamente leída.

Videos grabados en pantalla verde Imágenes y gráficos para composición de videoclip musical Story Board de escenas que se usaran en el video clip

¿Qué es el Croma?

El croma es una herramienta digital que consiste en extraer un color de una imagen o video y sustituir ese espacio vacío por otra imagen. Es ampliamente utilizada en cine y televisión; con dicha técnica podemos representar escenarios que probablemente no es factible grabar (Por ejemplo un viaje al espacio o al centro de la tierra) y con la ayuda de un programa como After effects, seremos capaces de lograr dicha técnica.

Para comenzar, nuestros videos deben ser producidos en pantalla verde (puede ser una tela, una pared, etc.) o azul; El uso de estos colores se basa en que los sensores de las cámaras digitales son más sensibles a estos colores; además es quienes actúen frente a dicha pantalla deben procurar no usar ropa con tonos parecidos al de la pantalla.

Con estos parámetros establecidos, vamos a conocer las diversas herramientas dentro de After effects para poder lograr el efecto.

Croma Lineal

El croma lineal es uno de los plugin que se incluyen en la lista de efectos de adobe After effects, es un software fácil de utilizar y que nos permite lograr los efectos con pantalla verde.

Para comenzar vamos a crear una nueva composición y vamos a utilizar diversos videos grabados en pantalla verde, así como imágenes y videos extras para lograr nuestra composición.

1. Agregamos un video grabado en pantalla verde al área de composición imagen 1c

2. Ahora abrimos el panel de efectos y ajustes preestablecidos (Ventana-Efectos y ajustes preestablecidos) 3. Ahora en el panel de efectos, escribiremos la palabra Lineal 4. Ahora veras un pequeño archivo con nombre Croma Lineal, vamos a arrástralo sobre la capa de nuestro video imagen 3c

5. Ahora en el panel control de efectos podrás ver todas las configuraciones de croma lineal imagen 4c

6. Ahora debes configurar la incrustación por croma, debes seleccionar un área del fondo que deseas cortar.

Tolerancia de color: Configuración de tolerancia del color seleccionado Estrechamiento de borde: Profundidad de corte con respecto a los bordes de color Calado de borde: Suavizado de los bordes

Keylight Es un plugin que también se incluye dentro de la lista de efectos de After effects, su uso es un poco más profesional a diferencia de croma lineal, debido a la variedad de configuraciones que nos permiten obtener acabados de mejor calidad sobre los videos.

Para utilizar Keylight vamos a utilizar videos grabados en pantalla verde, imágenes y videos extras para formar nuestra composición; iniciaremos creando una nueva composición y llevando nuestros archivos al panel proyecto.

1. Agregamos un video grabado en pantalla verde al área de composición 2. Ahora abrimos el panel de efectos y ajustes preestablecidos (Ventana-Efectos y ajustes preestablecidos) 3. Ahora en el panel de efectos, escribiremos la palabra Keylight imagen 6c

4. Ahora veras un pequeño archivo con nombre Keylight, vamos a arrástralo sobre la capa de nuestro video.

5. Ahora en el panel control de efectos podrás ver todas las propiedades de Keylight imagen 7c

Ahora sólo nos queda ajustar las propiedades según nuestra composición para que el resultado sea perfecto. Cuanto más minuciosos y precisos seamos en este paso, nuestros resultados serán más profesionales.

Nota: Puedes crear mascaras sobre tus videos, ya que en ocasiones no toda la escena incluye la pantalla verde, con dicha mascara serás capaz de ocultar esas partes para obtener mejores resultados. Imagen 8c

Procedimiento Vamos a trabajar para un videoclip musical, en primer lugar vamos a crear nuestra composición, usaremos diversos videos en pantalla verde para comenzar a aplicar lo aprendido en clases Próxima clase.

Diversos videos para incluir en nuestro video clip musical.

Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 06 Tema: Pincel de rotoscopia Contenidos:   

¿Qué es el pincel de rotoscopia?

Utilizando el pincel de rotoscopia Pincel perfeccionar borde

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 6 previamente leída.

Videos para poder cortar Imágenes y gráficos para composición de videoclip musical

¿Qué es el pincel de rotoscopia?

Como aprendimos en guías anteriores, quitar el fondo y aislar a los sujetos en la escena es una técnica muy utilizada en cine y televisión pero, ¿Qué hay de aquellas escenas que no fueron grabadas en pantalla verde y necesitamos aislar al sujeto del fondo?, After effects cuenta con una herramienta poderosa para cortar aun aquellos videos que no fueron grabados en pantalla verde, hablamos del pincel de rotoscopia.

El pincel de rotoscopia es una herramienta que nos permite quitar el fondo de cualquier tipo de video y lograr acabados muy buenos, en esta guía estudiaremos su uso, y las diferentes herramientas que lo acompañan

Utilizando el pincel de rotoscopia El pincel de rotoscopia imagen 1d es una herramienta que conforma el panel de herramientas de After effects, para utilizarlo seguiremos los siguientes pasos: 1. Abrimos una nueva composición e introducimos nuestro video en el panel proyecto 2. Vamos a llevar nuestro video al panel composición y ahora abriremos el panel de visor de capa, para hacerlo basta con hacer doble clic sobre el video o la capa que vamos a editar imagen 2d

3. En la panel de capa notaremos que se incluyen nuevas herramientas además un línea de tiempo adicional para visualizar nuestro video imagen 3d

1.

2.

3.

4.

5.

6.

7.

Muestra el nombre del panel de capa seleccionado Línea de tiempo adicional de la capa Cambiar a modo de mascar alfa Cambiar a modo de mascara de trazo Cambiar a modo de mascara color Cambia el color y transparencia de los modos de capa de mascara Selector de rango: permite determinar en qué momento del video se aplicará el recorte de pincel de rotoscopia.

4. Ahora vamos a seleccionar la herramienta pincel de rotoscopia imagen 1d del panel de herramientas (El cursor cambiará a un circulo verde con una cruz en el centro); lo que haremos será ir haciendo trazos sobre los bordes del sujeto que quieres cortar del video, podrás ver como a la vez se está formando un trazo alrededor del sujeto. Imagen 4d

Nota: para pintar haz clic y arrastra el mouse sobre el área a recortar, si hay una parte que no deseas y el programa la selecciono por error presiona alt y clic para deseleccionar parte del área.

Si quieres jugar con el tamaño del pincel, presiona la tecla ctrl (Windows) y mantén presionado el clic mientras mueves el mouse de izquierda a derecha.

5. Una vez que termines de pintar, puedes navegar entre los diferentes modos de visualización de la máscara para ver los resultados. Imagen 5d

Nota: en la parte inferior derecha del visor de capa se incluye un botón denominado congelar, por medio de el podemos decirle a After effects que guarde los fotogramas recortados en cache y su visualización sea más rápida; esto también nos ayudara a mantener el recorte al volver a abrir dicho archivo.

Si deseas hacer un cambio correctivo dentro del recorte, debes deseleccionar la opción congelar para que el recorte pueda actualizar la corrección que realizas.

6. Regresaremos al panel composición, veras cerca de la ventana de proyecto que ahora el panel Controles de efectos se encuentra activo con un efecto denominado Pincel tipo rotoscopia imagen 6d

7. Puedes editar los valores de la opción mate, para mejorar el borde y calado del recorte de la capa y así obtener un mejor resultado

Nota: si mientras tu video avanza, notas que hay partes que parecen no cortarse adecuadamente, puedes regresar al panel visor de capa y volver a pintar trazos de corrección con el pincel de rotoscopia sobre un determinado fotograma, esto te permitirá lograr acabados asombrosos.

Pincel perfeccionar borde En las versiones más recientes de adobe After effects se incluye junto al pincel de rotoscopia un pincel denominado Pincel perfeccionador de borde. Imagen 7d

Este pincel trabaja de la mano junto con el pincel de rotoscopia, y nos ayuda como su nombre lo dice a perfeccionar los bordes de la máscara; gracias a él podemos ser capaces de mantener la transparencia en áreas como el cabello, o mantener el follaje de un árbol en un bosque, gracias a sus diferentes propiedades de configuración, también nos ayuda a obtener un excelente acabado.

Procedimiento Seguiremos trabajando en nuestro videoclip musical, y aplicaremos los conceptos aprendidos en esta guía sobre nuestros videos Próxima clase.

Diversos videos con error de estabilidad para el taller y luego incluir en nuestro video clip musical.

Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 07 Tema: Estabilizador de movimiento Contenidos:   

¿Por qué estabilizar un video?

Panel rastreador Estabilizando un video

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 7 previamente leída.

Videos con error de estabilización Imágenes y gráficos para composición de videoclip musical

¿Por qué estabilizar un video?

Gran número de videos son grabados día con día, en redes sociales podemos ver el auge de este medio informativo y cómo cualquier persona con un dispositivo móvil es capaz de crear este tipo de contenido.

Cuando producimos de una forma profesional, nos damos cuenta que grabar un video va más allá de solo presionar el botón Record y nos vemos en la necesidad de usar una serie de recursos para que los acabados sean excelentes. En ocasiones al revisar el material nos encontramos con errores de estabilización con los cuales, nuestros videos se mueven por el movimiento de la cámara, es algo que se debe evitar a toda costa (Con el uso de un Dolly o steadicam) pero que en ocasiones no podemos evitar; para ello After effects incluye una herramienta con la cual podemos corregir en gran porcentaje los errores de estabilización de nuestros videos es la herramienta estabilizador de movimiento

Panel rastreador El rastreador, es un panel dentro de las herramientas de efectos de After effects; para abrirlo solo debes desplegar el menú ventana y seguidamente buscar la opción Rastreador. Su función principal es Eliminar las variaciones provocadas por el movimiento de la cámara, lo que permite transformar el video movido, grabado con unas cámaras de mano, en tomas estables y suaves.

Imagen 1e

Ahora podremos ver el panel Rastreador en el área de paneles flotantes. Imagen 2e

¿Qué podemos lograr con el Panel rastreador?

   



Combinación de elementos filmados por separado, (ejemplo: Un programa de televisión que se muestra sobre la pantalla de una TV) Animación de una imagen fija para que corresponda al movimiento de otro video, (ejemplo: hacer que una abeja se pose en una flor que se mece con la brisa) Efectos de animación para seguir a un elemento en movimiento (Ejemplo: agregar una burbuja de pensamiento a una persona en el video) Estabilización de video para mantener inmóvil un objeto que se está moviendo en el fotograma con el fin de examinar cómo va cambiando el objeto en el tiempo, lo cual puede resultar útil en trabajos científicos sobre imágenes.

Estabilización de video para quitar los movimientos bruscos de una cámara.

Estabilizando un video Vamos a corregir el error de movimiento en un video, vamos a crear una nueva composición basada en el video que vamos a editar.

1. Abrimos el panel rastreador (ventana-rastreador) 2. Seleccionamos la capa del video que queremos corregir 3. Ahora sobre el panel Rastreador haremos clic sobre la opción estabilizar movimiento, notaras que el panel visor de capas se abre automáticamente y sobre nuestro video unos cuadros de seguimiento. Imagen 3e

A. Región de búsqueda: define el área en la que After Effects buscará para localizar la característica sobre la que se realiza el seguimiento.

B. Región de característica: define el elemento en la capa de la que se va a realizar el seguimiento C. Punto de adición: El punto de adición designa el lugar de unión para el destino, la capa o punto de control del efecto que se va a sincronizar con la característica de movimiento en la capa donde se realiza el seguimiento (Ejemplo: los puntos de color que se utilizan sobre los actores cuando se graba una película).

4. Para poder corregir la estabilización de un video, haremos exactamente el paso 1 y 2 con la variante que activaremos la casilla de rotación después de hacer clic en el botón estabilizador. Imagen 4e

Ahora podrรกs ver que en la panel visor de capa, ya no solo tendremos un cuadro de seguimiento si no dos. Imagen 5e

5. Ahora vamos a arrastrar los cuadros de seguimiento hasta un punto de mayor contraste dentro de tu video y ademรกs que ese un punto que no se mueva mucho dentro del mismo. Imagen 6e

Nota: podrรกs ver que al mover los cuadros de seguimiento se origina un efecto lupa sobre ellos, esto para poder tener mejor referencia de los puntos a seleccionar.

6. Ahora daremos play sobre el botรณn que se encuentra en el panel Rastreador en las opciones de analizar. Imagen 7e Nota: Ahora podrรกs ver como After effects comienza a analizar el video basado en los dos puntos de anรกlisis, al terminar veras una serie de fotogramas en las opciones de la capa de tu video y los puntos de movimiento en el panel visor de capa. Imagen 8e

7. Ahora como un último paso haremos clic sobre el botón aplicar, aparecerá un cuadro de dialogo y en la opción aplicar dimensiones seleccionamos la opción “X e Y” (imagen 9e ) damos aceptar y ahora podrás ver una serie de fotogramas con los cuales After effects trata de compensar el error de movimiento de la cámara sobre tu video. Imagen 10e

Procedimiento Seguiremos trabajando en nuestro videoclip musical, y aplicaremos los conceptos aprendidos en esta guía sobre nuestros videos Próxima clase.

Presentar videos y elementos gráficos que podamos incluir dentro de ese video, como textos, pantallas, indicadores etc.

Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 08 Tema: Motion Tracking y Rastreo de cámara 3D Contenidos:   

Panel rastreador Motion Tracking Rastreo de cámara 3D

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 8 previamente leída.

Video e imágenes para realización del Motion Tracking Imágenes y gráficos para composición de videoclip musical

Panel rastreador Como aprendimos la guía anterior, el panel rastreador contenía una herramienta denominada estabilizador de movimiento que nos permitía resolver errores de movimiento de la cámara; sin embargo existen otras funciones dentro del mismo panel que nos ayuda a lograr otra serie de efectos muy interesantes para nuestros videos, hablamos de la opción Seguir movimiento y Rastreo de cámara.

Motion Tracking

El Motion tracking como mejor se le conoce; dentro de After effects Seguir movimiento, es una herramienta que nos permite pegar elementos gráficos, imágenes, composiciones sobre un punto determinado de otro video y así ver un efecto de seguimiento.

Consiste en seleccionar un punto dentro de nuestro video con el cual emparentaremos otro objeto, algo muy parecido al estabilizador de movimiento.

Para aplicar el efecto seguiremos los siguientes pasos: 1. Abrir un nuevo proyecto y crear una nueva composición 2. Llevar un video al panel proyecto; además del elemento al que se aplicara el seguimiento.

3. Con la capa de nuestro video seleccionado, iremos al panel Rastreador y haremos clic sobre la opción seguir movimiento.

4. Se abrirá el panel visor de capa, en este caso a diferencia del estabilizador, podemos solo seleccionar la opción de posición (Si es necesario activar las opciones de escala y rotación puedes hacerlo).

5. Ahora vamos a mover el cuadro de seguimiento hasta un punto de mayor contraste dentro de la escena. Imagen 1g

6. Ahora haremos clic sobre el botón editar destino, ahí seleccionaremos la capa del objeto grafico que seguirá el movimiento del punto seleccionado.

7. Ahora haremos clic sobre el botón play del panel Rastreador.

8. Cuando el análisis esté terminado, haremos clic sobre la opción aplicar, y seleccionaremos en el cuadro de dialogo el eje X e Y. imagen 2g

9. Ahora en el panel composición podrás ver como u objeto se mantiene pegado al punto del video que seleccionaste. Imagen 3g

Nota: este efecto puede tener diversos usos, en el detrás de escena de una película podrás notar que muchas veces los actores tienen puntos en su cuerpo, estos se utilizan para ser una guía fácil y así realizar un excelente Motion Tracking.

Rastreo de cámara 3D Otras de las opciones que veremos, es el Rastreo de cámara, su principal función es generar un análisis en 3D de un video, para poder agregar elementos gráficos, en un plano dentro del espacio.

Para comenzar el uso del rastreo de cámara seguiremos los siguientes pasos: 1. Crearemos un nuevo proyecto y seguidamente una nueva composición donde incluiremos un video.

2. Ahora con nuestro video seleccionado haremos clic sobre el botón Rastrear Cámara dentro del panel rastreador 3. Ahora veras que el efectos comenzara un análisis a tu video el cual puede tardar algunos minutos y se desarrolla en dos fases. Imagen 4g

4. Una vez terminado el análisis podrás observar en tu video una serie de puntos de colores, esos elementos corresponden al análisis 3D que el efecto realizo sobre una capa 2D. imagen 5g

5. Ahora podrás ver en el panel Controles de efectos, todas las propiedades correspondientes al Rastreador de cámaras 3D. imagen 6g

   

  

Analizar/Cancelar: Inicia o detiene el análisis de fondo del material de archivo.

Durante el análisis, el estado aparece como un titular en el material de archivo y junto al botón Cancelar.

Tipo de toma: Especifica si el material de archivo se capturó con un ángulo de visión horizontal fijo, zoom variable o un ángulo de visión horizontal específico. Si se cambia este ajuste, habrá que reiniciar. Ángulo de visión horizontal: Especifica el ángulo de visión horizontal que utiliza el solucionador. Solo se activa cuando Tipo de toma se establece en Especificar el ángulo de visión.

Mostrar puntos de seguimiento: Identifica los rasgos detectados como puntos 3D con sugerencias de perspectiva o puntos 2D capturados por el seguimiento de funciones o Procesar puntos de seguimiento o Controla si los puntos de seguimiento se procesan como parte del efecto.

Tamaño del punto de seguimiento: Cambia el tamaño mostrado de los puntos de seguimiento.

Crear cámara: Crea la cámara 3D. Se agrega una cámara automáticamente al crear una capa de texto, sólida o nula en el menú contextual.

Controles avanzados: Controles avanzados para el efecto Rastreador de cámara 3D

6. Si acercas el puntero del mouse a los puntos, podrás notar que se genera una especie de círculo, este objeto se crea basado en 3 puntos de análisis, nuestra labor será seleccionar un círculo que mejor se adecue a la perspectiva del video. imagen 7g

7. Ahora haremos clic derecho sobre ese círculo y tendrás diversas opciones. Imagen 8g

8. En este ejemplo vamos a seleccionar la opción texto y cámara.

9. Puedes escribir el texto deseado, notaras que en tu línea de tiempo hay nuevas capas, una de texto y una cámara, la capa de texto será una capa 3D la cual puedes reajustar con rotación, escala y posición para obtener un mejor resultado Ahora observaras como ese texto parece ser parte de la escena. Imagen 9g

Nota: puedes crear una composición 3D con trazo de rayo (Guía 1) para obtener textos 3D sobre el video.

Procedimiento Seguiremos trabajando en nuestro videoclip musical, y aplicaremos los conceptos aprendidos en esta guía sobre nuestros videos Próxima clase.

Idea y bocetos de intervención de pinceles sobre videos Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 09 Tema: Herramienta Paint Contenidos:  

Herramienta pincel, tapón clonar y borrador Herramienta Paint

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 9 previamente leída.

Idea y bocetos de intervención de pinceles sobre videos Imágenes y gráficos para composición de videoclip musical

Pinceles La herramienta pincel imagen 1f se utiliza en el panel visor de capa para aplicar trazos de pintura a una capa. Cada herramienta de pintura aplica marcas de pincel que modifican el color o la transparencia de un área de una capa sin modificar la capa de origen.

Cada trazo de pintura que realicemos tendrá su barra de duración (que nos permite animar la duración de los trazos en el tiempo), propiedades Opciones de trazo y propiedades Transformar que podrás ver en las propiedades de la capa que estas pintando. Cada trazo de pintura se nombra, de forma predeterminada, según la herramienta que lo creó, con un número que indica el orden en que se dibujó. Imagen 2f

El panel Pinceles nos muestra todas las configuraciones que puedes realizar antes de disponerte a usar la herramienta, entre ellas: la forma del trazo, la opacidad la dureza del pincel, etc. cada trazo dentro de After effects es un archivo vector, a diferencia de Photoshop que son archivos rasterizados. Imagen 3f

Herramienta clonar

Puede usar la herramienta Tampón de clonar para copiar píxeles de un lugar y un momento y aplicarlos en otro lugar y momento como lo haríamos en una imagen en Photoshop. Por ejemplo, puede corregir las expresiones del rostro en una toma a detalle de rostro de una modelo.

La herramienta Tampón de clonar puede muestrear los píxeles desde una capa de origen y aplica los valores de los píxeles muestreados a una capa de destino; la capa de destino puede ser la misma capa o una capa diferente de la misma composición. Si las capas de origen y destino son las mismas, la herramienta Tampón de clonar muestrea los trazos y efectos de pintura en la capa de origen, además de la imagen de la capa de origen.

Para utilizar la herramienta clonar, debes hacerlo sobre el visor de capa (Doble clic sobre la capa) y a continuación presionar alt y clic para seleccionar la muestra de origen y luego pintar sobre el área que deseas corregir, puedes configurar el pincel en el panel pinceles.

Imagen 4f

Nota: cuando obtengas la corrección, puedes aplicar herramientas de seguimiento y rastreo junto con mascarás para que las partes clonadas no se pierdan en el video.

Herramienta borrador La herramienta borrador se utiliza sobre el visor de capa de la capa seleccionada, se crean trazos de Borrador que se pueden modificar y animar. Por el contrario, si utiliza la herramienta Borrador en el modo Solo último trazo solo afecta al último trazo de pintura y no crea un trazo de Borrador.

Su principal función es eliminar áreas del video como si fuese un trazo de pincel, el área eliminada mostrara el color de fondo de la composición, sus configuraciones de animación, trazo, dureza etc. Son idénticas a las utilizadas con la herramienta pincel.

Herramienta Paint.

La herramienta Paint es una herramienta con propiedades que se aplican a la hora de pintar con el pincel en el visor de capa. La forma de utilizarlo es muy fácil y basta con conocer las propiedades que se incluyen en su panel.

Para abrir el panel de la herramienta, haz clic en el menú ventana y luego en la opción pintar. Imagen 5f

   

Opacidad: Permite configurar la transparencia del pincel Flujo: cantidad de color aplicado al realizar un trazo Modo: modo de color de canal alfa Canales: Configuración de la aplicación del canal alfa



Duración: tipo de animación de trazos de pincel

Nota: Puedes cambiar el color del trazo haciendo doble clic sobre los cuadros de color o utilizando la herramienta gotero, si quieres intercambiar los colores haz clic en las flechas de intercambio a la par de los cuadros de color.

Dibujando sobre un video 1. Vamos a crear una nueva composición, llevaremos un video al panel proyecto y lo agregaremos al área de composición 2. Vamos a crear una capa solida sobre la cual vamos a pintar nuestros trazos (Puedes hacerlo directamente sobre los videos) 3. Haremos doble clic sobre nuestra capa sólida para abril el visor de capa.

4. Ya que utilizaremos una capa solida la opción de canales debe estar predeterminada en RGBA, para que al aplicarlo sobre un video en transparencia el trazo se mantenga visible 5. Abriremos el panel Pintar y vamos a cambiar las opciones de duración    

Constante: Al pintar un trazo sobre el panel visor de capa, ese trazo se mantendrá visible durante toda la duración de la capa Simulación de escritura: Al pintar un trazo sobre el panel visor de capa, After effects asignara fotogramas de inicio y fin y al reproducir la línea de tiempo el trazo se formara como si lo estuviésemos dibujando en tiempo real Un fotograma: Al pintar un trazo sobre el panel visor de capa, cada trazo que dibujemos solo durará un fotograma, debes adelantar un fotograma antes de pintar para ver nuevos efectos.

Personalizado: es parecido a la opción un fotograma, pero puedes especificar la duración de tiempo en fotogramas.

6. Vamos a hacer algunos trazos sobre el visor de capa de la capa de solido imagen 7f

7. Ahora vamos a regresar al panel composición, en el podrás ver la capa solido con los trazos que aplicamos sobre él.

8. Buscamos el panel controles de efectos de la capa sólido, podrás observar que hay un efecto que se llama pintar, dentro de sus propiedades veras una opción llamada Pintar sobre transparencia, vamos a checkear el cuadro que se encuentra justo al lado de esa opción. Imagen 8f

9. Ahora podrás ver como la transparencia de la capa, ha guardado el trazo y ahora parece estar sobre el video de nuestra composición imagen 9f

Procedimiento Seguiremos trabajando en nuestro videoclip musical, y aplicaremos los conceptos aprendidos en esta guía sobre nuestros videos Próxima clase.

Presentación final de clip musical, duración 1 min, tamaño HD 1280x720, formato de video MP4 o MOV Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 10.

Segunda evaluación.

Contenidos:   

Estabilizador Rastreo de cámara y rastreo de texto en 3D Herramienta Paint

Evaluación Desarrollo y edición de video clip musical Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Conocimientos adquiridos en la unidad 2.

Desarrollo de la primera evaluación: Desarrollo y edición de video clip musical de 1 min 1280 x 720 en formato de video MP4 o MOV Rúbrica de evaluación

GUÍA 11 Tema: Flujo de trabajo Adobe premier y After effects Contenidos:   

Adobe premier Área de trabajo y herramientas básicas Importando archivos de After effects

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 11 previamente leída.

Archivos editables de guías anteriores Archivos varios: videos, imágenes, audio

Adobe premier Es un software de la familia de adobe, dedicado totalmente a la edición de video; a diferencia de After effects, puedes crear secuencias de video, cortar, ampliar o reducir la duración de los mismos, y agregar diversas capas de contenido grafico para su posterior exportación como un archivo de video.

Así también contamos con una ventana dedicada a efectos, muy parecidos a los que se utilizan en After effects. Área de trabajo imagen 1h

1. Menús de herramientas 2. Paneles extras: podrás tener control sobre los archivos de origen, sobre los efectos aplicados a tu video, entre otros paneles.

3. Herramientas de panel: Herramientas que nos ayudan a desarrollar acciones dentro de los paneles seleccionados. Ej.: en el panel de origen, observaremos una serie de botones para la reproducción de video.

4. Panel proyecto: lugar donde ubicaremos los archivos que utilizaremos en nuestra secuencia de video 5. Panel Monitor: lugar donde se visualizara nuestra composición 6. Panel de herramientas 7. Línea de tiempo 8. Controles de monitor

Ahora vamos a conocer las funciones de los botones del panel de herramientas imagen 2h

A. Herramientas de selección B. Herramienta seleccionar pista siguiente: Selecciona todos los clips a la derecha de un video seleccionado.

C. Herramienta seleccionar anterior: Selecciona todos los clips a la izquierda de un video seleccionado.

D. Herramienta editor de rizo: nos permite recortar el punto de entrada o salida de un clip en una Línea de tiempo.

E. Herramienta Editar desplazamiento: recorta el punto de entrada de uno y el punto de salida del otro video sin cambiar la duración combinada de los dos clips si se intersectan F. Herramienta ampliar velocidad: Selecciona esta herramienta para acortar un clip en una Línea de tiempo acelerando su reproducción o alargarlo ralentizándolo.

G. Herramienta cuchilla: Selecciona esta herramienta para realizar un corte o más en clips de una Línea de tiempo.

H. Herramienta desplazar: selecciona esta herramienta para cambiar simultáneamente los puntos de entrada y salida de un clip en una Línea de tiempo y conservar el espacio de tiempo entre ellos constante.

I. Herramienta deslizar: Selecciona esta herramienta para mover un clip a la izquierda o la derecha de una Línea de tiempo y recortar simultáneamente los dos clips que lo rodean.

J. Herramienta pluma: Selecciona esta herramienta para definir o seleccionar fotogramas clave o para ajustar las líneas de conexión en un Línea de tiempo.

Arrastre una línea de conexión y arrástrela verticalmente para ajustarla.

K. Herramienta mano: Selecciona esta herramienta para poder navegar dentro del panel línea de tiempo.

L. Herramienta zoom: Selecciona esta herramienta para acercar y alejar la Línea de tiempo.

Ahora vamos a realizar unos pequeños ejercicios para observar el comportamiento de los archivos dentro de adobe premier.

1. Abrimos adobe premier y lo primero que veras, será la pantalla de bienvenida y seleccionamos la opción nuevo proyecto. Imagen 3h

2. Se abrirá una nueva ventana, aquí vamos a especificar el nombre y el lugar de guardado de nuestro proyecto, seguidamente daremos clic en el botón aceptar imagen 4h.

3. Se abrirá la ventana de adobe premier, este será nuestro proyecto, ahora debemos crear una nueva secuencia, y lo haremos de la siguiente forma:  Damos clic al menú archivo, luego a la opción nuevo y por último la opción secuencia.  

Damos clic al botón nuevo elemento imagen 5h en el menú proyecto Arrastrando directamente un objeto al botón nuevo elemento

Nota: podrás ver una nueva ventana donde podemos seleccionar la configuración de tamaño y códec de video para nuestra nueva secuencia imagen 6h

4. En el panel composición vamos a agregar algunos archivos, como videos, imágenes, música, etc. Puedes importar estos archivos arrastrándolos al panel composición o haciendo clic en el menú archivo y luego en la opción importar.

5. Ahora vamos a llevar los archivos por separado a la línea de tiempo, podrás ver como la línea de tiempo de cada archivo se representa con un rectángulo, su tamaño es equivalente al tiempo de duración de cada archivo. En el caso de las imágenes puedes reajustar su tiempo de duración, posicionando el cursor al final de la línea de tiempo. Imagen 7h

Nota: si los videos incluyen audio, se representara como una línea de tiempo en las capas de audio, puedes desvincular el audio del video haciendo clic derecho y en la opción desvincular.

6. Ahora con las herramientas antes vistas podrás crear composiciones de video, combinando videos, audios, imágenes etc. Imagen 8h

Renderizando nuestra composición Para guardar nuestro video finalizado, haremos también un proceso de render. Para iniciar nuestro proceso de render haremos clic en el menú archivo y luego en la opción exportar y seguidamente la opción medios.

Ahora aparecerá un cuadro de dialogo para configurar las opciones de renderizado (Como lo aprendimos en la asignatura de animación digital) imagen 9h. Cuando la configuración este lista, haremos clic sobre el botón exportar.

Importar archivos de After effects Puedes importar archivos con extensión .aep o mejor conocidos como archivos editables de After effects para ello basta con llevar los archivos de After effects al panel composición de adobe premier, o importando a través de dinamic link, que se encuentra en el menú archivo luego la opción Adobe Dinamic link, y por ultimo seleccionar la opción importar composición de After effects.

Con ello podrás tener líneas de tiempo creadas primeramente en After effects, y luego editarlas como una secuencia de video dentro de premier, todas las modificaciones que realices sobre el archivo original, se actualizarán directamente en el panel línea de tiempo de adobe premier.

Procedimiento Crear una secuencia con archivos editables de After effects, de guías anteriores Próxima clase.

Presentación de idea, racional y story board de proyecto de unidad 3: Video corporativo infografico Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 12 Tema: Efectos de video y plugins Contenidos:   

Efectos de video Aplicación de efectos Plugins

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 12 previamente leída.

Idea, racional y story board de video corporativo infográfico Videos para taller

Efectos de video Los efectos de video, son todos aquellos módulos de configuraciones que nos permiten modificar de alguna forma los videos que grabamos.

Gran parte de la posproducción de video, se encarga de aplicar efectos a los videos, que van desde variaciones en el tiempo hasta crear imágenes que no pueden ser captadas por una cámara normal.

After effects es un programa que desde su inicio, se creó pensando en la posibilidad de transformar de maneras infinitas los videos que llevemos a su área de trabajo, su principal función es crear efectos.

Dentro de la plataforma de After effects nos encontramos una diversidad de efectos, muchos de ellos ya los hemos aprendido en este curso, pero el panel de efectos contiene un sin número de posibilidades y combinaciones para aplicar a nuestros videos.

Estudiar cada uno de ellos nos podría llevar meses, sin embargo vamos a hablar de una forma general, para comprender sus principales funciones, además debemos aprender a distinguir entre aquellos efectos que, Modifican el tiempo (por ejemplo la opacidad de 0 a 100 animada en un video), y aquellos que modifican los elementos (Por ejemplo una corrección de color sobre un video).

Lista general del panel efectos  

 

    



Efectos de canal 3D: Su principal función es crear contenido 3D e integrarlo a composiciones de contenido 2D Efectos de desenfoque: puedes utilizar los efectos de desenfoque para lograr desenfoques que no se pueden obtener de forma natural con una cámara de video, también puedes aplicarlos a capas de imágenes.

Efectos de canal: utiliza este tipo de efectos para obtener diversas configuración de edición para los canales RGB, Efectos de corrección de color: Los efectos de corrección de color son muy parecidos a los que encontramos en Photoshop, su principal función es corregir, modificar y perfeccionar los errores de color y detalles de los videos, de la misma forma como lo haríamos para retocar imágenes.

Efectos de distorsión: nos permiten distorsionar y deformar en el espacio nuestros videos, para obtener nuevos efectos de visualización de los mismos.

Efectos controles de expresión: Nos permite agregar controles que se puedan utilizar para manipular los valores de una o varias propiedades.

Efectos de generación: nos permite generar elementos diversos como relámpagos, patrones, espectros de audio etc.

Efectos de incrustación: son efectos que nos permiten modificar nuestros videos y así generar canales alfa, como por ejemplo el efecto de croma lineal.

Efectos de mate: nos permite crear mascaras basadas en el mate de luminancia y así obtener canales alfa para nuestros videos, como por ejemplo el pincel de rotoscopia.

Efecto de ruido y granulado: nos permiten crear o corregir los detalles de ruido en nuestros videos.

      

Efectos de perspectiva: nos permite crear animaciones para nuestros videos, muy utilizadas para transiciones en las composiciones.

Efectos de estilizar: Nos permite estilizar nuestros videos, con propiedades predeterminadas para cambiar sus aspectos.

Efectos de texto: nos permiten crear animaciones preestablecidas para los textos Efectos de tiempo: nos permiten modificar y deformar el tiempo de los videos o composiciones Efectos de transición: Crea diversos tipos de transiciones preestablecidas para aplicar a nuestros videos.

Efectos de utilidad: Permite establecer animación de color para los efectos basado en la creación de objetos Efectos obsoletos: Se conservan para permitir la compatibilidad con los proyectos creados con versiones anteriores de After Effects.

Cada uno de los efectos que puedes aplicar a un video, tiene sus propiedades de edición, puedes animarlas en el tiempo, configurar sus valores para obtener los resultados deseados, las encontraras en el menú control de efectos o desplegando las capas en la línea de tiempo. Imagen 1j

Aplicación de efectos After effects cuenta con un menú llamado efectos, en el cual puedes buscar el efecto que desees aplicar a tu video, así también existe un panel llamado, Efectos y ajustes preestablecidos, donde podrás escribir directamente el nombre del efecto o buscarlo en la lista de carpetas. Imagen 2j

Para aplicar un efecto vamos a seguir los siguientes pasos: 1. Selecciona la capa que deseas aplicar el efecto 2. Vamos al menú efectos y buscamos el efecto deseado; en este caso iremos a la opción corrección de color y seguidamente la opción teñir.

3. Damos clic sobre la opción y ahora veras como tu video se transforma en otro color 4. La función del efecto teñir es colorear tu video basado en dos colores que fácilmente puedes cambiar en el panel control de efectos imagen 3j

5. Todos los efectos que apliques tendrán sus paneles de propiedades, unos más complejos que otros, nuestra labor es configurar los valores hasta encontrar el efecto deseado 6. Si deseas eliminar el efecto haz clic sobre el efecto en el menú control de efecto y presiona la tecla delete.

Nota:

  

Existen efectos que se aplican solo a capas de audio.

Se recomienda editar el audio en un programa especializado para audio Puedes crear objetos nulos y aplicar los efectos directamente a ellos y se aplicara a la capa que esta justamente abajo

Plugins Los plugins son módulos de efectos desarrollados por terceros, y con completa compatibilidad con After effects (Ejemplo: Element 3D), su principal función es agregar propiedades extras al programa, y así obtener una infinidad de efectos dentro del mismo Existen plugins que son gratuitos y otros que son de paga, gracias a ellos el uso de After effects ha llegado a otro nivel, y nos permite representar casi cualquier cosa que podamos pensar, las posibilidades son infinitas.

Entre los más conocidos plugins tenemos: 

   

Red Giant: es una empresa dedicada a la creación de plugins para After effects, sus principales aportes son Trapcode particular, que nos permite crear composiciones fenomenales de animación de partículas, Magic bullet, un plugin especializado en la iluminación de los videos.

Twixtor: Plugin dedicado a crear cámara lenta profesional Element 3D: Plugin que nos permite incorporar objetos 3D al área de trabajo de After effects Duik: Plugin que nos permite crear huesos a nuestros personajes Optical flares: Un plugin dedicado a la creación de destellos, y ajustes preestablecidos de color para nuestros videos

Procedimiento Crear una nueva composición y aplicar efectos a los videos solicitados Próxima clase.

Presentar avances de video corporativo infografico Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 13 Tema: Remapeo de tiempo Contenidos:     

¿Qué es el remapeo de tiempo?

Ampliación del tiempo Tiempo invertido Congelamiento Remapeo de tiempo

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Guía Número 13 previamente leída.

Videos varios, para aplicar el remapeo de tiempo Avance de Animación corporativa infográfica

¿Qué es el remapeo de tiempo?

Los efectos de Remapeo de tiempo resultan útiles para la creación de movimiento lento, movimiento rápido, congelación de fotogramas u otros resultados de cambio en el tiempo.

Puede reajustar el tiempo de los videos en la línea de tiempo y obtener diversos resultados según las configuraciones Ampliación del tiempo

Para ampliar la duración de un video con el efecto remapeo de tiempo haremos los siguientes pasos: 1. Haremos clic derecho sobre la capa que deseamos reajustar 2. En las opciones buscaremos la opción tiempo 3. Dentro de la opción tiempo haremos clic en la opción ampliación de tiempo imagen 1k

4. Aparecerá un cuadro de dialogo, nuestra labor es reasignar la nueva duración de nuestra capa en el área de duración. Imagen 2k

Notas: según los valores establecidos, podrás hacer que la duración sea más larga o más corta.

5. Damos clic en el botón aceptar.

Tiempo invertido Puedes hacer que el tiempo de un video sea invertido, lo único que debes hacer es clic derecho sobre la capa a modificar, seleccionar la opción tiempo, y por ultimo seleccionar la opción capa con tiempo invertido, y el efecto se aplicará automáticamente.

Nota: Bajo la línea de tiempo podrás ver una línea rallada que simboliza el uso de tiempo invertido sobre la capa. imagen 3k

Congelamiento Puedes detener el video o composición en un solo fotograma, aunque la línea de tiempo siga adelante, lo único que debes hacer es dar clic derecho sobre la capa, ir a la opción de tiempo y en seguida la opción congelar fotograma; ahora podrás ver un fotograma cuadrado en línea de tiempo, justo en el lugar donde se posiciona la cabeza lectora, ese fotograma corresponde al frame congelado. Imagen 4k

Nota: En las propiedades de la capa, veras una opción denominada remapeo de tiempo con su cronometro activado, sus valores corresponden al tiempo que dura tu video, si creas un nuevo fotograma, se congelara un nuevo cuadro de tu video.

Remapeo de tiempo La opción remapeo de tiempo, se encuentra exactamente en el mismo lugar que hemos encontrado las opciones anteriores, con ella podrás tener un mejor control del tiempo, ya que puedes activar su cronometro y comenzar a jugar con diversos valores para crear una fusión de ampliar, recortar o invertir la duración de un video imagen 5k

Una de las ventajas es que puedes combinar todas las opciones entre sí, lo que te permitirá obtener diversos resultados.

Procedimiento Crear una nueva composición con diferentes configuraciones de tiempo Próxima semana Diseño de péndulo

Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 14 Tema: Expresiones Contenidos:   

¿Qué son las expresiones?

Tipos de expresiones Aplicación de expresiones

Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:  

Guía Número 13 previamente leída.

Diseño de péndulo

¿Qué son las expresiones?

Son un lenguaje de programación basado en java script para After effects, con el cual podemos crear animaciones más complejas, y en menor tiempo de realización. El buen uso del lenguaje de programación nos permite modificar de una mejor manera la animación obteniendo resultados muy buenos.

El usos de las expresiones puede volverse un trabajo extenso, en esta guía aprenderemos los conceptos básicos de las expresiones y como poder comenzar a utilizarlas.

Tipos de expresiones Existen diversos tipos de expresiones, que se aplican a la posición, al tiempo, al color a la luz etc. Y cada una de ellas puede combinarse con otra para crear animaciones complejas.

Hay expresiones que funcionan a base de las propiedades dimensionales de las capas, y otras que tienen una función predeterminada, como es el caso de la expresión Wiggle.

Antes de comenzar a aplicar las expresiones vamos a comprender algunos términos que nos facilitaran el uso de las mismas: 1. Las propiedades dimensionales de las capas (Opacidad, rotación, posición etc.) están formadas por ciertos valores, mientras las capas sigan siendo 2D algunas de las propiedades tendrán dos valores, en otras palabras una propiedad dimensional; si la propiedad solo tiene un valor es una propiedad unidimensional 2. El lenguaje de programación, asigna un valor numérico para los ejes X, Y e Z si se utiliza el eje 3D, esos valores son los siguientes: 0=X 1=Y 2=Z 3. Las expresiones por medio de códigos nos ayudan a emparentar dos propiedades de una misma capa o capas diferentes, haciendo que el trabajo sea mucho más rápido 4. Por medio de las expresiones creamos operaciones matemáticas, para que las propiedades se fundan en una sola animación, los signos también tienen una importancia dentro de las expresiones. Imagen 1L (imagen de helpx.adobe.com)

Si eso es un poco complejo, vamos a verlo con un ejemplo: 1. Vamos a crear una nueva composición y seguidamente una capa de formas.

2. Vamos a abrir el panel de expresiones, en este caso vamos a decirle a nuestra forma que rote basado en su misma posición (Como emparentar), así sin necesidad de agregar fotogramas de rotación habremos logrado el movimiento 3. Desplegamos las propiedades de la capa y con Alt presionado haremos clic sobre el cronometro de la rotación.

4. Podrás ver que debajo de la propiedad de rotación, aparecieron unos nuevos botones, y en nuestra línea de tiempo se creó un código asignado por defecto. imagen 2L

A. B. C. D. E.

Habilitar definidor de expresión Mostrar el botón Gráfico de post-expresión Icono espiral Menú de lenguaje de expresión Campo de expresión

6. Ahora vamos sin necesidad de escribir un código vamos a emparentar el espiral con uno de los dos valores de la posición (en este caso valores del eje X) en la misma capa.

7. Ahora si modificas ese valor de posición, veras como automáticamente tu capa de forma comienza a rotar, la expresión le está diciendo a la rotación que funcione en base a los valores asignados a la posición en X (0) de tu capa de formas.

8. Si mueves los valores en Y de la posición de tu capa de formas, veras que nada sucede, para ello debemos sumar también que suceda lo mismo al mover dichos valores, antes de emparentar el circulo con el eje Y de la posición, vamos a escribir un signo + a la expresión. imagen 3L

9. Ahora nuevamente arrastramos el espiral hasta los valores de Posición en Y

10. Si modificas los valores de posición de tu capa de formas, veras como rota al mismo tiempo.

Nota: si deseas manipular directamente los valores de rotación de esa capa, notaras que los valores están bloqueados y no podrás reajustar un valor, sin embargo puedes desbloquear los valores llevando la herramienta espiral a la misma propiedad de rotación.

Esto es un vistazo rápido de lo que podemos lograr con las expresiones ahora veremos otro ejemplo: Haremos que una pelota gire con respecto a la otra, para ello haremos 2 capas de formas en una nueva composición, el centro de rotación de la pelota que girara alrededor de la otra debe estar al centro de la segunda forma. Normalmente lo que haríamos sería crear una serie de fotogramas hasta lograr el movimiento deseado, pero vamos a resolverlo con una pequeña expresión.

1. Abrimos el panel expresiones de la pelota que girara, sobre la propiedad de rotación imagen 4L

2. Existen expresiones que tienen compartimientos definidos, ahora usaremos la expresión Time, su principal función es asignar una variación en el tiempo de la propiedad seleccionada, en este caso escribiremos en el campo de expresión lo siguiente: time*50 en otras palabras una variación en el tiempo de la rotación multiplicada por 50 imagen 5L

3. Si deseas que el movimiento sea más rápido o más lento, solamente debes cambiar el valor numérico de la expresión ¿Cómo lograrías que un objeto se mueva exactamente como lo hace otro? Fácil con el uso de las expresiones.

Aplicación de expresiones Aplicar expresiones puede resultar puede resultar tedioso y complejo, ya que se requiere un estudio minucioso de los códigos utilizados en la programación; sin embargo puedes encontrar amplias referencias de códigos que puedes aplicar directamente a tus capas, vamos a realizar un ejemplo Debes diseñar algo parecido a un péndulo, debes llevarlo a una nueva composición dentro de After effects, lleva el péndulo a la línea de tiempo, y verifica que su centro de rotación se encuentre justamente arriba.

Ahora activaremos el campo de expresiones para la propiedad de rotación y pegaremos el siguiente código: veloc = 7; amplitude = 80; decay = .7;

amplitude*Math.sin(veloc*time)/Math.exp(decay*time)

Cuando reproduzcas la línea de tiempo podrás ver una animación de ese péndulo realizada a base de expresiones.

Si por alguna razón existe un error en la expresión, probablemente no tengas los resultados deseados, además After effects nos advierte de que existe un error con el siguiente mensaje en el panel de composición. Imagen 6L

Procedimiento Aplicar diversas expresiones para capas de formas u objetos vectoriales Próxima semana Presentación de Video corporativo Infográfico

Referencias bibliográficas.

• Creating Motion Graphics with After Effects, Trish y Chris Meyer, Elsevier, Estados Unidos 2008 • Aprender Adobe After Effects Cc Con 100 Ejercicios, Media active, MARCOMBO, S.A. 2014

GUÍA 15.

Tercera evaluación.

Contenidos:   

Efectos de video y plugins Remapeo de tiempo Expresiones

Evaluación Desarrollo y edición de video corporativo infográfico Competencia: Maneja herramientas de edición digital y las TIC’s para la producción de materiales multimedia.

Indicadores de logro: Utiliza técnicas de representación gráfica para plasmar ideas.

Materiales:   

Conocimientos adquiridos en la unidad 3.

Desarrollo de la tercera evaluación: Creación y edición de video corporativo infográfico de 45 seg. 1280 x 720 en formato de video MP4 o MOV Rúbrica de evaluación