Sostituzione clip filmato Kwik

• Potrebbe 12, 2024

Nell'ultimo tutorial, abbiamo creato le tre immagini png che useremo per il nostro livello di sostituzione dei clip filmato.

Ora siamo pronti per aggiungere il clip filmato a un livello nella pagina. Per prima cosa aggiungeremo un nuovo livello alla pagina per la nostra animazione fly. Quindi aggiungeremo una copia del volo fly_1.png a questo livello. Questa copia della mosca fungerà da segnaposto per il filmato. Quando Kwik costruisce la tua app, sostituisce l'immagine della mosca con il clip filmato.

Apri il tuo progetto su Photoshop.

1. Seleziona page8 dall'elenco di pagine nel pannello Kwik. Nella sezione Pagina / Componenti del pannello Kwik, dovresti vedere "@pagina8" nella parte superiore della sezione.
   
   
2. Aggiungi un nuovo livello sopra il livello inferiore e chiamalo fly_pg8.
   
   Questo layer non ha un oggetto condiviso e non verrà esportato come immagine jpg. Pertanto, non è necessario impostare alcuna proprietà del livello.
   
   
3. Dal file di mockup, copia il fly (che è una copia dell'immagine fly_1 png).
   
   
4. Incolla il fly sul layer fly_pg8 per essere il segnaposto per il clip filmato.
   
   
5. Seleziona il Icona Livelli e Sostituzioni dalla barra Categorie.
   
   
6. Clicca sul Strumento di sostituzione dei filmati per aprire la finestra di dialogo Sostituzione dei filmati.
   
   
7. Usa il pulsante Sfoglia per individuare il primo dei clip filmato pngs - fly_1.png.
   
   
8. Kwik inserirà automaticamente Larghezza e Altezza in pixel per il png.
   
   
9. Nr. Immagini: abbiamo tre png nella nostra sequenza di clip filmato. Aggiungi il numero 3 in questa casella.
   
   Vogliamo che questa animazione sia in loop finché la pagina viene visualizzata.
   
   
10. Loop: selezionare il pulsante di opzione per l'impostazione Forever.
    
    Vogliamo che l'animazione abbia inizio non appena la pagina viene caricata. Quindi non metteremo in pausa l'animazione sul fotogramma 1.
    
    
11. Lasciare Pausa al fotogramma 1 deselezionato.
    
    
12. Fai clic su Crea.
    
    

Clicca sul Icona Esporta solo pagina corrente e il pulsante Pubblica per testare l'animazione a pagina 8.

A questo punto, la nostra mosca rimane nello stesso punto e muove le sue ali. Successivamente aggiungeremo un'animazione al livello fly_pg8 che sposterà la nostra mosca sulla pagina.

Salvare le modifiche apportate a page8.psd.

Vai alla cartella LearnKwik ed esegui una copia di backup della cartella del progetto modello. Rinominare la cartella di backup aggiungendo la data corrente alla fine. (TemplateMM-GG-AA).

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.
Il prodotto Kwik, il logo Kwik e Kwiksher sono proprietà di Kwiksher.com - Copyright 2011. Schermate utilizzate su autorizzazione.

Queste esercitazioni sono per la versione precedente di Kwik 2 e potrebbero non essere di grande aiuto quando si utilizza Kwik 3 e versioni successive. In caso di problemi, si prega di utilizzare il forum di Kwik.

Istruzioni Video: Learn About Transmission Synchro Rings (Potrebbe 2024).