INSTITUTO CENESCALA Cdigo: GC-DC-DM-

10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 1 de 18

Mdulo de Formacin: DISEO MULTIMEDIAL

Disear proyecto multimedia de acuerdo con las

caractersticas particulares del producto final
(220501029)
Unidad de Aprendizaje 2
Crear guiones de acuerdo con las necesidades de produccin
Resultado de Aprendizaje

DISEO MULTIMEDIAL
CONTENIDO

Pg.
1. AFTER EFFECTS 2
A QUIEN VA DIRIGIDO 2
2. ESPACIO DE TRABAJO ESTNDAR EN AFTER EFFECTS 2
DESCRIPCIN DETALLADA DEL ESPACIO DE TRABAJO 3
3. TIPOS DE FORMATOS QUE SE PUEDE IMPORTAR 4
4. VENTANAS AJUSTABLES MAS IMPORTANTES 5
5. COMO CREAR UN NUEVO PROYECTO 7
6. CREAR NUEVAS CAPAS 10
7 PANEL CARCTER Y PRRAFO 11
8 IMPORTAR IMAGEN 13
TALLERES 15

1. AFTER EFFECTS

Es la aplicacin ms usada para la creacin de grficos en movimientos, efectos especiales y

grafismo de vdeo con animaciones y efectos exclusivos para cine, televisin, video digital e incluso

Diseo Multimedial - Guia de Clase 10 -1-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 2 de 18

para Internet. En efecto, After Effects es el programa lder en la industria de los efectos visuales y
grficos animados.
Tendr el control total de tus proyectos de video digital, a los cuales podr agregarles espectaculares
animaciones e increbles efectos especiales de alto nivel, con eficacia y precisin. Este programa es
utilizado en la mayora de casas productoras de video, cine y televisin.

Por otro lado, su interfaz resulta familiar a muchos editores dedicados a la post-produccin, lo que lo
convierte en la eleccin ideal para la mayora de profesionales que les gusta el impacto visual de
gran calidad.

Una de las principales fortalezas del programa es que existen una gran cantidad de plugins
desarrollados por otras compaas que ayudan a aligerar las cargas de trabajo continuo y repetitivo
en lo que a aplicacin de efectos se refiere.

A QUIN VA DIRIGIDO?

Este software est dirigido a diseadores grficos, productores de vdeo y a profesionales en

multimedia

2. ESPACIO DE TRABAJO ESTNDAR EN AFTER EFFECTS.

Al abrir After Effects, podemos observar cmo est distribuido internamente el programa, si nos
fijamos posee mdulos donde se encuentran varias pestaas Proyecto y Composicion. Todos
estos mdulos son modificables y configurables por el usuario.

DESCRIPCIN DETALLADA DEL ESPACIO DE TRABAJO

A continuacin explicaremos las ventanas ajustables que componen el programa.

Diseo Multimedial - Guia de Clase 10 -2-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 3 de 18

Ventana Proyecto

Ventana Proyecto

En esta ventana estarn ubicados todos los archivos que

importemos a nuestro proyecto, as como todas
las composiciones que vayamos creando. Una composicin la
podemos imaginar como un MovieClip o un Grfico de Flash
(aunque no es exactamente lo mismo). De la misma manera
que trabajamos con estos objetos en Flash, en After Effects
podemos crear animaciones dentro de una composicin y
despus insertar esta composicin dentro de otra y animarla
tambin.

3. TIPOS DE FORMATOS QUE SE PUEDEN IMPORTAR

Diseo Multimedial - Guia de Clase 10 -3-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 4 de 18

Ya que estamos hablando de la ventana proyectos en After Effects se puede importar

dismiles formatos de archivo, aqu dejo una referencia de los ms usados:

Formatos de imagen

JPG, PNG, PSD, TIF, TGA.

Formatos de audio

WAV, MP3, WMA, ASF.

Formatos de video

AVI, MPG, WMV, MOV, MP4, FLV, SWF.

Para importar un archivo en nuestro proyecto,

podemos hacerlo directamente desde el
men Archivo > Importar > Archivo o
Archivos mltiples

Doble Click

4. VENTANAS AJUSTABLES MS IMPORTANTES.

Diseo Multimedial - Guia de Clase 10 -4-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 5 de 18

VENTANA COMPOSICIN
En esta ventana tendremos una referencia visual de la composicin sobre la que estemos
trabajando, podemos ver cualquier cambio realizado sobre esta en un Fotograma determinado o
incluso podemos hacer un render de la composicin y visualizarlo en esta ventana.

