Opret en animation i Flash Catalyst


I den sidste tutorial byggede vi vores websitet designtekstfil i PhotoshopR. Hvis du ikke har læst denne tutorial, er der et link i bunden. Nu er vi klar til at importere Photoshop-billedet til FlashR KatalysatorTM og opret intro-animationen.

Åbn Adobe Flash Catalyst, og lad os komme på arbejde.

  1. Hvis du vil importere din Photoshop-projektfil til Catalyst, skal du vælge Opret nyt projekt fra designfil - Fra Adobe Photoshop PSD-fil. Behold alle standardindstillingerne for Photoshop Importindstillinger.

    Som du kan se, er lagene fra Photoshop blevet gemt og importeret til Catalyst. De har de samme navne og er i samme lagrækkefølge. En undtagelse er, at dropskygge-lagstilen for hvert kort er på et lag under kortet. Lad os gruppere hvert kort med dets dråbe skyggelag nedenfor. Dette vil gøre det lettere at flytte dem samtidigt.

  2. Vælg både julekort og dråbe skyggelag under det. Højreklik, og vælg Gruppe i menuen. Omdøb gruppen til "Xmas".

  3. Gentag det sidste trin til både fødselsdag og græskar-kort.

    Nu er vi klar til at arbejde på vores animation. Oprettelse af en animation i Catalyst er meget som at oprette en Tween i Flash. Der er en begyndelse og slutning "Stat". Vi har allerede importeret vores header i dens slutningstilstand, eller hvordan vi ønsker, at den skal se i slutningen af ​​animationen.

  4. Øverst på Catalyst-arbejdsområdet ser du panelet Pages / States. Vi har indtil videre en side. Klik på knappen Kopier tilstand for at kopiere denne side.

  5. Omdøb side1 til "Start" og Side2 til "Slut".

    Vi er klar til at fjerne designelementerne fra startsiden. Husk, at vi ønsker, at disse elementer skal glide ind under animationen. Derfor er vi nødt til at fjerne dem i starten af ​​animationen. For at se bedre skal du indstille zoom til 50%. Du finder rullemenuen til dette øverst på arbejdsområdet.

  6. Vi ønsker, at firmanavnet skal glide ind fra venstre. Træk dette element fra siden til venstre. Hold Shift-tasten nede for at holde teksten i den samme vandrette position, som du trækker.

  7. Vi ønsker, at fødselsdagskortet falder ned fra toppen af ​​siden. Træk fødselsdagskortet over og fra siden.

  8. Julekortet glider ind fra højre. Træk dette kort til højre og fra siden.

  9. Pumpkin-kortet glider ind fra bunden. Træk dette kort under og fra siden.

    Din startside skal se sådan ud.
Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Real 3D FlipBook - Responsive WordPress Plugin Installation (April 2021)



Tags Artiklen: Opret en animation i Flash Catalyst, Flash og Animation, opret en animation i Flash Catalyst, importer Photoshop designfil til Catalyst

Monterey og omegn

Monterey og omegn

rejse & kultur