Kwik 2 Path-animatie voor een filmclip of Sprite
Nu kunnen we de padanimatie maken. Het verschil tussen een lineaire animatie en een padanimatie is de lijn. In beide animaties beweegt het object langs een aangewezen lijn. Zoals we met de paginaomslaganimatie ontdekten, verplaatst een lineaire animatie het object langs een rechte lijn. In deze padanimatie tekenen we een pad langs een gebogen lijn voor het te volgen object. Onze eerste stap is om het pad te tekenen met het gereedschap Photoshop Pen.

  1. Selecteer de laag met het object (de filmclip) en klik op de vlieg met het gereedschap Pen. We zullen het tweede punt voor het pad ongeveer 3 vlieglengtes boven de pagina plaatsen. Klik op dat tweede punt en sleep je muis omhoog en naar rechts om een ​​gebogen lijn te maken.

  2. Wijzig de naam van het werkpad in "flypath1" in het deelvenster Paden (gegroepeerd met het deelvenster Lagen).

    Nu kunnen we Kwik vertellen dit pad te gebruiken voor onze Path-animatie.

  3. Terwijl de laag fly_pg8 nog steeds is geselecteerd, klikt u op de Animaties-pictogram in de categoriebalk.

  4. Klik op de Padanimatiepictogram om het dialoogvenster te openen.

  5. Noem deze animatie "fly1Ani".

  6. Deze animatie is voor laag fly_pg8.

  7. Pad: kies het pad van flypath1 in de vervolgkeuzelijst.

    Terwijl de vlieg langs de bocht beweegt, willen we dat hij iets roteert zodat zijn hoofd in de richting van het pad blijft wijzen.

  8. Vink het vakje voor Automatisch draaien aan en stel de hoeveelheid voor de Rotatiehoek in op slechts -10 graden.

  9. Vliegen bewegen snel. Laten we de duur instellen op 1 of .5 seconde.

  10. We willen dat de vlieg na de animatie van de pagina blijft. Schakel het selectievakje in voor Pauze wanneer voltooid en stel de lus in op 1 tijd. Laat het omgekeerde aan het einde uit.

  11. Laten we wat realisme toevoegen door de vlieg te laten aarzelen wanneer deze klikt en vervolgens wegvliegen. We kunnen dit doen door Easing in te stellen op inOutExpo.

  12. Stel het ankerpunt in op TopCenter zodat zijn lichaam meer roteert dan zijn hoofd.

  13. We willen niet dat de vlieg beweegt totdat op de knop wordt geklikt. Stel het wachtverzoek in.

  14. Laat het vakje voor Terug naar startpositie uitgeschakeld.

  15. Klik op Maken.

Nu kunnen we de knop toevoegen. Nog steeds op de fly_pg8-laag.

  1. Klik op de Interactiepictogram op de Categorieënbalk.

  2. Klik op de Knoppictogram toevoegen om het dialoogvenster te openen.

  3. Noem de knop "fly1btn".

  4. We willen de laag fly_pg8 voor zowel de standaardstatus als de knop Over.

  5. Vouw in het gedeelte Interacties het gedeelte Animatie uit.

  6. Kies Speel animatie. Selecteer fly1Ani in de vervolgkeuzelijst.

  7. Vouw het gedeelte Audio uit.

    Kies Audio stoppen en selecteer de eerste audio in de vervolgkeuzelijst.

    Kies in het gedeelte Audio nog steeds Audio afspelen en selecteer het tweede audiobestand in de vervolgkeuzelijst.

  8. Klik op Maken.

Nu kunnen we onze interactieve reeks testen. Wanneer de pagina wordt geladen, zou de vlieg met zijn vleugels op de pagina moeten klapperen, waarbij het achtergrondgeluid continu speelt. Als we op de pagina klikken, horen we een luider vlieggeluid en beweegt hij van de pagina af.

Sla de wijzigingen op in pagina8.

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

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

← terug

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.

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] geregistreerde handelsmerken [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.


Video-Instructies: Thomas & Friends Wooden Railway Adventures- The Return of 98462 (Part 2 of 2) (Maart 2021).