Criar um filme interativo

Transcrição

1 Criar um filme interativo Bem-vindo ao Corel R.A.V.E., um poderoso programa de animação baseado em objetos, concebido para criar imagens gráficas animadas. Você aprenderá a Neste tutorial, você vai criar um filme interativo. Aplicando comportamentos a quadros e objetos, você vai criar um jogo que permite aos usuários gerar um rosto a partir de vinte e sete rostos diferentes, misturando e combinando cabelos, olhos e bocas. Clique aqui para ver um exemplo do projeto. À medida que executar o projeto, você vai aprender a aplicar rótulos e comportamentos a quadros aplicar comportamentos a objetos salvar e exportar um filme Compreender este projeto Este projeto envolve a preparação de quatro filmes para que funcionem juntos como se fossem um só. Três filmes já foram criados para você e foram fornecidos tanto no formato Corel R.A.V.E. (CLK) quanto no formato Macromedia Flash (SWF). São os arquivos: top.clk e top.swf, mid.clk e mid.swf, e bot.clk e bot.swf. Estes três filmes funcionam de forma similar. Vamos agora explorar um deles. 1 Clique no menu Arquivo Abrir. 2 Na caixa de listagem Procurar, selecione a pasta Program files\corel\corel Graphics 12\Languages\BR\Tutorials\Sample files. 3 Clique duas vezes no nome do arquivo top.clk. Você vai notar que este é um arquivo complexo, com animações, rótulos de quadros, comportamentos e efeitos de ativação funcionando juntos. Página 1 de 11

2 Animações O arquivo top.clk contém nove animações, começando nos quadros 1, 6, 11, 17, 23 e 29. Na janela de encaixe Linha do tempo, elas estão rotulados como Rolar para a esquerda ou Rolar para a direita. No projeto terminado, essas animações são reproduzidas quando você percorre as várias partes do rosto. Rótulos de quadros e comportamentos O arquivo top.clk usa trinta e quatro quadros, muitos dos quais têm rótulos ou comportamentos aplicados a eles. Um rótulo é um nome que você anexa a um quadro, tornando mais fácil fazer referência a ele. Na janela de encaixe Linha do tempo, os quadros com rótulos são marcados com um sinalizador. Um comportamento é um comando que é executado quando um filme chega a um determinado ponto ou quando o usuário interage com um objeto. Na janela de encaixe Linha do tempo, os quadros com comportamentos são marcados com um sinalizador. Página 2 de 11

3 Você pode procurar o rótulo e o comportamento de um quadro clicando no quadro e clicando no botão Comportamentos na janela de encaixe Linha do tempo. Os quadros 1, 6 e 11 estão configurados para impedir que as animações que comecem nesses quadros sejam automaticamente reproduzidas. Os quadros 17, 23 e 29 estão configurados para reproduzir as animações que comecem nesses quadros. Os quadros 16 e 28 estão configurados para ir para o quadro 1. O quadro 22 está configurado para ir para o quadro 11. O quadro 34 está configurado para ir para o quadro 6. Efeitos de ativação e comportamentos O arquivo top.clk também contém seis efeitos de ativação aos quais foram aplicados comportamentos. Na janela de encaixe Linha do tempo, eles estão rotulados como Botão esquerdo ou Botão direito. Os efeitos de ativação têm três estados: Normal, Sobre e Clicado. Aqui, os comportamentos foram aplicados ao estado Clicado dos efeitos de ativação. Para procurar o comportamento de um efeito de ativação, clique no efeito de ativação, escolha Clicado na caixa de listagem Estado de efeito de ativação ativo, na barra de ferramentas Internet, depois clique no menu Filme Comportamentos. (Se a barra de ferramentas Internet não estiver exibida, clique no menu Janela Barras de ferramentas Internet.) No quadro 1, o efeito de ativação do botão esquerdo está configurado para ir para o quadro 17, e o efeito de ativação do botão direito está configurado para reproduzir a animação que começa no quadro 1. No quadro 6, o efeito de ativação do botão esquerdo está configurado para ir para o quadro 23, e o efeito de ativação do botão direito está configurado para reproduzir a animação que começa no quadro 6. No quadro 11, o efeito de ativação do botão esquerdo está configurado para ir para o quadro 29, e o efeito de ativação do botão direito está configurado para reproduzir a animação que começa no quadro 11. Página 3 de 11

