Kitabı oku: «Aprender Adobe After Effects CS5.5 con 100 ejercicios prácticos», sayfa 4

018Entender los códigos de tiempo

AFTER EFFECTS TRABAJA CON CÓDIGOS DE TIEMPO. El Visualizados de tiempo de la Línea de tiempo, además de indicarle el tiempo de reproducción actual, le permite desplazarse a lo largo de su composición de forma muy precisa. Entender el código de tiempo es fundamental para lograr una edición de calidad.

IMPORTANTE

Si pulsa la tecla Control y hace un clic en el Visualizador de tiempo actual de la Línea de tiempo, la unidad de visualización de tiempo cambia de código de tiempo a fotogramas (o pies más fotogramas). Para volver a mostrar el código de tiempo sólo debe repetir la operación.

1.En este ejercicio aprenderá a interpretar y utilizar los códigos de tiempo de After Effects. El Visualizador de tiempo ubicado en la esquina superior izquierda de la Línea de tiempo indica el tiempo actual. Expresa de izquierda a derecha y separados por dos puntos, horas, minutos, segundos y fotogramas. El valor de nuestro ejemplo (0:00:15:03) representa el segundo 15,13 o, lo que es lo mismo, quince segundos y trece fotogramas, que es la posición del marcador de reproducción. Desplace el marcador de reproducción por la Línea de tiempo y observe cómo cambia el código mostrado en su Visualizador de tiempo actual.

Bajo el Visualizador de tiempo actual de la Línea de tiempo se indica en texto de menor tamaño el número de fotograma actual y, entre paréntesis, la frecuencia de fotograma utilizada.

2.En el visor Composición hay otro visualizador de tiempo que también indica el tiempo actual. Pulse la barra espaciadora para iniciar la reproducción del vídeo y observe cómo avanza.

3.Detenga la reproducción del mismo modo. Bajo el Visualizador de tiempo actual de la Línea de tiempo se indica en texto de menor tamaño el número de fotograma actual y, entre paréntesis, la frecuencia de fotograma utilizada. También es posible avanzar usando el Visualizador de tiempo actual. Pulse sobre el Visualizador de tiempo actual de la Línea de tiempo y arrastre el ratón hacia la derecha.

4.De esta forma retrocede. Así mismo puede ir a un tiempo específico usando el código de tiempo correcto. Haga un clic en el Visualizador de tiempo actual de la Línea de tiempo.

5.Este se convierte en un campo editable. Introduzca los dígitos 400 y pulse la tecla Retorno.

6.No ha sido necesario introducir los dos puntos entre los segundos y los fotogramas para dirigirse al segundo cuatro del clip. Pulse nuevamente en este Visualizador de tiempo actual e introduzca ahora el número 5 seguido de un punto (5.).

7.Se ha dirigido de este modo al segundo cinco, sin necesidad de introducir los ceros correspondientes, pues cada punto representa dos ceros. De esta forma, el valor 5.. le llevaría al minuto cinco y 5… representaría la hora cinco. Puede además usar códigos de tiempo relativo. Pulse una vez más en el Visualizador de tiempo actual, introduzca el siguiente texto: +415 y pulse la tecla Retorno.

8.Ha avanzado cuatro segundos y quince fotogramas. Introduzca el código +75.

Al introducir un número precedido por un signo Más en el Visualizador de tiempo actual este es procesado como un valor relativo a la posición original del marcador de reproducción, pero al introducir un número negativo, el marcador de reproducción se desplaza hasta el tiempo negativo indicado.

9.Ha avanzado de este modo setenta y cinco cuadros o, lo que es lo mismo en nuestro caso, tres segundos. Pulse ahora en el Visualizador de tiempo actual del visor Composición.

10.Se abre el cuadro de diálogo Ir a tiempo, que le informa el tiempo actual, la frecuencia de fotogramas y le permite dirigirse a un código específico. Introduzca el valor 200 y pulse la tecla Enter para ir al segundo dos.

019Generar un sólido