VENTANA PREVISUALIZACIN

En esta ventana controlaremos la reproduccin de nuestra composicin.

Podemos reproducirla o pausarla (La reproduccin no se realizar con la velocidad de

fotograma normal y adecuada).
podemos primero hacer una previsualizacin de RAM en la memoria del ordenador y
despus reproducir la composicin (La reproduccin se realizar con la velocidad de
fotograma adecuada).

Diseo Multimedial - Guia de Clase 10 -5-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 6 de 18

1 2

VENTANA LNEA DE TIEMPO

Es la ventana principal de After Effects, es donde iremos situando los archivos que hayamos
importado, estos se tomarn de la ventana Proyectos y se arrastrarn hacia aqu en forma de capas.

En la parte izquierda estarn todas las propiedades que podemos variar de cada capa y es
aqu donde podemos organizar el orden de los mismos.

Diseo Multimedial - Guia de Clase 10 -6-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 7 de 18

En la parte derecha controlaremos la longitud en la lnea de tiempo de cada capa, y

tambin nos colocaremos en el tiempo en el que queremos variar la propiedad de dicha
capa.

Lnea de tiempo

Panel Capas Indicador de Tiempo

5. COMO CREAR UN NUEVO PROYECTO

Ahora, para empezar a trabajar en After Effects, debemos crear una nueva composicin. Las
composiciones contienen todos los elementos con los que luego vas a trabajar (desde videos, hasta
textos, imgenes y formas, etc.). Estos elementos se organizan en capas.

Desplegamos el men Archivo Adobe After Effects y seleccionamos nuevo > nuevo
proyecto.

Diseo Multimedial - Guia de Clase 10 -7-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 8 de 18

Lo recomendado es que inmediatamente guardes el archivo en un directorio o unidad de

disco que recuerdes [desde Archivo ---> Guardar como].
Para crear una nueva composicin, debemos dirigirnos a Composicin > Nueva >
Composicin.

Tambin se pueden crear una nueva composicin a travs de la

opcin crear nueva composicin del panel de proyectos.

Entonces, se iniciar una ventana donde debes seleccionar el nombre de la composicin,

ajuste predeterminado que viene a ser las dimensiones de la composicin, y la duracin.
Te recomendamos un ajuste HDTV 1080 25 (19201080). (ajuste de alta definicin).

En Nombre de la Composicin: Escribir el deseado, para este ejemplo digitaremos

practica 1.

Diseo Multimedial - Guia de Clase 10 -8-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 9 de 18

En la parte final de la ventana definiremos la Duracin que determina el tiempo que tendr
la animacin dentro de la composicin. Ejemplo: 30 segundos
Nombre composicin

Ajuste predeterminado
(dimensiones)

Tiempo de duracin de la
animacin

En el panel de proyectos se alistara la nueva composicin creada. Y el panel composicin

tomara un color negro de fondo con el ajuste definido.

Pestaa composicin

Nueva Composicin

Diseo Multimedial - Guia de Clase 10 -9-

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 10 de 18

6. CREAR NUEVAS CAPAS

Como dijimos antes, una vez que tenemos las composiciones debemos trabajar con las capas
Dependiendo del trabajo que deseamos hacer, seleccionaremos un tipo de capa u otro. En algunos
casos Adobe After Effects crear capas en forma automtica y en otros casos deberemos hacerlo de
forma manual.

Puedes crear capas con videos importados, textos, formas, colores slidos, capas de ajustes,
objetos nulos, etc. Cada una de ellas tiene una finalidad especfica. Que iremos mirando a
profundidad en prximas clases

Por ejemplo, supongamos que deseamos crear un texto nuevo dentro de la nueva composicin.
Entonces seleccionamos la herramienta Texto ubicada en la parte superior izquierda del programa
y simplemente cliqueamos sobre el rea de trabajo. Notars que After Effects habr creado una
capa de texto en forma automtica.

Capa Texto
Barra de tiempo de la
capa texto

De los puntos de ajuste superior de la palabra o frase escrita puedes ampliar el tamao del
texto Punto de ajuste

Diseo Multimedial - Guia de Clase 10 - 10 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 11 de 18

IMPORTANTE: cuando se activa la mayscula fija se

bloquea la visin de las capas, as que despus de
escribir en mayscula, desactvela en el teclado.

7. PANEL CARCTER Y PRRAFO

Este panel permite seleccionar el tipo, tamao, estilo y color de fuente entre otros ajustes de
formato y alineacin.

Panel Carcter