4 Os arquivos mid.clk e bot.clk são similares ao arquivo top.clk. Os comportamentos nos quadros e os efeitos de ativação controlam os filmes. Ao terminar de ver os arquivos, clique no menu Arquivo Fechar. O filme exportado Agora, vamos dar uma olhada no filme exportado top.swf. Para fazer isso, clique aqui. No filme exportado, animações, rótulos de quadros, comportamentos e efeitos de ativação funcionam juntos. Clicar em um efeito de ativação aciona um comportamento que reproduz uma das nove seqüências de animações. O filme interativo que você vai criar integrará os três filmes top.swf, mid.swf e bot.swf. Abrir o filme principal Agora que você compreende como os filmes individuais funcionam, é hora de configurar o filme principal que vai carregá-los e exibi-los juntos. Para fazer isso, você vai começar abrindo um arquivo que contém todos os elementos necessários para o seu filme. Se a barra de ferramentas Internet estiver oculta, é aconselhável exibi-la antes de começar a trabalhar no filme. Para exibir a barra de ferramentas Internet 1 Clique no menu Janela Barras de ferramentas Internet. 2 Para encaixar a barra de ferramentas, clique na área de arraste e arraste a barra de ferramentas para qualquer das bordas da janela do aplicativo. É aconselhável encaixá-la abaixo da barra de propriedades. Página 4 de 11

5 Para abrir o arquivo 1 Clique no menu Arquivo Abrir. 2 Na caixa de listagem Procurar, escolha a pasta Program files\corel\corel Graphics 12\Languages\BR\Tutorials\Sample files. 3 Clique duas vezes no nome do arquivo faces_user.clk. Você verá que este filme contém apenas dois quadros. O quadro 1 tem dois botões de efeito de ativação: uma seta verde (chamada Botão Redefinir ) e um X vermelho (chamado Botão Fim ). O quadro 2 mostra os vinte e sete rostos diferentes que você pode criar com o filme final e também um botão de estado de ativação verde em forma de seta (chamado Botão Voltar ). Definir os comportamentos para o quadro 1 A seguir, você vai aplicar um rótulo ao quadro 1. Aplicará também comportamentos a esse quadro, de modo que ele carregue os três filmes individuais. Além disso, você vai aplicar um comportamento que mantém o filme no quadro 1. Para aplicar os comportamentos Carregar filme 1 Na janela de encaixe Linha do tempo, clique em no quadro 1. 2 Clique no menu Filme Comportamentos. 3 Na caixa Nome do rótulo do quadro, digite Início. 4 Na caixa de listagem Comportamento, escolha Carregar filme. 5 Na caixa Local, digite top.swf e pressione Enter. Isso especifica o arquivo a ser carregado. 6 Na caixa Nível, digite 1. Página 5 de 11

6 Quando você carrega vários filmes em outro, a cada filme é atribuído um nível. Aqui, você está atribuindo ao filme top.swf o nível 1. 7 Clique em Aplicar. 8 Repita as etapas de 4 a 7, desta vez usando as seguintes configurações: Local mid.swf Nível 2 9 Repita as etapas de 4 a 7, desta vez usando as seguintes configurações: Local bot.swf Nível 3 10 Clique em OK. Para aplicar um comportamento Interromper 1 Clique no menu Filme Comportamentos. 2 Na caixa de listagem Comportamento, escolha Interromper. A caixa de listagem Informar destino assume a configuração padrão, faces_user.clk. 3 Clique em Aplicar. 4 Clique em OK. Definir os comportamentos para o quadro 2 Aqui, você vai aplicar um rótulo e um comportamento ao quadro 2. Aplicará também um comportamento ao botão de efeito de ativação que aparece no quadro 2. Página 6 de 11

7 Para definir um comportamento no quadro 2 1 Na janela de encaixe Linha do tempo, clique em no quadro 2. 2 Clique no menu Filme Comportamentos. 3 Na caixa Nome do rótulo do quadro, digite Fim. 4 Na caixa de listagem Comportamento, escolha Interromper. 5 Clique em Aplicar. 6 Clique em OK. Para definir um comportamento no botão de efeito de ativação do quadro 2 1 No palco, clique no botão de efeito de ativação verde em forma de seta. 2 Na caixa de listagem Estado de efeito de ativação ativo, na barra de ferramentas Internet, Isso aplica o comportamento ao estado "clicado" do botão de efeito de ativação. 3 Clique no menu Filme Comportamentos. 4 Na caixa de listagem Comportamento, escolha Ir para. 5 Ative a opção Rótulo e, na caixa de listagem Rótulo, escolha Iniciar e pressione Enter. Isso diz ao botão de efeito de ativação para ir para o quadro "Início" ao ser clicado. Lembre-se de que, na seção anterior, você rotulou o quadro 1 como "Início". 6 Clique em Aplicar. Página 7 de 11