AUNQUE EL MATERIAL DE ARCHIVO ES FUNDAMENTAL para sus composiciones, en ocasiones es posible generar material directamente desde la aplicación. Es el caso de los Sólidos: capas de color que pueden tener casi cualquier tamaño.

1.En este ejercicio trabajaremos en la composición Nubes así que ubíquela en el panel Proyecto y ábrala con un doble clic.

2.Despliegue el contenido de la carpeta Mariposa volando capas, seleccione la imagen Fondo y arrástrela hasta el lado izquierdo de la Línea de tiempo para que la imagen se ubique al comienzo de la composición.

3.Despliegue el menú Capa y seleccione la opción Nuevo.

4.Este submenú contiene algunas opciones que le permiten generar nuevos elementos para su composición, sin necesidad de usar material de archivo. Seleccione la opción Sólido.

5.De este modo se abre el cuadro Configuración de sólidos. En el campo Anchura introduzca el valor 800 y pulse en la zona gris del cuadro.

6.Esta desactivada la opción Bloquear proporción de aspecto así que la altura no ha sido modificada y la proporción ha cambiado a 25:18 (1,39). Usando el mismo procedimiento anterior, modifique la altura a 300 píxeles.

7.En el apartado color, pulse en el cuadrado de color gris oscuro que indica el color que tendrá el sólido.

8.Se abre de este modo el cuadro de diálogo Color sólido, que le permite crear el color que desee. Pulse en la zona roja de la barra de colores. Ahora seleccione un rojo que le guste del cuadro de gamas de color y pulse el botón Aceptar.

9.El color mostrado en el apartado Color ha cambiado al seleccionado y el nombre ha cambiado a su vez a Sólido Rojo 1.

10.Pulse el botón Crear tamaño composición.

11.Los valores del apartado Tamaño son ahora idénticos a los de la composición. De hecho, eran los valores originales de este cuadro. Pulse el botón Aceptar.

12.Se ha creado una nueva capa llamada Sólido rojo 1 en la Línea de tiempo y se ha colocado en el primer lugar. Puede verla en el visor Composición. Cierre las carpetas desplegadas en el panel Proyecto.

13.Se ha generado automáticamente una nueva carpeta llamada Sólidas. Despliegue su contenido.

14.Tal como habrá imaginado, en ella se almacena el sólido creado. Ahora podría añadirlo a otra composición.

15.Pulse ahora el atajo de teclado Ctrl.+Y.

16.Se abre el cuadro Configuración de Sólidos. Pulse en el icono de cuentagotas y haga un clic con él seleccionado en la barra de título de la aplicación, que es de color gris claro.

17.Una vez modificado el color cambie la Anchura y la Altura a 100 píxeles y pulse el botón Aceptar.

18.Se ha generado un nuevo sólido de las medidas indicadas, tal como puede comprobar en el visor Composición, en la Línea de tiempo y en el panel Proyecto.

Los sólidos usan por nombre la palabra Sólido seguido de su color. Sin embargo, si lo desea puede cambiarlo en el cuadro Configuración de sólidos.

IMPORTANTE

Para abrir el cuadro Color sólido, también puede usar el atajo de teclado Ctrl.+Y.

020Crear una capa de forma

OTRA FORMA DE GENERAR UNA CAPA es creando una capa de forma.

IMPORTANTE

Si desea trazar un cuadrado perfecto, use la misma herramienta Rectángulo pero, a la hora de trazar la forma, pulse la tecla Mayúsculas. Así mismo, si desea trazar un círculo seleccione la herramienta Elipse y pulse la tecla Mayúsculas como modificador al hacer el trazado.

1.Compruebe que no tiene seleccionada ninguna capa de la Línea de tiempo y pulse la tecla Q.

2.De esta forma ha seleccionado en la Barra de herramientas la herramienta Rectángulo, que ahora puede ver activada. Coloque el cursor sobre el visor Composición.

3.El cursor se ha transformado. Pulse en un punto del cuadrante superior izquierdo de la composición y haga un arrastre en diagonal hacia abajo y la derecha para crear una forma aproximadamente cuadrada y de tamaño similar a la del sólido de color gris claro.