Panel Prrafo

Diseo Multimedial - Guia de Clase 10 - 11 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 12 de 18

En el panel de la composicin (en este caso llamado Practica 1) tenemos la posibilidad de

modificar varias propiedades. El instructor explicara la utilidad

Propiedades del
Composicin

Agregaremos 1 capa ms con el texto EDUCACIN DE CALIDAD CERTIFICADA

Diseo Multimedial - Guia de Clase 10 - 12 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 13 de 18

(2) capas de texto

8. IMPORTAR IMAGEN

Diseo Multimedial - Guia de Clase 10 - 13 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 14 de 18

En el panel de proyecto y de la manera que explicbamos anteriormente, importaremos una imagen

para ponerla de fondo en el texto.

As que haremos doble clic en el panel de proyectos

Doble clic

observemos en el panel de proyectos se lista la nueva imagen con

el nombre respectivo. Si lo desea puede insertar la imagen que
desee.
Luego con clic sostenido arrastramos la imagen al panel de capas.

Diseo Multimedial - Guia de Clase 10 - 14 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 15 de 18

De esta manera se ver el panel de capas con las 3 capas insertadas. Si la imagen es ms
pequea o ms grande ajustarla al tamao de la composicin a travs de los puntos de
juste.

Realizando estos pasos, ests preparado para empezar a trabajar en Adobe After Effects. Ahora te
toca jugar con sus herramientas, practicar mucho y conseguir los mejores resultados en diseo y
post produccin de imagen. En prximas guas profundizaremos en herramientas de animacin etc..

Diseo Multimedial - Guia de Clase 10 - 15 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 16 de 18

EVALUACIN
TECNICAS E
EVIDENCIAS DE APRENDIZAJE CRITERIOS DE EVALUACION INSTRUMENTOS DE
EVALUACION

1, Prueba de conocimiento sobre
proceso de ajuste final a la imagen
(a,b,c)
Evidencias de conocimientos
- Plantea los parmetros
bsicos para la resolucin
de un proyecto integral
donde se debe
Crea elementos de audio para incorporarlos a sus desarrollar en el alumno
presentaciones multimedia y animaciones. el planteamiento de una
solucin multimedia.
- Crea animaciones para proyectos WEB con objetos - Plantea un proyecto
de audio. integral para desarrollar
en el alumno el
planteamiento de una
solucin multimedia para
Diseo WEB.

1. Seguimiento al proceso de ajustar la
imagen de acuerdo con la apariencia
final deseada de acuerdo a unos
parmetros definidos y se confronta
con base en una
Lista de chequeo previamente definida.
(a,b,c)
Evidencias de Desempeo
- Proyecto integral
propuesto por el docente
Inserta objetos de audio a sus animaciones.
donde el alumno debe
- Crea animaciones donde incorpora audio para ser plantear una solucin
presentados en un CD-ROM o un Sitio WEB. multimedia.
- taller prctico 3 horas

Evidencias de Producto

1, Presentar una modelo en 3d ya con - Taller de

la imagen ajustada de acuerdo con la profundizaci
apariencia deseada de acuerdo a unos n 4 horas
parmetros definidos. (a,b,c)

Diseo Multimedial - Guia de Clase 10 - 16 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 17 de 18

TALLER PRCTICO

Dentro de las herramientas que explicamos en este gua de estudio, explorar mediante
ejercicios prcticos la utilizacin del panel

ELABORO: Wilfred Rojas REVISO: CAROLINA VERANO

APROB: COMIT DE CALIDAD
CARGO: Coordinador Acadmico CARGO: COORD. DE CALIDAD
FECHA: Mayo 6/2016
FECHA: Mayo 6/2016 FECHA: Mayo 6/2016

FECHA
VERSIN DETALLES DE CAMBIOS
ACTUALIZACIN

Diseo Multimedial - Guia de Clase 10 - 17 -

 INSTITUTO CENESCALA Cdigo: GC-DC-DM-
10
Entidad de Educacin para el Trabajo y el Desarrollo Humano
Versin: 4
GUA DE CLASE - 10
Pgina 18 de 18

Versin inicial
01 N/A

02 Se cambi el programa de Adobe Flash por el programa After Effects Julio/18/2013

Octubre/16 de
03 Cambio de logo, revisin de contenidos
2014

Se revisan contenidos, se modifican las unidades de aprendizaje de acuerdo a

04 Mayo 6/2016
la estructura del mdulo de formacin.

Diseo Multimedial - Guia de Clase 10 - 18 -