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

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Fazendo Video Clips Interactive em Adobe Flash CS5
Traduzido pelo Google Translate

Flash tem sido um canal popular para entrega de vídeo pela web há algum tempo, e in-apesar dos rumores sobre o futuro do Flash como uma ferramenta de publicação na web, com o crescimento do HTML5 e dispositivos móveis vai continuar a ser popular por algum tempo ainda que eu penso.

Experiência da maioria das pessoas do Flash vídeo é entregue com o uso de controles na tela como a reprodução ea pausa que pode estar sentado sob a janela de vídeo ou talvez sobreposto sobre o vídeo, um pouco transparente e, talvez, só aparecendo quando o vídeo é rolado. Isto é tudo muito bem, se você pretende oferecer este nível de controle do usuário desde o início. Há outras opções para a forma como o usuário interage com o vídeo no entanto, e neste artigo eu vou explorar o que eu acho que é um dos melhores.


Passo 1 - Importar Vídeo em Flash

Com seu projeto Flash aberto, escolha Arquivo

import video box

A janela Importar vídeo


Vamos olhar para cada opção de enfrentar um de cada vez.


Passo 2 - Encontre o clip de vídeo

Clique no botão Procurar e localize o arquivo de vídeo em seu sistema. Se o clipe de vídeo é um arquivo de vídeo Flash (. Flv), então você está pronto para passar para a próxima etapa. É bem provável que o arquivo que você pretende usar é um Quicktime. Mov ou similar. Infelizmente, o Flash não vai aceitá-lo. Então, vamos convertê-lo para um arquivo flv..


Passo 3 - Media Encoder Uso

No menu Video Import do Flash não é uma opção na parte inferior da janela para iniciar o Adobe Media Encoder, clique neste.

Media Encoder

Media Encoder


Media Encoder será aberto com o arquivo. Mov ou similar já carregado. Cada coluna define um parâmetro diferente para a sua conversão de vídeo, tais como o tipo de arquivo para codificar e onde salvar a cópia convertida para.

Na coluna Formato escolher para converter para FLV/F4V. Nos presets escolher FLV - Jogo atributos de origem (qualidade média) e, em seguida, definir o arquivo de saída para o seu desktop de modo que este arquivo é fácil de encontrar novamente.

Clique no botão Iniciar fila e esperar até Media Encoder terminado sua tarefa. Então Media Encoder perto e voltar para o Flash. Finalmente vá para o desktop e selecione o novo arquivo FLV para importação.


Passo 4 - Adicionar um componente da pele

Para realmente ajudar a entender a diferença entre os 2 métodos de adição e controle de vídeo em Flash primeiro vamos criar um filme de vídeo contida em um componente da pele. Este é provavelmente como a maioria dos usuários experimentar Filmes Flash online.

Escolha o vídeo de carga externa, com opção de reprodução componente da janela de importação de vídeo e clique em Continuar.

flash skin menu

O menu da pele do Flash


A escolha de opções de pele estão disponíveis, alguns que pairam sobre o clip de vídeo e alguns que vão posicionar-se sob ele. Alguns incluem Play / Pause, Volume / Mudo e Navegação e alguns contêm simplesmente tocar e pausar.

Use o menu drop-down e visualizar um pouco para ver o que você gosta. Há também matiz ea opacidade opções para ajudar a completar o look. Depois de ter o estilo de sua prima próxima escolha. Aparecerá uma janela com um resumo do seu pedido para que você verifique mais. Supondo que tudo está ok, clique em Concluir.


Passo 5 - Componente Coloque em Cena 1

Um componente de vídeo aparece de volta no painel Biblioteca. Pegue o componente e arraste-o para Cena 1. Redimensionar o vídeo usando o W e os parâmetros H no painel Propriedades ou use as alças de re-size em Cena 1 se necessário.

component on screen

O componente em ecrã


Adicione o componentMovie_mc nome de instância porque é uma boa prática e salvar e testar a cena (pressione Command-Return). O filme aparece com a sua pele aplicado, pressione play e etc pausa para testar o componente. Bom e simples, no entanto, também talvez um pouco maçante?


Passo 6 - Importar Vídeo Novamente