4.Ha creado una nueva capa de formas, tal como puede comprobar en la Línea de tiempo. En la barra de opciones de la aplicación, sobre el visor Composición, se han activado nuevos botones. Pulse en el campo Relleno.

5.Se abre de este modo el cuadro de diálogo Opciones de relleno. Los cuatro botones que puede ver en primer lugar le permiten seleccionar el tipo de relleno. El primer botón elimina el relleno; el segundo, que es el activado, establece un relleno de color sólido; el tercero establece un degradado lineal, y el cuarto un degradado radial. Seleccione esta última opción.

6.Al estar seleccionada la opción Previsualización puede ver en el visor el efecto obtenido. Reduzca la Opacidad al 60%.

7.Al aumentar la transparencia de la forma, se ve el color de la imagen del fondo y obviamente se modifica el color de la forma.

8.Despliegue el menú de opciones que se encuentra a la izquierda del parámetro Opacidad.

9.Se trata del menú de opciones de fusión, con las cuales tal vez esté familiarizado pues son similares a las utilizadas en otras aplicaciones. Como más adelante trabajaremos con ellas, cierre ahora el menú pulsando en el cuadro de diálogo.

10.Pulse el botón Aceptar para cerrar el cuadro. En la Barra de herramientas, pulse en la muestra de Relleno, que ahora contiene el degradado seleccionado.

11.En el Editor de degradado que así se abre, seleccione en la barra de degradado, que ocupa la parte superior, el marcador que se encuentra en el lado izquierdo y abajo.

12.Pulse en la barra vertical a la altura de los verdes y ajuste en el cuadro de muestras a un tono que le agrade.

13.Este color sustituye al blanco seleccionado previamente. Seleccione ahora al segundo marcador, también de abajo.

14.Escoja un color amarillo que le agrade. Los marcadores que están sobre la barra de degradado ajustan la Opacidad. Pulse el botón Aceptar.

15.Deseleccione la capa pulsando la tecla F2 para ver el resultado, pulse la tecla V para volver a la herramienta de selección y guarde los cambios para terminar el ejercicio.

A diferencia de los sólidos, las capas de formas le permiten aplicar degradados, y modificar trazo y relleno de forma independiente.

021Alinear y distribuir objetos

EL PANEL ALINEACIÓN LE PERMITE alinear las capas de una composición de forma vertical u horizontal, ya sea desde su centro, su tope o su base. Además le permite distribuirlas de forma sistemática entre dos puntos.

1.En este ejercicio vamos a alinear la capa de formas y el sólido azul contenidos en la composición Nubes ahora en pantalla. Pulse en la Línea de tiempo en la Capa de formas 1.

2.Pulse la el atajo de teclado Ctrl.+Mayúsculas+Desplazamiento hacia abajo para seleccionar también la capa Sólido Pálido Azul.

3.En el visor Composición puede comprobar que se muestran seleccionados los dos elementos. Despliegue el menú Ventana y escoja la opción Alinear para abrir el panel del mismo nombre.

4.Pulse en el quinto botón de derecha a izquierda de este panel, que es la Alineación centrada vertical.

5.Efectivamente las capas se alinean verticalmente a partir de sus centros. Pulse F2 para deseleccionar las capas.

6.Ahora trabajaremos con la ilustración Jarrón capas, así que haga un doble clic en el panel Proyecto para abrir el cuadro Importar archivo.

7.Ubíquela en la carpeta Imágenes.ai y pulse el botón Abrir.

8.En el cuadro Jarrón capas.ai, en el apartado Importar tipo, seleccione la opción Composición, mantenga seleccionada la opción Tamaño de capa y pulse en botón Aceptar.

9.Arrastre la composición Jarrón capas a la carpeta Composición y luego haga un doble clic sobre ella para verla en la Línea de tiempo.

10.Seleccione la opción Ajustar en el menú Opciones de zoom del visor.

11.En la Línea de tiempo, bloquee y desactive la salida de vídeo de las capas Jarrón y Tallos.

