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

Premium Accesso libero

Accedere alla nostra libreria di articoli Hub Premium, file di progetto e il primo 10% di ogni tutorial-video dalla libreria di tutorial online .

Crea un account gratuito ora!

Fare Video Clips Interactive in Adobe Flash CS5
Tradotto da Google Translate

Flash è stato un condotto popolare per la distribuzione video sul web per un bel po 'di tempo, e-nonostante i brontolii sul futuro di Flash come strumento di distribuzione sul Web, con la crescita di HTML5 e dispositivi mobili che continuerà a essere popolari per qualche tempo eppure credo.

La maggior parte delle persone l'esperienza di video Flash consegnato con l'utilizzo di controlli su schermo, come riproduzione e la pausa che potrebbero essere seduto sotto la finestra video o forse sovrapposta al video, leggermente trasparente e forse solo appare quando il video è rotolato sopra. Ciò è cosa buona e giusta se avete intenzione di offrire questo livello di controllo utente fin dall'inizio. Ci sono altre opzioni per come l'utente interagisce con il video però, e in questo articolo voglio esplorare ciò che credo sia uno dei migliori.


Fase 1 - Importa video in Flash

Con il progetto aperto Flash, selezionare File

import video box

Il Import finestra video


Diamo un'occhiata ad affrontare ogni opzione uno alla volta.


Fase 2 - Trova il video

Fare clic sul pulsante Sfoglia e individuare il file video sul vostro sistema. Se il video clip è un file Flash Video (. Flv), allora siete pronti per passare alla fase successiva. E 'altrettanto probabile che il file che si intende utilizzare è un Quicktime. Mov o simili. Purtroppo, Flash non lo accetterà. Quindi cerchiamo di convertirlo in un file. Flv.


Fase 3 - Uso Media Encoder

Nel menu Importa video Flash c'è un opzione nella parte inferiore della finestra per il lancio di Adobe Media Encoder, fare clic su questo.

Media Encoder

Media Encoder


Media Encoder si apre con il vostro file. Mov o simile già caricato. Ogni colonna imposta un parametro diverso per la conversione video, ad esempio il tipo di file da codificare e dove salvare la copia convertito.

Nella colonna Formato scegliere di convertire in FLV/F4V. Nei preset scegliere FLV - Match Attributes Source (media qualità) e quindi impostare il file di output sul desktop in modo da questo file è facile da ritrovare.

Fare clic sul pulsante Start e Queue attendere Media Encoder terminato il suo compito. Quindi, chiudere Media Encoder e tornare a Flash. Infine, selezionare il desktop e selezionare il nuovo file FLV per l'importazione.


Fase 4 - Aggiunta di un componente della pelle

Per aiutare veramente capire la differenza tra i 2 metodi di aggiunta e di controllo video in Flash prima andremo a creare un filmato video contenuto in uno skin del componente. Questo è probabilmente come la maggior parte degli utenti l'esperienza Film istantanei online.

Scegli il video esterno con possibilità di carico componente di riproduzione dalla finestra di importazione video e fare clic su Continua.

flash skin menu

Il menu della skin Flash


Una scelta di opzioni di pelle sono disponibili, alcuni che passa il mouse sopra il video e alcuni che si posizionano sotto di essa. Alcuni includono Play / Pausa, Volume / Mute e della Navigazione e alcuni contengono semplicemente giocare e mettere in pausa.

Utilizzare il menu a discesa e visualizzare in anteprima un paio per vedere ciò che quelli che ti piace. Ci sono anche opzioni tinta e opacità per aiutare a completare il look. Una volta che hai lo stile della vostra scelta successiva stampa. Viene visualizzata una finestra con un riepilogo della vostra richiesta di verificare oltre. Supponendo che tutto è ok fare clic su Fine.


Fase 5 - Componente luogo il Scena 1

Un componente video appare di nuovo nel pannello Libreria. Afferra il componente e trascinarlo Scena 1. Ridimensionare il video utilizzando la W e H i parametri nel pannello Proprietà o utilizzare i re-size maniglie Scena 1, se necessario.

component on screen

Il componente sullo schermo


Aggiungere il nome di istanza componentMovie_mc perché è buona pratica e salvare e testare la scena (premi Comando-Return). Il film appare con la pelle applicata, premere play e pausa, etc per provare il componente. Bello e semplice, ma forse anche un po 'noioso?


