Kwik Filmclip vervangen

• April 29, 2024

In de laatste tutorial hebben we de drie png-afbeeldingen gemaakt die we zullen gebruiken voor onze vervangende filmcliplaag.

Nu zijn we klaar om de filmclip toe te voegen aan een laag op de pagina. We zullen eerst een nieuwe laag aan de pagina toevoegen voor onze vlieganimatie. Dan voegen we een kopie van de fly_1.png-vlieg toe aan deze laag. Deze kopie van de vlieg fungeert als een tijdelijke aanduiding voor de filmclip. Wanneer Kwik uw app bouwt, vervangt deze de afbeelding van de vlieg door de filmclip.

Open uw project in Photoshop.

1. Selecteer pagina 8 uit de lijst met pagina's in het Kwik-paneel. In het gedeelte Pagina / Componenten van het Kwik-paneel ziet u "@ pagina 8" bovenaan de sectie.
   
   
2. Voeg een nieuwe laag toe boven de onderste laag en noem deze fly_pg8.
   
   Deze laag heeft geen gedeeld object en wordt niet geëxporteerd als een jpg-afbeelding. Daarom hoeven we geen laageigenschappen in te stellen.
   
   
3. Kopieer de vlieg uit het mockup-bestand (dat is een kopie van de fly_1 png-afbeelding).
   
   
4. Plak de vlieg in de laag fly_pg8 om de tijdelijke aanduiding voor de filmclip te zijn.
   
   
5. Selecteer de Lagen en vervangingen pictogram van de Categorieën balk.
   
   
6. Klik op de Hulpprogramma Filmclip vervangen om het dialoogvenster Filmclip vervangen te openen.
   
   
7. Gebruik de knop Bladeren om de eerste van de filmclip pngs te zoeken - fly_1.png.
   
   
8. Kwik voegt automatisch de breedte en hoogte in pixels in voor de png.
   
   
9. Nr. Afbeeldingen: we hebben drie png's in onze filmclipreeks. Voeg nummer 3 in dit vak toe.
   
   We willen dat deze animatie wordt herhaald zolang de pagina wordt bekeken.
   
   
10. Lus: selecteer het keuzerondje voor de instelling Forever.
    
    We willen dat de animatie start zodra de pagina wordt geladen. Dus we zullen de animatie op frame 1 niet pauzeren.
    
    
11. Laat Pauze bij frame 1 uitgeschakeld.
    
    
12. Klik op Maken.
    
    

Klik op de Pictogram Alleen huidige pagina exporteren en de knop Publiceren om uw animatie te testen op pagina 8.

Op dit punt blijft onze vlieg op dezelfde plek en beweegt zijn vleugels. Vervolgens voegen we een animatie toe aan de fly_pg8-laag die onze fly over de pagina zal verplaatsen.

Sla de wijzigingen op die u hebt aangebracht in page8.psd.

Ga naar uw map LearnKwik en maak een back-up van de map Sjabloonproject. Wijzig de naam van de back-upmap door de huidige datum aan het einde toe te voegen. (TemplateMM-DD-YY).

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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, Flash Catalyst en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.
Kwik-product, het Kwik-logo en Kwiksher zijn eigenschappen van Kwiksher.com - Copyright 2011. Schermafbeeldingen gebruikt met toestemming.

Deze tutorials zijn voor de oudere versie van Kwik 2 en bieden mogelijk niet veel hulp bij het gebruik van Kwik 3 en hoger. Gebruik het Kwik-forum als u problemen ondervindt.