12.Pulse Ctrl.+A para seleccionar todas las capas no bloqueadas.

13.Se seleccionan las capas tanto en la Línea de tiempo como en el Visor. En el panel Ajustar seleccione ahora la primera opción: Alineación izquierda horizontal.

14.Se alinean las flores desde su lateral izquierdo. Use F2 para deseleccionar.

15.Pulse sobre la primera de las flores, la más grande de color rosa y, pulsando la tecla Mayúsculas, arrástrela hacia arriba, hasta que sólo se vea media flor.

16.Arrastre la flor que se encuentre más abajo hasta que la mitad de la flor quede fuera del cuadro.

17.Pulse Ctrl.+A nuevamente para seleccionar las capas desbloqueadas y pulse en el segundo botón del panel Ajustar, en el apartado Distribuir capas, que es Distribución centrada vertical.

Las flores se distribuyen a una misma distancia, contada a partir de su centro.

Para poder alinear capas debe tener seleccionadas al menos dos, pero para poder distribuirlas debe seleccionar tres capas como mínimo.

IMPORTANTE

Los iconos de las opciones del panel Alinear representan su efecto sobre los elementos seleccionados y al colocar el cursor sobre cada opción puede ver su nombre, que en este caso es totalmente descriptivo. El menú desplegable del panel Alinear le permite decidir si la alineación debe tener en cuenta los límites de la selección o los límites de la composición.

022Usar las propiedades de transformación

LOS PARÁMETROS DE TRANSFORMACIÓN de una capa permiten modificar su posición, cambiar sus dimensiones, rotarla o hacerla transparente, entre otras cosas.

IMPORTANTE

Si desea restablecer sólo una propiedad de una capa, pulse sobre la propiedad a modificar con el botón secundario del ratón y, del menú contextual que se muestra, seleccione la opción Restablecer. De esta forma no afectará a las otras propiedades.

1.En este ejercicio continuaremos trabajando con la composición Jarrón capas, que dejamos abierta en pantalla en el ejercicio pasado. Habrá observado que a la derecha del nombre de cada capa se puede ver un triángulo. Pulse sobre correspondiente a la capa 1 para expandirla.

2.Expanda ahora el título Transformar.

3.Se muestran de esa forma las propiedades de transformación de la capa, que son Punto de anclaje, Posición, Escala, Rotación y Opacidad. Aunque luego dedicaremos varios ejercicios a estas propiedades, en este ejercicio les daremos una rápida mirada. Para comenzar, pulse en el texto Rest., que se encuentra a la izquierda del título de las herramientas de transformación.

Las propiedades de transformación de la capa son Punto de anclaje, Posición, Escala, Rotación y Opacidad.

4.La capa Flor 1 se ha desplazado a su ubicación original. Observe los valores del punto de anclaje y de la posición. En nuestro ejemplo el primero está establecido en 59 x 58,5 píxeles y la segunda en 298 x 421 píxeles. Pulse Ctrl.+Z para deshacer la última acción.

5.Nos ha cambiado el punto de anclaje a 58,5 x 58,5 píxeles y la posición a 121,4 x 456,7 píxeles. Seleccione con un clic la capa 1.

6.Cambie la escala de la capa al 30% con un arrastre de ratón sobre su campo numérico.

7.La flor se reduce de tamaño. En el visor puede ver, entre otras marcas, un icono que simula una mira y ahora se encuentra en el centro de la flor. Es el punto de anclaje. La escala de una capa se modifica con este punto como centro y la posición es la distancia existente entre este punto y el centro de la pantalla. Al cambiar la ubicación de un elemento arrastrándolo en la pantalla, cambian los valores afectados. Seleccione la flor amarilla de gran tamaño.

8.Se ha seleccionado la capa 5, Flor 5. Despliegue sus propiedades de transformación.

9.Pulse sobre el campo numérico de las propiedades de Rotación y arrastre el ratón hacia la derecha.

10.Observe cómo gira la flor sobre su punto de anclaje, que ahora coincide con su centro. Pulse Ctrl.+Z para deshacer.

