Animação do Kwik 2 Path para um clipe de filme ou Sprite

• Pode 8, 2024

Agora podemos criar a Animação de Caminho. A diferença entre uma animação linear e de caminho é a linha. Nas duas animações, o objeto se move ao longo de uma linha designada. Como descobrimos com a animação de virar a página, uma animação linear move o objeto ao longo de uma linha reta. Nesta animação de caminho, desenharemos um caminho ao longo de uma linha curva para o objeto seguir. Nosso primeiro passo é desenhar o caminho com a ferramenta Caneta Photoshop.

1. Com a camada que contém o objeto (o clipe de filme instantâneo) selecionado, clique rapidamente com a ferramenta Caneta. Colocaremos o segundo ponto do caminho cerca de três comprimentos acima do topo da página. Clique no segundo ponto e arraste o mouse para cima e para a direita para fazer uma linha curva.
   
   
2. No painel Caminhos (agrupado com o painel Camadas), renomeie o caminho do trabalho para "caminho da rota1".
   
   Agora podemos dizer ao Kwik para usar esse caminho para nossa Animação de Caminho.
   
   
3. Com a camada fly_pg8 ainda selecionada, clique no botão Ícone de animações na barra de categorias.
   
   
4. Clique no Ícone Animação de caminho para abrir a caixa de diálogo.
   
   
5. Nomeie esta animação "fly1Ani".
   
   
6. Essa animação será para a camada fly_pg8.
   
   
7. Caminho: escolha o caminho do caminho da montanha1 na lista suspensa.
   
   À medida que a mosca se move ao longo da curva, queremos que ele gire levemente para que sua cabeça continue apontando na direção do caminho.
   
   
8. Marque a caixa Rotação automática e defina o valor do ângulo de rotação para apenas -10 graus.
   
   
9. Moscas se movem rápido. Vamos definir a duração para 1 ou 0,5 segundo.
   
   
10. Queremos que a mosca fique fora da página após a animação. Marque a caixa Pausar ao concluir e defina o loop como 1 vez. Deixe o Reverso ao final desmarcar.
    
    
11. Vamos adicionar um pouco de realismo, fazendo a mosca hesitar quando clicar e depois voar. Podemos fazer isso configurando o Easing como inOutExpo.
    
    
12. Defina o ponto de ancoragem como TopCenter para que seu corpo gire mais que sua cabeça.
    
    
13. Não queremos que a mosca se mova até que o botão seja clicado. Defina a solicitação de espera.
    
    
14. Deixe a caixa Retornar à posição inicial desmarcada.
    
    
15. Clique em Create.
    
    

Agora podemos adicionar o botão. Ainda na camada fly_pg8.

1. Clique no Ícone de interações na barra Categorias.
   
   
2. Clique no Ícone Adicionar botão para abrir a caixa de diálogo.
   
   
3. Nomeie o botão "fly1btn".
   
   
4. Queremos a camada fly_pg8 para os estados do botão Padrão e Sobre.
   
   
5. Na seção Interações, expanda a seção Animação.
   
   
6. Escolha Reproduzir animação. Selecione fly1Ani na lista suspensa.
   
   
7. Expanda a seção Áudio.
   
   Escolha Parar áudio e selecione o primeiro áudio na lista suspensa.
   
   Ainda na seção Áudio, escolha Reproduzir áudio e selecione o segundo arquivo de áudio na lista suspensa.
   
   
8. Clique em Create.
   
   

Agora podemos testar nossa sequência interativa. Quando a página é carregada, a mosca deve bater as asas na página com o som da mosca em segundo plano tocando continuamente. Quando clicamos na página, devemos ouvir um som mais alto e ele se afasta da página.

Salve as alterações na página8.

Clique no Exporte o ícone Somente página atual e o botão Publicar para testar sua animação.

Vá para a pasta LearnKwik e faça uma cópia de backup da pasta do projeto Template. Renomeie a pasta de backup adicionando a data atual ao final. (Modelo MM-DD-AA).

← Voltar

Estes tutoriais são para a versão mais antiga do Kwik 2 e podem não ser de grande ajuda ao usar o Kwik 3 e superior. Se você estiver tendo problemas, use o fórum do Kwik.

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / são marcas comerciais registradas ou marcas comerciais da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.
O produto Kwik, o logotipo Kwik e Kwiksher são propriedades de Kwiksher.com - Copyright 2011. Capturas de tela usadas com permissão.

Instruções De Vídeo: ????CUPHEAD CARTOON RAP BATTLE: PART 1 & 2 ???? (Pode 2024).