SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Josseline Camargo del angel


               Manipular Video
                            UNIDAD 6
                           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).

El procedimiento esta completo.
                                GAEM 3° “C”
Josseline Camargo del angel

     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 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.


                                GAEM 3° “C”
Josseline Camargo del angel
     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
     Convertir 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:

         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
                                   GAEM 3° “C”
Josseline Camargo del angel
   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.




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.


                          GAEM 3° “C”
Josseline Camargo del angel
   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 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
                         GAEM 3° “C”
Josseline Camargo del angel
              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).



           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“.
          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.
                                     GAEM 3° “C”
Josseline Camargo del angel
       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.




       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:


                                     GAEM 3° “C”
Josseline Camargo del angel




       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”.




       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
                                     GAEM 3° “C”
Josseline Camargo del angel
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.


                            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!


     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


                                    GAEM 3° “C”
Josseline Camargo del angel
.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 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);
     }

                                       GAEM 3° “C”
Josseline Camargo del angel
    }
}
      A partir de aquí iremos ampliando la clase Main y iremos añadiendo más
clases y subclases para construir nuestra película.




                                    GAEM 3° “C”

Weitere ähnliche Inhalte

Was ist angesagt? (15)

Unidad#6
Unidad#6Unidad#6
Unidad#6
 
Unidad6 121102133951-phpapp01
Unidad6 121102133951-phpapp01Unidad6 121102133951-phpapp01
Unidad6 121102133951-phpapp01
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad'6
Unidad'6Unidad'6
Unidad'6
 
Unidad6
Unidad6 Unidad6
Unidad6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6♥
Unidad 6♥Unidad 6♥
Unidad 6♥
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 

Andere mochten auch

Sugar packaging project
Sugar packaging projectSugar packaging project
Sugar packaging project
labhgroup904
 
golpea el acoso
golpea el acosogolpea el acoso
golpea el acoso
ozkarta
 
Configuración de dispositivos
Configuración de dispositivosConfiguración de dispositivos
Configuración de dispositivos
Brian Lozad
 
Presentacion salud ocupacional
Presentacion salud ocupacionalPresentacion salud ocupacional
Presentacion salud ocupacional
infobran
 

Andere mochten auch (20)

Jeison bello Trabajo n° 2
Jeison bello Trabajo  n° 2 Jeison bello Trabajo  n° 2
Jeison bello Trabajo n° 2
 
Sugar packaging project
Sugar packaging projectSugar packaging project
Sugar packaging project
 
Webinar TasoCluster "Iniciativas Cooperación Intracentros"
Webinar TasoCluster "Iniciativas Cooperación Intracentros"Webinar TasoCluster "Iniciativas Cooperación Intracentros"
Webinar TasoCluster "Iniciativas Cooperación Intracentros"
 
golpea el acoso
golpea el acosogolpea el acoso
golpea el acoso
 
Tp redes
Tp redesTp redes
Tp redes
 
Configuración de dispositivos
Configuración de dispositivosConfiguración de dispositivos
Configuración de dispositivos
 
Presentacion salud ocupacional
Presentacion salud ocupacionalPresentacion salud ocupacional
Presentacion salud ocupacional
 
Presentaciion conn fondoos todo echo
Presentaciion conn fondoos todo echoPresentaciion conn fondoos todo echo
Presentaciion conn fondoos todo echo
 
Practica 3
Practica 3Practica 3
Practica 3
 
Margarita
MargaritaMargarita
Margarita
 
Resolución 17 COMEX - Nomina de productos sujetos a controles previos a la im...
Resolución 17 COMEX - Nomina de productos sujetos a controles previos a la im...Resolución 17 COMEX - Nomina de productos sujetos a controles previos a la im...
Resolución 17 COMEX - Nomina de productos sujetos a controles previos a la im...
 
Movie maker
Movie makerMovie maker
Movie maker
 
Actionscrip
ActionscripActionscrip
Actionscrip
 
Trabajo autonomo 2
Trabajo autonomo 2Trabajo autonomo 2
Trabajo autonomo 2
 
Gragiel aragon Action Scrip 3
Gragiel aragon Action Scrip 3Gragiel aragon Action Scrip 3
Gragiel aragon Action Scrip 3
 
Manual skype
Manual skypeManual skype
Manual skype
 
0993525788
09935257880993525788
0993525788
 
Ti gema loor
Ti gema loorTi gema loor
Ti gema loor
 
Final reflection
Final reflectionFinal reflection
Final reflection
 
Bd i
Bd iBd i
Bd i
 

Ähnlich wie Unidad 6 (16)

Unidad 6 gaem
Unidad 6 gaemUnidad 6 gaem
Unidad 6 gaem
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad  6Unidad  6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Editarconmoviemaker
EditarconmoviemakerEditarconmoviemaker
Editarconmoviemaker
 
Manual de usuario de Movie Maker
Manual de usuario de Movie MakerManual de usuario de Movie Maker
Manual de usuario de Movie Maker
 

Mehr von Josseline Camargo D'l Angel (20)

Practica 30
Practica 30Practica 30
Practica 30
 
Practica29
Practica29Practica29
Practica29
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 24 imagen con movimiento en 3 capas
Práctica 24   imagen con movimiento en 3 capasPráctica 24   imagen con movimiento en 3 capas
Práctica 24 imagen con movimiento en 3 capas
 
Practica 27
Practica 27Practica 27
Practica 27
 
Practica 26
Practica 26Practica 26
Practica 26
 
Practica 25
Practica 25Practica 25
Practica 25
 
Cuestionario de la unidad 4
Cuestionario de la unidad 4Cuestionario de la unidad 4
Cuestionario de la unidad 4
 
Cuestionario de la unidad 5
Cuestionario de la unidad 5Cuestionario de la unidad 5
Cuestionario de la unidad 5
 
Practica 23
Practica 23Practica 23
Practica 23
 
Practica 22
Practica 22Practica 22
Practica 22
 
Practica 21
Practica 21Practica 21
Practica 21
 
Practica 20
Practica 20Practica 20
Practica 20
 
Practica 19
Practica 19Practica 19
Practica 19
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Practica 18
Practica 18Practica 18
Practica 18
 
Practica 18
Practica 18Practica 18
Practica 18
 
Practica 17
Practica 17Practica 17
Practica 17
 
Complemento
ComplementoComplemento
Complemento
 
Practica 16 menu desplegable
Practica 16 menu desplegablePractica 16 menu desplegable
Practica 16 menu desplegable
 

Unidad 6

  • 1. Josseline Camargo del angel Manipular Video UNIDAD 6 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). El procedimiento esta completo. GAEM 3° “C”
  • 2. Josseline Camargo del angel 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 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. GAEM 3° “C”
  • 3. Josseline Camargo del angel 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 Convertir 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: 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 GAEM 3° “C”
  • 4. Josseline Camargo del angel 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. 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. GAEM 3° “C”
  • 5. Josseline Camargo del angel 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 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 GAEM 3° “C”
  • 6. Josseline Camargo del angel 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). 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“.  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. GAEM 3° “C”
  • 7. Josseline Camargo del angel 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. 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: GAEM 3° “C”
  • 8. Josseline Camargo del angel 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”. 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 GAEM 3° “C”
  • 9. Josseline Camargo del angel 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. 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! 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 GAEM 3° “C”
  • 10. Josseline Camargo del angel .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 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); } GAEM 3° “C”
  • 11. Josseline Camargo del angel } } A partir de aquí iremos ampliando la clase Main y iremos añadiendo más clases y subclases para construir nuestra película. GAEM 3° “C”