Your SlideShare is downloading. ×
Unidad 6
Unidad 6
Unidad 6
Unidad 6
Unidad 6
Unidad 6
Unidad 6
Unidad 6
Unidad 6
Unidad 6
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
72
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Unidad 6 6.1 Importar video Una de las novedades de Flash MX es la mejora en la importación y gestión de lassecuencias 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 (oversiones 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).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%. Julio Cesar Govea Rodríguez Informática 3°A
  • 2. ⇒ 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 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 casoflash , los diferentes medios como archivos de video, fotos, gráficos o animaciones, y dondetambién es posible manipular audio aunque generalmente de forma muy simple. Una vezcreado nuestro montaje, (también llamado "proyecto" o "composición"), se lleva a cabo larenderizació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 hanestandarizado últimamente, por ejemplo en diferentes dispositivos como celulares oreproductores de música, o en sitios en Internet. Ya obtenido el video final, se le da el usodeseado o el específico para el que fue creado, como producir una película, mostrarlo a unaaudiencia, 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 Julio Cesar Govea Rodríguez Informática 3°A
  • 3. sus ideas en imágenes excepcionales. La descripción detallada de todos losefectos disponibles se encuentra en las secciones a continuación.Para aplicar un efecto, usted sólo deberá realizar los siguientes pasos sencillos:Abrir la ventana Editar ficheros de entradaDespués de iniciar el AVS Video Converter seleccione un fichero de entradapulsando el botón Navegar.... Luego pulse el botón Editar... en la barra deherramientas principal para abrir la pantalla Editar ficheros de entrada.Seleccionar el efecto a añadirInicialmente la barra de herramientas de efectos se abre en la pestaña Efectosvídeo. Si usted desea aplicar un efecto de audio, pulse la pestaña Efectosaudio para obtener acceso a efectos de audio. En la lista desplegable deCategorías ubicada en el rincón derecho superior usted puede seleccionar ungrupo de efectos que se mostrará en el área de efectos. De esta manera sefacilita el acceso al efecto deseado.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 el botón, arrástrelo del área de efectos al Timeline y suéltelo en lalínea para efectos de vídeo o de audio en función del tipo de efecto queusted está aplicando.Julio Cesar Govea Rodríguez Informática3°A
  • 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. Paracambiar la posición del efecto, deberá poner el cursor sobre el efecto (el cursorse cambiará por una mano ). Al hacer clic izquierdo y arrastrar el cursor a laderecha o bien a la izquierda usted puede cambiar la posición del efectoaplicado.Es también posible cambiar el tamaño del efecto. Para hacerlo, por favor pongael cursor sobre una de las rayas amarillas que marcan los bordes del efecto (elcursor se cambiará por una flecha de dos puntas ). Al arrastrarla hacia laderecha o bien hacia la izquierda usted podrá amliar o reducir el área deaplicació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 dela 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ímitederecho del área al borde derecho de la línea de efecto.Modificar parámetros de efectoAVS Video Converter le permite configurar los parámetros de efecto. Pararealizarlo, pulse el efecto deseado en el timeline y haga clic en elbotón Propiedades... ubicado por debajo del área de efectos o haga clic derechosobre 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 listadesplegable del menú Máscara. Las siguientes opciones están disponibles:ninguno, rectángulo, elipse y polígono. Al seleccionar Ninguno, el efecto seaplicará a la imagen entera.Ahora congifure otros parámetros del efecto. Los parámetros pueden variar enfunción de efecto. La descripción detallada de los parámetros de cada efecto seencuentra en las secciones Efectos de ajuste, Efectos de dibujo, Efectos deJulio Cesar Govea Rodríguez Informática3°A
  • 5. 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. 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. 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). 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 contenidosmultimedia (vídeos y audio), ocupan bastante menos ya que este formato estaoptimizado para páginas webs y lo que importa es el peso del archivo para que la cargadel archivo sea lo mas rápida posible. El formato flash tiene dos tipos de formato: Julio Cesar Govea Rodríguez Informática 3°A
  • 6.  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“.  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á convertirnuestros vídeos a estos formatos y conseguir así que ocupen menos espacio y quetengan mayor compatibilidad. Lo primero es conseguir el archivo de vídeo y convertirlo en un de estosformatos: AVI, MPEG, MOV, MP4, 3GP, VOB, MP3, WMA. Para ello puedes utilizarel conversor “SUPER”. Una vez hecho esto, abrimos el programa “Pazera Free Video to FlashConverter”, este programa gratuito nos permitirá convertir el archivo de vídeo a formatoFLV o SWF. Pulsamos en “Add Files” y elegimos el archivo de vídeo que queramosconvertir. 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. Julio Cesar Govea Rodríguez Informática 3°A
  • 7. El resto de parámetros tienen que ver con la calidad del vídeo, asique podrásdejarlos como están ya que los hemos configurado con la opción “Profile”. Tambientenemos la opción de añadir una imagen o vídeo de manera que quedará una marca deagua 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 siguienteventana: Cuando la barra de proceso llegue al final, pulsamos “Close” y ya tendremosnuestro archivo convertido a flash. A partir de este punto mostraré la manera de comprimir aún mas el archivo, lossiguientes pasos solo sirven si has optado por convertir el vídeo a formato SWF, conFLV no funcionará. Para hacer la commpresión utilizaremos el prográma “SWFCompressor-Decompressor”, que tambien es completamente gratuito. Lo instalamos ydamos a “Open File”. Julio Cesar Govea Rodríguez Informática 3°A
  • 8. Desde esta pantalla podrás previsualizar el vídeo, hacer capturas de imagenes ytambien tienes la opción de que el prográma estime lo que ocupará el vídeo una vezcomprimido. Para ello pulsamos el botón “Estimate” y para empezar la comresiónpulsamos “Compress Movie”, le ponemos el nombre que queramos a la pelicularesultante 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 ycomprimido, lo bueno de este proceso es que si lo hemos hecho todo bien, el videoapenas habra perdido calidad. Las pruevas que he realizado las he hecho con un trailerdel juego “FEAR 2″, el vídeo original ocupaba casi 14 MB y eran poco mas de 2minutos 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 grandela compresión será mayor, ademas el .AVI original era una conversión de un vídeodescargado de Youtube, por lo que el video ya tenia cierta compresión. 6.6 Manejo de movie clip . Este es un Tip muy sencillo pero que trae de cabeza a la gente que empieza conActionScript 3, así que lo escribo para intentar aclarar un poco cuál es el sistema deañadir a nuestra película MovieClips que estén situados dentro de nuestra biblioteca yempezar a montar nuestra película. Julio Cesar Govea Rodríguez Informática 3°A
  • 9. Como ya se dijo en otro tip, el sistema de añadir elementos de la biblioteca acambiado en AS3. Ahora attachMovie no funciona, añadimos los clips con addChild ypara realizar este proceso hemos de crear una clase para cada clip que queramosañ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 linkageseleccionaremos “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 noaparecería una advertencia indicándonos que ese proceso solo es para AS2 y nospreguntara si queremos cambiar las opciones de publicación. Ahora para añadir este MovieClip a nuestra película hemos de crear unainstancia 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! 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 .flacómo haríamos en AS1 o AS2 sino que crearemos un archivo .as con el nombre de laclase que le indicamos al MovieClip y ahí escribiremos todo el código necesario paramanejar 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 posiblesobre la línea de tiempo con lo que este código lo podíamos meter dentro de una claseMain.as package{ import flash.display.MovieClip; //public class Main extends MovieClip Julio Cesar Govea Rodríguez Informática 3°A
  • 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 detiempo 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 depropiedades 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 hacereferencia 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 clasesy subclases para construir nuestra película. Julio Cesar Govea Rodríguez Informática 3°A

×