1. UNIDAD 6
Manipular Video
6.1 Importar video
Una de las novedades de Flash MX es la mejora en la
importación y gestión de las secuencias de video (video-
clip). Flash es capaz de manejar los siguientes archivos:
1. .avi
2. Quick Time
3. .mpeg
4. Digital video
Es necesario que en el ordenador tenga instalado el Quick
Time 4 o Director 7 (o versiones posteriores).
Vamos a crear un símbolo, y dentro de este símbolo
insertamos una secuencia de video.
⇒ Elegimos el menú Insert / Create New Symbol
(name=callejon, behavior=Movie Clip). Del menú File
elegimos Import y elegimos calle.avi. Flash presenta una
nueva ventana de diálogo donde podemos ajustar la
importación del video.
Flash comprime las secuencias de video con
el codex 'Sorenson Spark' lo que permite reducir
notablemente el tamaño del archivo. Los parámetros
Quality, Keyframe y Scale permiten ajustar este proceso.
⇒ Dejamos 40 el valor de Quality, y 24 el de Keyframe.
Este parámetro indica la serie de fotogramas clave que
serán insertados en la secuencia. Ponemos Scale = 70%
para reducir el tamaño del vídeo. La importación puede
tardar varios minutos - dependiendo del tamaño del vídeo.
Antes de insertar definitivamente la secuencia de vídeo,
Flash nos informa que este necesita por su reproducción
total un número de fotogramas superior al que tenemos
actualmente. Por lo tanto es necesario aumentar el número
de fotogramas (en esto ejemplo: 84).
2. El procedimiento esta completo.
Ahora vamos a ver cómo podemos aplicar las
modificaciones de símbolos en la secuencia de vídeo.
⇒ Regresamos al escenario. Insertamos un fotograma
clave en la posición 84.
⇒ Regresamos a la fotograma 1. Seleccionamos el
Movie Clip, y lo movemos al rincón izquierdo, y con el Free
Transform lo giramos un poco. En el Properties panel
abrimos el menú desplegable de Color y elegimos color =
Alpha. Le damos un valor del 0%.
⇒ Creamos una interpolación (haciendo clic en un
fotograma intermedio, y en el Properties panel, menú
desplegable "Tween", elegimos la opción "Motion").
Haciendo clic en el fotograma 84 abrimos el panel Actions
(menú Windows / Actions o F9), y escribimos stop().
Haciendo doble-clic en el video, y haciendo clic en el
fotograma 84 abrimos el panel Actions (menú Window /
Actions o F9), y escribimos stop(). Así no se repite
infinitamente la película.
Probamos la película (menú Control / Test Movie o
Ctrl+Enter)
6.2 Exportar video
Para exportar el video primero debemos abrir un archivo en
blanco en flash, y posteriormente allí creamos nuestro video o
presentación, la misma puede incluir sonido, videos internos,
pero todo ellos deben estar dentro del mismo archivo en flash,
no pueden ser enlaces externos o están encriptadas desde
otro archivo en flash.
Cuando ya hemos realizado en nuestra presentación
procedemos a guardar nuestro archivo en formato .fla para
posteriormente exportarlos cono swf (ejecutable de flash) y
también exportarlo como formato avi.
Antes de exportar el archivo debemos establecer las
características que tendrá nuestro vídeo, para ello debemos ir
al menú archivo, configuración de publicación, o a través de
3. los comandos ctrl. + mayúscula + F12, allí debemos completar
los parámetros que nos solicitan, en la opción que nos
solicitan, marcamos formatos, proyector Windows o sino
proyector en Quick Time.
Cuando marcamos esos parámetros, realizamos clic en el
botón de aceptar, y nuevamente vamos al menú, y le
nombramos nuestro archivo en el formato de proyector
Windows.
De esta manera ya nos queda nuestro archivo de video
realizado en flash y exportado como video.
6.3 Editar video
Consiste en manipular a través de un programa de edición de
video, en este caso flash , los diferentes medios como archivos
de video, fotos, gráficos o animaciones, y donde también es
posible manipular audio aunque generalmente de forma muy
simple. Una vez creado nuestro montaje, (también llamado
"proyecto" o "composición"), se lleva a cabo la renderización
con la cual se obtiene el video final (a esta acción también se
le llama "grabar", "exportar", "guardar" o "crear" video, pero es
exactamente lo mismo). Generalmente se renderiza como un
archivo de video con un formato que puede ser MP4, AVI,
MPEG2 o WMV por mencionar algunos de los más populares y
que se han estandarizado últimamente, por ejemplo en
diferentes dispositivos como celulares o reproductores de
música, o en sitios en Internet. Ya obtenido el video final, se le
da el uso deseado o el específico para el que fue creado,
como producir una película, mostrarlo a una audiencia, etc.
6.4 Aplicar efectos al video.
Antes de convertir vídeos a otro formato por medio de AVS
Video Converter usted también puede añadir varios efectos
de vídeo a ellos. Usted puede experimentar con efectos de
dibujo y de transformación para transformar sus ideas en
imágenes excepcionales. La descripción detallada de todos
los efectos disponibles se encuentra en las secciones a
continuación.
Para aplicar un efecto, usted sólo deberá realizar los
siguientes pasos sencillos:
4. 1. Abrir la ventana Editar ficheros de entrada
Después de iniciar el AVS Video Converter seleccione un
fichero de entrada pulsando el botón Navegar.... Luego
pulse el botón Editar... en la barra de herramientas
principal para abrir la pantalla Editar ficheros de entrada.
2. Seleccionar el efecto a añadir
Inicialmente la barra de herramientas de efectos se abre en
la pestaña Efectos vídeo. Si usted desea aplicar un efecto
de audio, pulse la pestaña Efectos audio para obtener
acceso a efectos de audio. En la lista desplegable
deCategorías ubicada en el rincón derecho superior usted
puede seleccionar un grupo de efctos que se mostrará en
el área de efectos. De esta manera se facilita el acceso al
efecto deseado.
3. Poner el efecto seleccionado en la línea especial
Después de localizar el efecto que usted desea aplicar,
haga clic izquierdo sobre él y, sin soltar el botón, arrástrelo
del área de efectos al Timeline y suéltelo en la línea para
efectos de vídeo o de audio en función del tipo de
efecto que usted está aplicando.
5. 4. Especificar el área de aplicación del efecto
Una vez puesto en la línea, el efecto cubre sólo una parte
del vídeo. Para cambiar la posición del efecto, deberá
poner el cursor sobre el efecto (el cursor se cambiará por
una mano ). Al hacer clic izquierdo y arrastrar el cursor a
la derecha o bien a la izquierda usted puede cambiar la
posición del efecto aplicado.
Es también posible cambiar el tamaño del efecto. Para
hacerlo, por favor ponga el cursor sobre una de las rayas
amarillas que marcan los bordes del efecto (el cursor se
cambiará por una flecha de dos puntas ). Al arrastrarla
hacia la derecha o bien hacia la izquierda usted podrá
amliar o reducir el área de aplicación del efecto. Para
encontrar los momentos precisos de inicio y de fin del
efecto, utilice la ventana de Vista previa ubicada en la parte
derecha superior de la pantalla de edición.
Para aplicar el efecto al vídeo entero, acerque al máximo el
límite izquierdo del área al borde izquierdo de la linea de
efecto, acerque al máximo el límite derecho del área al
borde derecho de la línea de efecto.
5. Modificar parámetros de efecto
AVS Video Converter le permite configurar los parámetros
de efecto. Para realizarlo, pulse el efecto deseado en el
6. timeline y haga clic en el botón Propiedades... ubicado por
debajo del área de efectos o haga clic derecho sobre el
efecto y seleccione la opción Propiedades. El
apartado Propiedades aparecerá en la pantalla Editar
ficheros de entrada.
En la ventana Propiedades seleccione el área de aplicación
de efecto en la lista desplegable del menú Máscara. Las
siguientes opciones están disponibles: ninguno, rectángulo,
elipse y polígono. Al seleccionar Ninguno, el efecto se
aplicará a la imagen entera.
Ahora congifure otros parámetros del efecto. Los
parámetros pueden variar en función de efecto. La
descripción detallada de los parámetros de cada efecto se
encuentra en las secciones Efectos de ajuste, Efectos de
dibujo, Efectos de filtro, Efectos de
transformación y Efectos de audio. Una vez configurados
todos los parámetros de efecto, pulse el botón Hecho para
cerrar la ventana Propiedades.
6. Fijar las áreas de fundidos
En la ventana Editar fichero(s) de entrada usted podrá fijar
las áreas de Fade-in y Fade-out para el efecto que usted ha
aplicado al fichero de vídeo por medio del cursor deslizante
ubicado por debajo del área de vista previa. Deberá pulsar
el botón Propiedades para que aparezca la barra
deslizante. Fade-in es el área en la que el efecto aplicado
empieza a ganar fuerza. En el área de efecto al máximo el
efecto se aplica con la totalidad de su fuerza. En el
áreaFade-out el efecto empieza a perder fuerza hasta que
desaparezca por completo.
7. Usted puede fijar los bordes de fundidos por medio de
arrastrar el cursor de la barra deslizante al lugar en el que
desea que termine el área Fade-in, luego pulse el botón
. El área Fade-in se marcará en la barra deslizante. Luego
ponga el cursor de la barra deslizante al lugar en el que
desea que empiece el área Fade-out y pulse el botón .
El áreaFade-out se marcará en la barra. Es también posible
ajustar las áreas de fundidos arrastrando sus bordes hacia
dentro o bien hacia fuera. Si usted desea aplicar un
efecto Fade-in, arrastre el límite izquierdo de la barra
deslizante hacia la derecha. Para aplicar un efecto Fade-
out, arrastre el límite derecho de la barra hacia la izquierda
(véase la imagen más abajo).
7. Vista previa del efecto aplicado
Una vez aplicado el efecto, usted puede visualizarlo en la
ventana de vista previa usando los controles de
reproducciónubicados por debajo de la barra deslizante.
Si usted desea borrar un efecto aplicado, deberá primero
seleccionarlo (hacer clic en su línea respectiva en el
timeline), luego pulsar el botón correspondiente en la
ventana Editar fichero(s) de entrada o bien hacer clic en el
efecto que desea eliminar y seleccionar la opción Borrar
objeto del menú.
6.5 Comprimir video.
Una de las cosas que yo no sabia sobre el formato flash, es
que los contenidos multimedia (vídeos y audio), ocupan
bastante menos ya que este formato esta optimizado para
páginas webs y lo que importa es el peso del archivo para
que la carga del archivo sea lo mas rápida posible. El
formato flash tiene dos tipos de formato:
flv: es el mas extendido y es el que utilizan las web
como Youtube, no se puede visualizar directamente y
necesitaras un programa externo para reproducirlo. Si no
tenéis ninguno os recomiendo el “flv player“.
8. swf: no esta tan implantado, pero como ventajas esta
el que no necesita que descargues ningún software, ya que
reproduce abriéndolo con un navegador (que tenga el
plugin instalado). También ocupa menos y es el formato
con el que podrás trabajar con el archivo.
A continuación voy a poner un pequeño tutorial que nos
permitirá convertir nuestros vídeos a estos formatos y
conseguir así que ocupen menos espacio y que tengan
mayor compatibilidad.
Lo primero es conseguir el archivo de vídeo y convertirlo en
un de estos formatos: AVI, MPEG, MOV, MP4, 3GP, VOB,
MP3, WMA. Para ello puedes utilizar el conversor
“SUPER”.
Una vez hecho esto, abrimos el programa “Pazera Free
Video to Flash Converter”, este programa gratuito nos
permitirá convertir el archivo de vídeo a formato FLV o
SWF. Pulsamos en “Add Files” y elegimos el archivo de
vídeo que queramos convertir.
Una vez hecho eso, podemos configurar los siguientes
parámetros:
Output Directory: aquí podemos elegir donde se
guardará el archivo resultante. La primera opción lo
guardará en la misma carpeta que el original y la segunda
nos permitirá guardarlo donde elijamos.
Profile: esta opción sirve para elegir la calidad de el
vídeo, tanto de imagen como de sonido. Hay montones de
opciones, también esta la opción de suprimir la imagen o el
sonido. Después de seleccionar una de las opciones
deberás pulsar “Load” para aplicar los cambios.
Output Format: el formato en el que saldrá el archivo
resultante, a elegir entre FLV y SWF.
9. El resto de parámetros tienen que ver con la calidad del
vídeo, asique podrás dejarlos como están ya que los
hemos configurado con la opción “Profile”. Tambien
tenemos la opción de añadir una imagen o vídeo de
manera que quedará una marca de agua o la de desplazar
el vídeo en el caso de que estubiera descentrado.
Una vez hecho esto pulsamos el botón “CONVERT” y
saldrá la siguiente ventana:
Cuando la barra de proceso llegue al final, pulsamos
“Close” y ya tendremos nuestro archivo convertido a flash.
A partir de este punto mostraré la manera de comprimir aún
mas el archivo, los siguientes pasos solo sirven si has
optado por convertir el vídeo a formato SWF, con FLV no
funcionará. Para hacer la commpresión utilizaremos el
prográma “SWF Compressor-Decompressor”, que tambien
es completamente gratuito. Lo instalamos y damos a “Open
File”.
10. Desde esta pantalla podrás previsualizar el vídeo, hacer
capturas de imagenes y tambien tienes la opción de que el
prográma estime lo que ocupará el vídeo una vez
comprimido. Para ello pulsamos el botón “Estimate” y para
empezar la comresión pulsamos “Compress Movie”, le
ponemos el nombre que queramos a la pelicula resultante y
aceptamos. Tras unos segundos nos saldrá un mensage
que nos indicará que esta todo correcto.
Y eso es todo, si todo ha salido bien tendremos nuestro
archivo en flash y comprimido, lo bueno de este proceso es
que si lo hemos hecho todo bien, el video apenas habra
perdido calidad. Las pruevas que he realizado las he hecho
con un trailer del juego “FEAR 2″, el vídeo original ocupaba
casi 14 MB y eran poco mas de 2 minutos y medio. Depues
de todo el proceso este es el resultado.
Tener en cuenta que la compresión es de casi un 40% en
un archivo mas grande la compresión será mayor, ademas
el .AVI original era una conversión de un vídeo descargado
de Youtube, por lo que el video ya tenia cierta compresión.
11. 6.6 Manejo de movie clip .
Este es un Tip muy sencillo pero que trae de cabeza a la
gente que empieza con ActionScript 3, así que lo escribo
para intentar aclarar un poco cuál es el sistema de añadir a
nuestra película MovieClips que estén situados dentro de
nuestra biblioteca y empezar a montar nuestra película.
Como ya se dijo en otro tip, el sistema de añadir elementos
de la biblioteca a cambiado en AS3. Ahora attachMovie no
funciona, añadimos los clips con addChild y para realizar
este proceso hemos de crear una clase para cada clip que
queramos añadir.
Este es el proceso a seguir:
Primero crearemos el MovieClip y lo tendremos en la
biblioteca.
Abriremos las propiedades del MovieClip y en las opciones
de linkage seleccionaremos “exportar para actionscrip” y le
daremos un nombre para la clase.
Como podemos ver, ahora en AS3 hemos de vincular el
MovieClip a una clase, NO darle un nombre de identificador
como hacíamos en AS2.
NOTA: Si intentásemos añadir un nombre de identificador
al MovieClip no aparecería una advertencia indicándonos
que ese proceso solo es para AS2 y nos preguntara si
queremos cambiar las opciones de publicación.
Ahora para añadir este MovieClip a nuestra película hemos
de crear una instancia de esa clase
var clip1:clipA = new clipA();
Y la situaremos en el stage con addChild
var clip1:clipA = new clipA();
clip1.x = 100;
clip1.y = 100;
addChild(clip1);
Y listo!
12. Ahora si quisiésemos añadirle algún tipo de interactividad a
este MovieClip, como por ejemplo añadirle un evento de
click, no colocaríamos el código en el .fla cómo haríamos
en AS1 o AS2 sino que crearemos un archivo .as con el
nombre de la clase que le indicamos al MovieClip y ahí
escribiremos todo el código necesario para manejar este
MovieClip.
package
{import flash.display.MovieClip;
import flash.events.MouseEvent;
//
public class clipA extends MovieClip
{public function clipA()
{addEventListener(MouseEvent.MOUSE_DOWN,
mouse_down);}
private functionmouse_down(event:MouseEvent):void
{trace(“CLICK!”); } }}
En AS3 es recomendable trabajar con clases y colocar el
menos código posible sobre la línea de tiempo con lo que
este código lo podíamos meter dentro de una clase Main.as
package
{ import flash.display.MovieClip;
//public class Main extends MovieClip
{private var _root:MovieClip;
private var clip1:clipA = new clipA();
//public function Main(ruta:MovieClip)
{_root = ruta;
//clip1.x = 100;
clip1.y = 100;
_root.addChild(clip1); }}}
Al constructor de la clase le pasaremos como parámetro la
ruta de la línea de tiempo principal (el _root).
Este sería el único código de nuestro .fla
var _root:Main = new Main(this);
Esta clase Main también la podíamos haber instanciado
desde el panel de propiedades de la película
De esta manera no es necesario introducir ningún código
dentro de nuestro .fla, y tampoco es necesario pararle
ningún parámetro ya que en este caso el this ya hace
13. referencia a la línea de tiempo principal, por lo que la clase
Main quedaría así:
package
{
import flash.display.MovieClip;
//
public class Main extends MovieClip
{
private var _root:MovieClip;
private var clip1:clipA = new clipA();
//
public function Main()
{
_root = this;
//
clip1.x = 100;
clip1.y = 100;
_root.addChild(clip1);
}
}
}
A partir de aquí iremos ampliando la clase Main y iremos
añadiendo más clases y subclases para construir nuestra
película.