X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acceso Premium gratis

Acceso a toda nuestra biblioteca de artículos Hub Premium, los archivos del proyecto y el primer 10% de cada uno-Video Tutorial de la Biblioteca Tutorial en línea .

Crea tu cuenta gratis!

Realización de Video Clips interactivo en Adobe Flash CS5
Traducido por Google Translate

Flash ha sido un conducto popular para la entrega de video en la web desde hace bastante tiempo, y en-a pesar de los rumores sobre el futuro de Flash como una herramienta de publicación en la Web, con el crecimiento de HTML5 y dispositivos móviles seguirá siendo popular durante algún tiempo sin embargo, creo.

Experiencia de la mayoría de la gente de Flash video entregado es con el uso de controles en pantalla como un juego y pausa que podría estar sentado en la ventana de vídeo o tal vez superpuesta sobre el vídeo, poco transparente y tal vez sólo aparece cuando el video se dio la vuelta. Esto es todo muy bien si tiene la intención de ofrecer este nivel de control de usuario desde el principio. Hay otras opciones de cómo el usuario interactúa con el video sin embargo, y en este artículo voy a explorar lo que creo que es uno de los mejores.


Paso 1 - Importar vídeo en Flash

Con su proyecto de Flash abierto, seleccione Archivo

import video box

La ventana de vídeo de importación


Echemos un vistazo a la lucha contra de cada opción de uno en uno.


Paso 2 - Encuentra el clip de vídeo

Haga clic en el botón Examinar y busque el archivo de vídeo en su sistema. Si el clip de vídeo es un archivo de Flash Video (. Flv), entonces usted está listo para pasar al siguiente paso. Es igual de probable que el archivo que va a utilizar es un archivo de Quicktime. Mov o similar. Por desgracia, Flash no lo aceptará. Así que vamos a convertirlo en un archivo. Flv.


Paso 3 - Uso Media Encoder

En el menú de importación de Flash Video, hay una opción en la parte inferior de la ventana de lanzamiento de Adobe Media Encoder, haga clic en este.

Media Encoder

Media Encoder


Media Encoder se abrirá con su archivo. Mov o similar ya está cargado. Cada columna establece un parámetro diferente para su conversión de vídeo, tales como qué tipo de archivo a codificar y dónde guardar la copia convertida a.

En la columna Formato de optar por convertir a la FLV/F4V. En los presets de elegir FLV - igualar los atributos de la fuente (calidad media) y luego ponga el archivo de salida a su escritorio por lo que este archivo es fácil de encontrar de nuevo.

Haga clic en el botón Inicio y, a la cola de espera hasta Media Encoder finalizado su tarea. Luego Media Encoder cerca y volver a Flash. Finalmente busque el escritorio y seleccione el nuevo archivo FLV para la importación.


Paso 4 - Añadir un componente de la piel

Para ayudar a entender realmente la diferencia entre los 2 métodos para añadir y controlar el vídeo en Flash por primera vez vamos a crear una película de vídeo contenido en un aspecto del componente. Esta es probablemente la forma en la mayoría de los usuarios experimentar las películas de destello en línea.

Elige el video de carga externa con la opción de la reproducción del componente de la ventana de importación de vídeo y haga clic en Continuar.

flash skin menu

El menú de la piel de Flash


Una selección de opciones de la piel están disponibles, algunos que se ciernen sobre el clip de vídeo y otros que se colocarán debajo de ella. Algunos incluyen reproducción / pausa, volumen / silencio y Navegación y algunos contienen simplemente reproducir y pausar.

Use el menú desplegable y vista previa de unos pocos a ver lo que más le guste. También hay opciones de tinte y la opacidad para ayudar a completar el look. Una vez que tenga el estilo de su prensa la próxima elección. Aparecerá una ventana con un resumen de su solicitud para que usted compruebe otra vez. Suponiendo que todo está bien, haga clic en Finalizar.


Paso 5 - Componente Colocar en la escena 1

Un componente de vídeo aparece de nuevo en el panel Biblioteca. Coge el componente y arrastrarlo a la escena 1. Cambiar el tamaño del vídeo con la W y los parámetros de H en el panel Propiedades o utilice las manijas de tamaño re-de la escena 1, si es necesario.

component on screen

El componente en la pantalla