Fase 6 - Video importare di nuovo

Questa volta proviamo una opzione più interessante. Prima di importare, creare un nuovo simbolo di clip filmato nella libreria e denominarlo VideoPlay_mc. Poi importare il filmato di nuovo lo stesso, solo che questa volta sceglie di incorporare il video nella timeline nelle opzioni di importazione.

import to timeline

Importare in timeline


E fare clic su Avanti.


Fase 7 - Video Embed come MC

Un secondo menu apparirà, questa volta chiedendo come incorporare il video. Conservare le opzioni impostate a 'istanza luogo stage e Espandi Timeline', se necessario. Queste opzioni si posiziona il film incorporato nel simbolo denominato VideoPlay_mc ed espandere la timeline per includere ogni fotogramma.

embed to MC options

Incorpora alle opzioni di MC


Fare clic su Continua e come con la versione skin del componente un riepilogo appare dettagliando la tua richiesta. Verificare la presenza di errori ora come non vi è alcuna via del ritorno a queste opzioni, una volta aver importato il video. Quindi fare clic su Fine.


Fase 8 - Posizionare il clip filmato incorporato

Nella Biblioteca accadono due cose. In primo luogo, il clip video importato viene visualizzata con una piccola icona cinepresa. Non cercare di utilizzare questo nel progetto, solo che ha bisogno di essere lì per essere incorporato nel file SWF. In secondo luogo il clip filmato VideoPlay_mc ora contiene fotogrammi del video clip importato.

MC in library

MC in libreria


Questo filmato contiene il file video appena importato disteso tra i fotogrammi comunque molti richiedono dal video in base alla sua lunghezza.

Suggerimento: Fare clic due volte sull'icona del clip filmato per aprirlo e dare un'occhiata a quanti frames sono stati utilizzati. Ci potrebbero essere centinaia.


Passo 9 - Aggiungi alla scena 1

Trascinare il clip filmato con il file video incorporato sulla Scena 1 e posizionare in prossimità del Video

The placed movie clip

Il clip filmato posta


Nel nome del pannello proprietà di questo clip filmato videoPlay_mc esempio (si noti la v minuscola per il nome dell'istanza)

Fase 10 - Fermare la clip

Se si prova la scena ora, il film che è stato appena messo sarebbe autoplay su un loop, senza possibilità di controllarlo. Quindi, per aggiungere alcuni controlli utente che vengono prima di andare a interrompere il filmato alla fonte.

Aprire il clip filmato che contiene il video incorporato nella libreria in modo da poter vedere tutte le centinaia di fotogrammi video nel Livello 1. Right-Click sul fotogramma chiave sul fotogramma 1 e dal menu scegliere Operazioni.

Fare clic destro frame 1


Nel tipo azioni arresto pannello ();

Questo premuto questo indicatore di riproduzione film sul frame 1 se non diversamente indicato.


Passo 11 - Scrivi questo codice

Tornare alla finestra Scena 1 e aprire il pannello Azioni ancora una volta. Digitare il seguente codice:

The code

Il codice


Questo codice si accende la clip video in un pulsante che si gioca.


Fase 12 - Scene di prova

Provatelo, premere Comando-A Capo per vedere il file SWF con entrambi i film e fare clic sul secondo clip filmato per avviarlo a giocare.


Fase 13 - Modifica del codice

Invece di fare clic sul pulsante, consente di modificare in modo che il filmato viene riprodotto quando il suo rotolò! Questo può essere un modo simpatico per aggiungere interazione con l'utente.

Modificare il codice clic nel pannello Azioni per MOUSE_OVER. Questo cambia l'evento da un click per un rollover per avviare la riproduzione del filmato.

The

Il nuovo codice


Fase 14 - Scene di prova

Premere Comando-A Capo di nuovo e vedere di persona.

Se non funziona assicurarsi di verificare quanto segue:

  • Lo si scrive il nome dell'istanza correttamente, deve essere l'ortografia esattamente lo stesso come prima parola in codice.
  • Avete mettere qualsiasi, dove ci dovrebbe essere.? O viceversa?
  • Controlla l'ortografia, grammatica del caso e tutto il codice confrontato con il codice qui. Un errore lo ucciderà morti.


    In caso contrario, buon divertimento!

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