Desta vez, vamos tentar uma opção mais interessante. Antes de importar, criar um símbolo de clipe novo filme na biblioteca e nomeá-la VideoPlay_mc. Em seguida, importar o mesmo filme de novo, só que desta vez optar por incorporar o vídeo na linha do tempo nas opções de importação.

import to timeline

Importar para o cronograma


E clique em Avançar.


Passo 7 - Incorporar vídeo como um MC

Um segundo menu irá aparecer, desta vez perguntando como incorporar o vídeo. Mantenha as opções definidas para 'instância lugar no palco e Expandir Linha do Tempo' se necessário. Estas opções vão colocar o filme incorporado o símbolo chamado VideoPlay_mc e expandir a linha do tempo para incluir cada frame.

embed to MC options

Incorporar às opções MC


Clique em Continuar e, como com a versão da pele de um componente de resumo aparece detalhando o seu pedido. Verifique se há erros agora, como não há caminho de volta a essas opções uma vez que você tenha importado o vídeo. Em seguida, clique em Concluir.


Passo 8 - Coloque o clipe de filme incorporado

Na Biblioteca de duas coisas acontecem. Em primeiro lugar, o clipe de vídeo importado aparece com um ícone pequeno filme na câmera. Não tente usar isso em seu projeto, ele só precisa estar lá para ser incorporado ao SWF. Em segundo lugar o clipe de filme chamado VideoPlay_mc agora contém quadros de seu videoclipe importado.

MC in library

MC na biblioteca


Este clipe de filme contém o arquivo de vídeo que você acabou de importar estendeu entre quadros no entanto muitos são requerem pelo vídeo com base em seu comprimento.

Dica: Clique duas vezes no ícone de clipe de filme para abri-lo e dar uma olhada em quantos quadros estão sendo usados. Pode haver centenas de pessoas.


Passo 9 - Adicionar à Cena 1

Arraste o clipe de filme com o arquivo de vídeo incorporado em Cena 1 e colocá-lo próximo ao Vídeo

The placed movie clip

O clipe de filme colocado


No painel de propriedades nome deste filme videoPlay_mc instância de clipe (note o v minúsculas para o nome da instância)

Passo 10 - Pare o clipe

Se você testar a cena agora, o filme que acabou de ser colocada seria autoplay em um loop, com nenhuma forma de controlá-lo. Então, para adicionar alguns controles de usuário estamos indo primeiro para parar o filme na fonte.

Abra o Movie Clip que contém o vídeo incorporado na Biblioteca para que você possa ver todas as centenas de quadros de vídeo em Layer 1. Botão direito do mouse no Keyframe no Frame 1 e no menu escolha Ações.

Botão direito do mouse frame 1


Na paragem de ações tipo de painel ();

Isto irá manter esta reprodução de filmes no frame 1 até instruções em contrário.


Passo 11 - Escreva este Código

Volte para a janela Cena 1 e abra o Painel de Ações, mais uma vez. Digite o seguinte código:

The code

O código


Este código irá transformar o videoclipe em um botão que vai jogar em si.


Passo 12 - Testar cena

Experimente-o, pressione Command-Retorno para ver o SWF com ambos os filmes e clique no segundo clipe de filme para iniciá-lo jogar.


Passo 13 - Edite o Código

Em vez de clicar no botão, permite alterá-lo para que o filme é reproduzido quando sua rolou! Isso pode ser um jeito legal para adicionar interação do usuário.

Altere o código clique no painel Ações para MOUSE_OVER. Isso muda o evento a partir de um clique para um capotamento para iniciar a reprodução do filme.

The

O novo código


Passo 14 - Testar cena

Pressione Command-Volte novamente e veja por si mesmo.

Se ele não está funcionando certifique-se de verificar o seguinte:

  • Você digitou o nome da instância corretamente, ele precisa ser a ortografia exatamente como a primeira palavra no código.
  • Você colocar qualquer, onde deveria haver.? Ou vice-versa?
  • Verifique a ortografia, gramática caso e de todo o seu código em comparação com o código aqui. Um erro irá matá-lo morto.


    Caso contrário, divirta-se!

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