8 7 Clique em OK. 8 Na caixa de listagem Estado do efeito de ativação ativo, na barra de ferramentas Internet, Isso redefine o efeito de ativação com seu estado padrão. Definir comportamentos para os botões de efeito de ativação do quadro 1 A seguir, você vai voltar ao quadro 1 para aplicar comportamentos aos dois botões de efeito de ativação que ele contém. Ao botão de efeito de ativação verde em forma de seta, aplique os comportamentos que recarregam os três filmes: top.swf, mid.swf e bot.swf. Isso terá o efeito de redefinir o filme. Ao botão de efeito de ativação com um X vermelho, aplique um comportamento que reproduz o filme, avançando-o para o quadro 2. Lembre-se de que o quadro 2 exibe os vinte e sete rostos diferentes no filme. Para aplicar comportamentos ao botão de efeito de ativação verde em forma de seta 1 Na janela de encaixe Linha do tempo, clique em no quadro 1. 2 No palco, clique no botão de efeito de ativação verde em forma de seta. 3 Na caixa de listagem Estado de efeito de ativação ativo, na barra de ferramentasinternet, Isso aplica o comportamento ao estado "clicado" do botão de efeito de ativação. 4 Clique no menu Filme Comportamentos. 5 Na caixa de listagem Comportamento, escolha Carregar filme. 6 Na caixa Local, digite top.swf e pressione Enter. 7 Na caixa Nível, digite 1. Página 8 de 11

9 8 Clique em Aplicar. 9 Repita as etapas de 5 a 8, desta vez usando as seguintes configurações: Local mid.swf Nível 2 10 Repita as etapas de 5 a 8, desta vez usando as seguintes configurações: Local bot.swf Nível 3 11 Clique em OK. 12 Na caixa de listagem Estado de efeito de ativação ativo, na barra de ferramentas Internet, Isso redefine o efeito de ativação com seu estado padrão. Para aplicar um comportamento ao botão de efeito de ativação com um X vermelho 1 No palco, clique no botão de efeito de ativação com um X vermelho. 2 Na caixa de listagem Estado de efeito de ativação ativo, na barra de ferramentasinternet, Isso aplica o comportamento ao estado "clicado" do botão de efeito de ativação. 3 Clique no menu Filme Comportamentos. 4 Na caixa de listagem Comportamento, escolha Reproduzir. 5 Clique em Aplicar. Página 9 de 11

10 6 Clique em OK. 7 Na caixa de listagem Estado de efeito de ativação ativo, na barra de ferramentasinternet, Isso redefine o efeito de ativação com seu estado padrão. Salvar e exportar o filme Para testar o filme, você vai exportá-lo no formato Macromedia Flash (SWF). É aconselhável salvar o arquivo antes de exportar o filme. Para salvar o filme 1 Clique no menu Arquivo Salvar como. 2 Na caixa de listagem Salvar em, escolha a pasta Program files\corel\corel Graphics 12\Languages\BR\Tutorials\Corel RAVE Tutorials. 3 Digite testing.clk na caixa de listagem Nome do arquivo. 4 Clique em Salvar. Para exportar o filme 1 Clique no menu Arquivo Abrir. 2 Na caixa de listagem Salvar em, escolha a pasta Program files\corel\corel Graphics 12\Languages\BR\Tutorials\Corel RAVE Tutorials. 3 Na caixa de listagem Salvar como tipo, escolha SWF - Macromedia Flash. 4 Clique em Exportar. 5 Clique em OK. Página 10 de 11

11 Reproduzir o filme Agora você está pronto para testar o filme que criou. Para fazer isso, clique aqui. Se o filme não abrir, assegure-se de ter exportado testing.swf para a pasta Program files\corel\corel Graphics 12\Languages\BR\Tutorials\Corel RAVE Tutorials. Quando o arquivo testing.swf é aberto, carrega os filmes individuais top.swf, mid.swf e bot.swf em seus devidos lugares. Você tem as seguintes opções: Clicar nos botões de efeito de ativação para a esquerda e a direita. Isso percorre as nove animações diferentes que estão disponíveis em top.swf, mid.swf e bot.swf. Clicar no botão de efeito de ativação com um X vermelho. Isso exibe os vinte e sete rostos diferentes que você pode criar. Clicar no botão de efeito de ativação verde em forma de seta. Para voltar ao início, clique no botão de efeito de ativação verde em forma de seta. Daqui... Você pode explorar o Corel R.A.V.E. sozinho ou pode tornar-se produtivo rapidamente acompanhando outros tutoriais do CorelTUTOR. Para obter mais informações sobre os tópicos e as ferramentas abordadas neste tutorial, consulte a Ajuda Corel Corporation. Todos os direitos reservados. Todas as marcas comerciais ou marcas registradas são de propriedade das respectivas empresas. Página 11 de 11