Substituição de clipe de filme Kwik

• Pode 14, 2024

No último tutorial, criamos as três imagens png que usaremos para a camada de substituição de clipe de filme.

Agora estamos prontos para adicionar o clipe de filme a uma camada na página. Primeiro, adicionaremos uma nova camada à página para a animação da mosca. Em seguida, adicionaremos uma cópia do fly_1.png a essa camada. Esta cópia da mosca atuará como um espaço reservado para o clipe de filme. Quando o Kwik cria seu aplicativo, ele substitui a imagem da mosca pelo clipe de filme.

Abra seu projeto no Photoshop.

1. Selecione página8 na lista de páginas no painel Kwik. Na seção Página / Componentes do painel Kwik, você deverá ver "@ page8" na parte superior da seção.
   
   
2. Adicione uma nova camada acima da camada inferior e nomeie-a como fly_pg8.
   
   Essa camada não possui um objeto compartilhado e não será exportada como uma imagem jpg. Portanto, não precisamos definir nenhuma propriedade da camada.
   
   
3. No arquivo de maquete, copie a mosca (que é uma cópia da imagem png fly_1).
   
   
4. Cole a mosca na camada fly_pg8 para ser o espaço reservado para o clipe de filme.
   
   
5. Selecione os Ícone Camadas e substituições na barra Categorias.
   
   
6. Clique no Ferramenta Substituição de clipe de filme para abrir a caixa de diálogo Substituição de clipe de filme.
   
   
7. Use o botão Procurar para localizar o primeiro clipe de filme pngs - fly_1.png.
   
   
8. O Kwik inserirá automaticamente a Largura e Altura em pixels para o png.
   
   
9. Nr. Imagens: temos três pngs em nossa sequência de clipes de filme. Adicione o número 3 nesta caixa.
   
   Queremos que essa animação faça um loop enquanto a página for exibida.
   
   
10. Loop: selecione o botão de opção para a configuração Para sempre.
    
    Queremos que a animação comece assim que a página for carregada. Portanto, não pausaremos a animação no quadro 1.
    
    
11. Deixe Pausa no Quadro 1 desmarcado.
    
    
12. Clique em Create.
    
    

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

Nesse ponto, nossa mosca permanece no mesmo local e move suas asas. Em seguida, adicionaremos uma animação à camada fly_pg8 que moverá nossa mosca pela página.

Salve as alterações feitas em page8.psd.

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).

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram reproduzidas com a 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.

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.

Instruções De Vídeo: QuickSilver Scene "Kitchen" - X-Men: Days Of Future Past (2014) Movie Clip HD (Pode 2024).