Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

After Effects II


En el taller anterior, vimos una noción básica del entorno After Effects, y como aplicar un efecto desde cero.


25/9/07 - A partir de ahora comenzaremos a profundizar más en el tema y nos introduciremos poco a poco en la realización de efectos complejos y composición de video.

Comenzaremos desde lo básico importando unas cuantas imágenes, sin olvidarnos antes crear una composición.

Para ello utilizamos CTRL + N en el caso de Windows, o sino haciendo clic en el botón nuevode la ventana del proyecto.

A continuación se abre la ventana de composición.


El After presenta una cantidad de Presets, podemos elegir algunos de ellos dependiendo del fin de la película. En este caso como es un ejemplo usaremos un “Medium” 320x240.

Una vez realizado esto, nos aparecerá en la ventana del proyecto nuestra composición, como “COMP 1” ya que le asignamos el nombre por defecto.

También en el sector de abajo nos aparece el Time line para controlar los layers, movimientos, parámetros, etc...

Comenzaremos por importar nuestras imágenes al proyecto. Esto se logra haciendo doble clic en nuestra ventana de proyecto y luego seleccionando los archivos a importar, en este caso 4 archivos:
  • BG.jpg > nuestro fondo.
  • Escudo.png > un escudo con fondo transparente
  • Filete izq y der > Detalles con fondos transparentes
Descargue los archivos aquí (formato comprimido .zip)

Una vez importado los 4 archivos a nuestro proyecto, pasamos a arrastrar el BG.JPG a nuestro Time Line de la “COMP 1”.


Hacemos lo mismo con los demás archivos en este orden.


Deberíamos estar viendo en la ventana de la composición algo como esto:


Ahora pasaremos a realizar unas máscaras, y algunos movimientos para darle vida a nuestra composición.

Para realizar una Máscara haremos clic sobre el layer “Filete Izq” para seleccionarlo, luego clic sobre la herramienta Elliptical Mask Tool:


Y hacemos una máscara en donde nace el filete por detrás del escudo.


Luego vamos al panel del Time Line, desplegamos las opciones del layer “Filete izq”, como podemos ver hay una al crear el círculo se agrega una solapa “MASK”, la desplegamos. Siguiendo la línea del MASK SHAPE nos paramos en la línea de tiempo y hacemos un Keyframe, para ello una vez parado en la línea de tiempo.


Y vamos al menú horizontal de arriba. ANIMATION / ADD MASK SHAPE KEYFRAME


Ya tenemos la referencia 1 de la animación, ahora restaría hacer la referencia 2, así podemos ver nuestra animación. Para ello vamos al time line movemos el indicador del tiempo hacia la derecha, y en la columna KEYS vamos a ver que hay un CHECKBOX sin tildar, una vez ubicado el indicador del tiempo le hacemos click al checkbox para que nos genere otro KEYFRAME


Ahora lo que resta es modificar nuestra máscara para que tenga alguna transformación.

Para realizar esto le hacemos clic al KEYFRAME que creamos y veras que los 4 nodos de la máscara se seleccionan, aparecerán de color amarillo. Luego le hacemos doble-clic sobre alguno de los nodos y aparecerá un recuadro sobre nuestro círculo.


Desde una de las diagonales manteniendo el clic y arrastrándolo podremos escalar nuestro círculo, y también moverlo de lugar.


Una vez realizado esto tenemos nuestros puntos de referencias listos, se puede ver como la máscara hace efecto, moviendo el indicador del tiempo en nuestra línea de tiempo.

El video debería tener estos resultados. Puedes practicar logrando que el otro filete tenga máscara.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 2 categorias relacionadas

 Autoría, licencia y acciones sobre este artículo

Informe de Serviweb*
Diseño web Murcia
URL: http://www.serviweb.es/

Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Curso práctico de diseño web, parte II
Anterior: After Effects I

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Diseño web
+ Entrar en Manuales de aplicaciones


 Comentarios de los visitantes
Aun no hemos recibido comentarios de este artículo.
Puedes ser el primero en enviar tu comentario.



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Curso práctico de diseño web, parte II
Categorías
+Diseño web
+Manuales de aplicaciones

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia