Hvordan bruges AnimateMate til at skabe animation i Sketch?

How Use Animatemate Create Animation Sketch



Hvordan skaber Sketch animation? Sketch kan nemt håndtere det daglige designarbejde, så kan du lave godt design og lave animationseffekter i Sketch? Editoren giver dig AnimateMate-plug-in'en, som let kan oprettes og tegnes de elementer, du vil animere, hvilket er meget let at bruge. Så hvordan bruger jeg AnimateMate til at skabe animation i Sketch? Dernæst giver redaktøren dig specifikke trin!

Opret grundlæggende animation
1. Opret et nyt tegnebræt og tegn et firkant.





2. Vælg cirklen, udfør 'Plugins-AnimateMate-Creat Animation' eller brug genvejstasterne ⌃Kontrol-⌥ Valg-⌘ Kommando-K. I dialogboksen, der vises, skal du indstille Keyframe Number (key frame number) og Easing Type (Animation curve type).



3. Skift de grafiske egenskaber, såsom størrelse, position, rotation osv., Udfør 'Plugins-AnimateMate-Creat Animation' igen eller brug genvejstasterne ⌃Kontrol-⌥ Valg-⌘ Kommando-K for at indstille det nye Keyframe-nummer og Nemmere type.

4. Når alt er oprettet, skal du vælge Artboard og udføre 'Plugins-AnimateMate-Export Animation' eller bruge genvejstasten ⌃Control-p Option-⌘ Command-A. I pop op-dialogboksen skal du indstille eksportkonfigurationen og eksportere animationen. .

Gennem den eksporterede Gif-fil kan vi se den animationseffekt, vi lige har afsluttet i Sketch.



Opret forsinket animation
Ud over den grundlæggende animation lige nu kan vi også forsinke den animationseffekt, vi indstiller, og vi kan få virkningen af ​​forskellige elementer i rækkefølge.

1. Opret et nyt tegnebræt, og tegn en række cirkler

2. Vælg alle cirklerne, og udfør derefter 'Plugins-AnimateMate-Creat Animation', eller brug genvejstasterne ⌃Control-⌥ Option-⌘ Command-K til at indstille animationen.

3. Flyt cirklen, og udfør derefter 'Plugins-AnimateMate-Creat Animation' eller brug genvejstasterne ⌃Kontrol-⌥ Valg-⌘ Kommando-K til at indstille animationen.

4. Flyt cirklen til startpositionen, og udfør derefter 'Plugins-AnimateMate-Creat Animation' igen eller brug genvejstasterne ⌃Control-pMulighed-⌘Command-K for at indstille animationen.

5. Vælg alle cirkler, og udfør derefter 'Plugins-AnimateMate-Offset Animation', eller brug genvejstasterne ⌃Control-⌥ Option-⌘ Command-O til at indstille egenskaber for animationsforsinkelse i pop op-dialogboksen.

6. Vælg tegnebræt, udfør 'Plugins-AnimateMate-Export Animation' eller brug genvejstasterne ⌃Control-⌥ Option-⌘ Command-A til at eksportere animationen.

at opsummere
Gennem AnimateMate kan vi oprette animationer i Sketch, men funktionen af ​​dette plug-in er ikke perfekt nok på nuværende tidspunkt, og det kan ikke færdiggøre animationen af ​​grafiske farve- og formattributter. Jeg håber, at i fremtidige versioner kan In give mere komplette animationsproduktionsfunktioner.