Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Unidad 6

157 views

Published on

  • Be the first to comment

  • Be the first to like this

Unidad 6

  1. 1. Unidad 6: Video.6.1 Importar videoUna de las novedades de Flash MX es la mejora en la importación y gestión de las secuencias devideo (video-clip). Flash es capaz de manejar los siguientes archivos:1. .avi2. Quick Time3. .mpeg4. Digital videoEs necesario que en el ordenador tenga instalado el Quick Time 4 o Director 7 (o versionesposteriores).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). Delmenú File elegimos Import y elegimos calle.avi. Flash presenta una nueva ventana de diálogodonde podemos ajustar la importación del video. Flash comprime las secuencias de video con el codex SorensonSpark lo que permitereducir notablemente el tamaño del archivo. Los parámetros Quality, Keyframe y Scale permitenajustar este proceso. Dejamos 40 el valor de Quality, y 24 el de Keyframe. Este parámetro indica la serie defotogramas clave que serán insertados en la secuencia. Ponemos Scale = 70% para reducir eltamaño del vídeo. La importación puede tardar varios minutos - dependiendo del tamaño delvídeo. Antes de insertar definitivamente la secuencia de vídeo, Flash nos informa que estenecesita por su reproducción total un número de fotogramas superior al que tenemosactualmente. Por lo tanto es necesario aumentar el número de fotogramas (en esto ejemplo: 84).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ónizquierdo, 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%.SAUL MERARISALINAS MARTINEZ 3 AM
  2. 2. Creamos una interpolación (haciendo clic en un fotograma intermedio, y en el Propertiespanel, menú desplegable "Tween", elegimos la opción "Motion"). Haciendo clic en el fotograma 84abrimos el panel Actions (menú Windows / Actions o F9), y escribimos stop(). Haciendo doble-clicen el video, y haciendo clic en el fotograma 84 abrimos el panel Actions (menú Window / Actions oF9), 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 videoPara 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 ellosdeben estar dentro del mismo archivo en flash, no pueden ser enlaces externos o están encriptadasdesde 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 formatoavi.Antes de exportar el archivo debemos establecer las características que tendrá nuestro vídeo, para ellodebemos ir al menú archivo, configuración de publicación, o a través de 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 almenú, 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 videoConsiste en manipular a través de un programa de edición de video, en este caso flash , los diferentesmedios como archivos de video, fotos, gráficos o animaciones, y donde también es posible manipularaudio 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 estaacción también se le llama "grabar", "exportar", "guardar" o "crear" video, pero es exactamente lomismo). 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 enInternet. Ya obtenido el video final, se le da el uso deseado o el específico para el que fue creado, comoproducir una película, mostrarlo a una audiencia, etc. 6.4 Aplicar efectos al video.SAUL MERARISALINAS MARTINEZ 3 AM
  3. 3. Antes de convertir vídeos a otro formato por medio de AVS Video Converter usted también puedeañadir varios efectos de vídeo a ellos. Usted puede experimentar con efectos de dibujo y detransformación para transformar sus ideas en imágenes excepcionales. La descripción detallada detodos los efectos disponibles se encuentra en las secciones a continuación.Para aplicar un efecto, usted sólo deberá realizar los siguientes pasos sencillos:1. Abrir la ventana Editar ficheros de entradaDespués de iniciar el AVS Video Converter seleccione un fichero de entrada pulsando elbotón Navegar.... Luego pulse el botón Editar... en la barra de herramientas principal para abrir lapantalla Editar ficheros de entrada.2. Seleccionar el efecto a añadirInicialmente la barra de herramientas de efectos se abre en la pestaña Efectos vídeo. Si usteddesea aplicar un efecto de audio, pulse la pestaña Efectos audio para obtener acceso a efectos deaudio. En la lista desplegable deCategorías ubicada en el rincón derecho superior usted puedeseleccionar un grupo de efctos que se mostrará en el área de efectos. De esta manera se facilita elacceso al efecto deseado.3. Poner el efecto seleccionado en la línea especialDespués de localizar el efecto que usted desea aplicar, haga clic izquierdo sobre él y, sin soltar elbotón, arrástrelo del área de efectos al Timeline y suéltelo en la línea para efectos de vídeo ode audio en función del tipo de efecto que usted está aplicando.SAUL MERARISALINAS MARTINEZ 3 AM
  4. 4. 4. Especificar el área de aplicación del efectoUna vez puesto en la línea, el efecto cubre sólo una parte del vídeo. Para cambiar la posición delefecto, deberá poner el cursor sobre el efecto (el cursor se cambiará por una mano ). Al hacerclic izquierdo y arrastrar el cursor a la derecha o bien a la izquierda usted puede cambiar laposición del efecto aplicado.Es también posible cambiar el tamaño del efecto. Para hacerlo, por favor ponga el cursor sobreuna de las rayas amarillas que marcan los bordes del efecto (el cursor se cambiará por una flechade dos puntas ). Al arrastrarla hacia la derecha o bien hacia la izquierda usted podrá amliar oreducir el área de aplicación del efecto. Para encontrar los momentos precisos de inicio y de fin delefecto, utilice la ventana de Vista previa ubicada en la parte derecha superior de la pantalla deedición.Para aplicar el efecto al vídeo entero, acerque al máximo el límite izquierdo del área al bordeizquierdo de la linea de efecto, acerque al máximo el límite derecho del área al borde derecho dela línea de efecto.5. Modificar parámetros de efectoAVS Video Converter le permite configurar los parámetros de efecto. Para realizarlo, pulse elefecto deseado en el timeline y haga clic en el botón Propiedades... ubicado por debajo del áreaSAUL MERARISALINAS MARTINEZ 3 AM
  5. 5. de efectos o haga clic derecho sobre el efecto y seleccione la opción Propiedades. Elapartado 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 delmenú 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 Efectosde ajuste, Efectos de dibujo, Efectos de filtro, Efectos de transformación y Efectos de audio. Unavez configurados todos los parámetros de efecto, pulse el botón Hecho para cerrar laventana Propiedades.6. Fijar las áreas de fundidosEn la ventana Editar fichero(s) de entrada usted podrá fijar las áreas de Fade-in y Fade-out para elefecto que usted ha aplicado al fichero de vídeo por medio del cursor deslizante ubicado pordebajo del área de vista previa. Deberá pulsar el botón Propiedades para que aparezca la barradeslizante. Fade-in es el área en la que el efecto aplicado empieza a ganar fuerza. En el áreade efecto al máximo el efecto se aplica con la totalidad de su fuerza. En el áreaFade-out el efectoempieza a perder fuerza hasta que desaparezca por completo.Usted puede fijar los bordes de fundidos por medio de arrastrar el cursor de la barra deslizanteal lugar en el que desea que termine el área Fade-in, luego pulse el botón . El área Fade-in semarcará en la barra deslizante. Luego ponga el cursor de la barra deslizante al lugar en el quedesea 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 haciafuera. Si usted desea aplicar un efecto Fade-in, arrastre el límite izquierdo de la barra deslizantehacia la derecha. Para aplicar un efecto Fade-out, arrastre el límite derecho de la barra hacia laizquierda (véase la imagen más abajo).7. Vista previa del efecto aplicadoUna vez aplicado el efecto, usted puede visualizarlo en la ventana de vista previa usandolos controles de reproducciónubicados por debajo de la barra deslizante.SAUL MERARISALINAS MARTINEZ 3 AM
  6. 6. Si usted desea borrar un efecto aplicado, deberá primero seleccionarlo (hacer clic en su línearespectiva en el timeline), luego pulsar el botón correspondiente en la ventana Editar fichero(s) deentrada o bien hacer clic en el efecto que desea eliminar y seleccionar la opción Borrar objeto delmenú.6.5 Comprimir video.Una de las cosas que yo no sabia sobre el formato flash, es que los contenidos multimedia (vídeosy audio), ocupan bastante menos ya que este formato esta optimizado para páginas webs y lo queimporta es el peso del archivo para que la carga del archivo sea lo mas rápida posible. El formatoflash tiene dos tipos de formato: flv: es el mas extendido y es el que utilizan las web como Youtube, no se puede visualizardirectamente y necesitaras un programa externo para reproducirlo. Si no tenéis ninguno osrecomiendo el “flvplayer“. swf: no esta tan implantado, pero como ventajas esta el que no necesita que descarguesningú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 aestos 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 programagratuito 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 primeraopción lo guardará en la misma carpeta que el original y la segunda nos permitirá guardarlo dondeelijamos. Profile: esta opción sirve para elegir la calidad de el vídeo, tanto de imagen como desonido. 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.SAUL MERARISALINAS MARTINEZ 3 AM
  7. 7. El resto de parámetros tienen que ver con la calidad del vídeo, asique podrás dejarlos como estánya que los hemos configurado con la opción “Profile”. Tambien tenemos la opción de añadir unaimagen o vídeo de manera que quedará una marca de agua o la de desplazar el vídeo en el caso deque 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 archivoconvertido a flash.A partir de este punto mostraré la manera de comprimir aún mas el archivo, los siguientes pasossolo sirven si has optado por convertir el vídeo a formato SWF, con FLV no funcionará. Para hacerla commpresión utilizaremos el prográma “SWF Compressor-Decompressor”, que tambien escompletamente gratuito. Lo instalamos y damos a “Open File”.SAUL MERARISALINAS MARTINEZ 3 AM
  8. 8. Desde esta pantalla podrás previsualizar el vídeo, hacer capturas de imagenes y tambien tienes laopción de que el prográma estime lo que ocupará el vídeo una vez comprimido. Para ellopulsamos el botón “Estimate” y para empezar la comresión pulsamos “CompressMovie”, leponemos el nombre que queramos a la pelicula resultante y aceptamos. Tras unos segundos nossaldrá 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 buenode este proceso es que si lo hemos hecho todo bien, el video apenas habra perdido calidad. Laspruevas que he realizado las he hecho con un trailer del juego “FEAR 2″ , el vídeo original ocupabacasi 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ónserá mayor, ademas el .AVI original era una conversión de un vídeo descargado de Youtube, por loque el video ya tenia cierta compresión.6.6 Manejo de movieclip .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ículaMovieClips 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 procesohemos 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.SAUL MERARISALINAS MARTINEZ 3 AM
  9. 9. Abriremos las propiedades del MovieClip y en las opciones de linkage seleccionaremos “exportarpara 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 unnombre de identificador como hacíamos en AS2.NOTA: Si intentásemos añadir un nombre de identificador al MovieClip no aparecería unaadvertencia indicándonos que ese proceso solo es para AS2 y nos preguntara si queremos cambiarlas opciones de publicación.Ahora para añadir este MovieClip a nuestra película hemos de crear una instancia de esa clasevar clip1:clipA = new clipA();Y la situaremos en el stage con addChildvar clip1:clipA = new clipA();clip1.x = 100;clip1.y = 100;addChild(clip1);Y listo!Ahora si quisiésemos añadirle algún tipo de interactividad a este MovieClip, como por ejemploañadirle un evento de click, no colocaríamos el código en el .fla cómo haríamos en AS1 o AS2 sinoque 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 detiempo con lo que este código lo podíamos meter dentro de una clase Main.aspackage{ import flash.display.MovieClip; //public class Main extends MovieClipSAUL MERARISALINAS MARTINEZ 3 AM
  10. 10. {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 .flavar _root:Main = new Main(this);Esta clase Main también la podíamos haber instanciado desde el panel de propiedades de lapelículaDe esta manera no es necesario introducir ningún código dentro de nuestro .fla, y tampoco esnecesario pararle ningún parámetro ya que en este caso el this ya hace referencia a la línea detiempo 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); } }}SAUL MERARISALINAS MARTINEZ 3 AM
  11. 11. SAUL MERARISALINAS MARTINEZ 3 AM

×