Agregue el nombre de la instancia componentMovie_mc porque es una buena práctica y guardar y poner a prueba la escena (pulse Comando + Retorno). La película aparece con la piel aplicada, presiona el juego y un largo etc pausa para probar el componente. Bonito y sencillo, sin embargo, quizás también un poco aburrido?


Paso 6 - Importar vídeo nuevo

Esta vez vamos a tratar de una opción más interesante. Antes de importar, crear un símbolo de clip de película en la biblioteca y el nombre de VideoPlay_mc. A continuación, importe de la misma película de nuevo, sólo que esta vez optar por incrustar el vídeo en la línea de tiempo en las opciones de importación.

import to timeline

Importe de línea de tiempo


Y haga clic en siguiente.


Paso 7 - Insertar vídeo como un MC

Un segundo menú aparecerá, esta vez preguntando cómo incrustar el vídeo. Mantenga las opciones establecidas en "instancia lugar en el escenario y ampliar la línea de tiempo" si es necesario. Estas opciones se coloca la película incrustada en el símbolo denominado VideoPlay_mc y ampliar la línea de tiempo para incluir a todos los fotogramas.

embed to MC options

Integrar a las opciones de MC


Haga clic en Continuar y, como en la versión de la piel de componentes aparece un resumen detallando su solicitud. Compruebe si hay errores ahora que no hay manera de volver a estas opciones una vez que haya importado el vídeo. A continuación, haga clic en Finalizar.


Paso 8 - Coloque el clip de película incorporado

En la Biblioteca ocurren dos cosas. En primer lugar, el clip de vídeo importado aparece con un icono de película pequeña cámara. No trate de usar esto en su proyecto, sólo tiene que estar ahí para ser embebido en el archivo SWF. En segundo lugar el clip de película denominado VideoPlay_mc ahora contiene fotogramas de un clip de vídeo importado.

MC in library

MC en la biblioteca


Este clip de película contiene el archivo de vídeo que acaba de importar extendió a través de marcos sin embargo, muchos se requieren por el vídeo en función de su longitud.

Consejo: Haga doble clic en el icono de clip de película para abrirlo y echar un vistazo a cuántos cuadros se están utilizando. Podría haber cientos.


Paso 9 - Añadir a la escena 1

Arrastre el clip de película con el archivo de vídeo incorporado en la escena 1 y colocarlo cerca de la imagen

The placed movie clip

La película coloca clip de


En el nombre del panel de propiedades este clip de película videoPlay_mc instancia (nota de la v minúscula para el nombre de la instancia)

Paso 10 - Parar el clip

Si el resultado es la escena ahora, la película que se coloca justo sería función de reproducción automática de un bucle, y no hay forma de controlarlo. Así que para añadir algunos controles de usuario que primero se va a detener la película en la fuente.

Abra el clip de película que contiene el vídeo incrustado en la Biblioteca para que pueda ver todos los cientos de fotogramas de vídeo en la capa 1. Haga clic derecho en el fotograma 1 y en el menú, seleccione Acciones.

Haga clic en el cuadro 1


En el panel de acciones de tipo stop ();

Esto mantendrá la barra de reproducción de películas en el fotograma 1 hasta que se indique lo contrario.


Paso 11 - Escribe este codigo

Vuelta a la escena una ventana y abra el Panel de Acciones, una vez más. Escriba el siguiente código:

The code

El código


Este código a su vez, el videoclip en un botón que se desempeñan.


Paso 12 - Probar escena

Pruébelo, pulse Comando + Retorno para ver el archivo SWF con las dos películas y haga clic en el segundo clip de película para iniciar la reproducción.


Paso 13 - Modificar el Código

En lugar de hacer clic en el botón, permite cambiar de modo que la película se reproduce cuando su rodó! Eso puede ser una manera interesante para añadir interacción del usuario.

Cambie el código de clic en el panel Acciones para MOUSE_OVER. Esto cambia el caso de un clic para una transferencia para iniciar el jugar de la película.

The

El nuevo código


Paso 14 - Probar escena

Pulse Comando + Retorno de nuevo y ver por ti mismo.

Si no funciona, asegúrese de comprobar lo siguiente:

  • ¿Sabía usted escribe el nombre de instancia correctamente, tiene que ser la ortografía exacta mismo que la primera palabra en el código.
  • ¿Ha puesto alguna, donde debería haber.? ¿O viceversa?
  • Revise la ortografía, la gramática de casos y de todo el código en comparación con el código aquí. Un error que matar a los muertos.


    De lo contrario se divierten!

David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link