11.Pulse en el campo numérico de las propiedades de Opacidad e introduzca el número 50 para reducir la opacidad al 50%.

12.Arrastre el ratón hacia la derecha para llevar nuevamente la opacidad al máximo mientras observa el cambio progresivo en la pantalla.

Al disminuir la Opacidad de una capa esta se hace transparente y deja ver las capas inferiores. La opacidad mínima es del 0% y define a una capa totalmente transparente, y la máxima es del 100% y define a la capa como totalmente opaca.

13.Guarde los cambios para pasar al siguiente ejercicio y continuar trabajando con las propiedades de transformación.

023Comprender el eje de coordenadas

EL EJE DE COORDENADAS QUE USA AFTER EFFECTS no es igual que el eje cartesiano al que estamos habituados. Por eso hemos decidido dedicar esta lección a su correcta comprensión.

1.En este ejercicio trabajaremos con una sola de las flores de la composición en pantalla, para que sea más claro el ejercicio. Arrastre el ratón desde el icono de ojo de la capa 1 hasta el que corresponde a la capa 4, para desactivar la salida de vídeo de este bloque.

2.Del mismo modo desactive la salida de las capas 6 a 10, de forma que sólo permanezca activada la salida de vídeo de la capa 5 y, por lo tanto, sólo permanezca visible la flor amarilla de mayor tamaño.

3.Pulse en el comando Restablecer de esta capa.

4.La flor regresa a su posición original, aproximadamente en el centro de la pantalla. El parámetro Posición está ahora en 298 x 421 píxeles. Pulse sobre el primer campo de la posición, introduzca el número 0 y haga un clic en la zona libre del panel para confirmar la entrada.

5.La flor se desplaza hasta el borde izquierdo de la pantalla. Haga un clic sobre la flor.

6.Puede ver que el punto de anclaje coincide con el borde de la imagen. El valor 0 del eje X, por lo tanto, está en este lateral. Pulse ahora en el segundo campo de escritura de las propiedades de Posición de esta misma capa y cámbielo también a 0.

7.Probablemente habrá esperado que el punto de anclaje de la flor se desplazara hasta la esquina inferior izquierda pero no, se ha desplazado hasta la esquina superior izquierda. Es en este punto entonces donde está la posición 0 del eje de las Y. Despliegue el menú Ver y seleccione la opción Mostrar reglas.

8.Observe las reglas habilitadas: efectivamente origen del eje de coordenadas está fijado en la esquina superior izquierda de la imagen. Despliegue el menú Opciones de zoom y cámbielo al 25%.

9.Pulse sobre el segundo campo de las propiedades de Posición y arrastre el ratón hacia la derecha para asignar un número negativo.

10.En el visor Composición puede comprobar cómo la flor se desplaza hacia arriba. Pulse ahora sobre el primer campo de esta misma propiedad y arrastre el ratón nuevamente hacia la izquierda.

El eje de coordenadas de After Effects tiene su origen en la esquina superior izquierda.

11.La flor se desplaza hacia la izquierda, saliendo nuevamente de la imagen. Los valores negativos del eje X se encuentran entonces a la izquierda de la imagen, mientras los valores negativos del eje Y se encuentra arriba de la imagen.

12.Pulse sobre los marcadores de la imagen de la flor y arrástrelo hasta colocarla abajo de la pantalla.

13.El valor de posición del eje Y aumenta considerablemente, en lugar de disminuir, que es lo que hubiera sucedido en un eje cartesiano.

IMPORTANTE

Los campos numéricos de las propiedades de transformación le permiten realizar operaciones simples. Por ejemplo, si quiere duplicar el valor de una propiedad puede pulsar en este campo e introducir el texto *2 y si quiere reducirlo a la tercera parte puede usar el texto /3. Igualmente puede sumar o restar determinado valor a cualquiera de los campos, pero debe tener en cuenta que para restar no puede sustituir el texto original, pues en ese caso introduciría un valor absoluto negativo, sino que debe colocar el cursor a la derecha del valor original e introducir la variación deseada.